@ridp/threejs 1.0.9 → 1.0.11

package/dist/common-BHi3qsZW.cjs

@@ -0,0 +1,15 @@
+"use strict";const c=require("./ImageLoader-DwvBWW6h.cjs");function s(o,t=[.3,.3,.3]){const e=document.querySelector(`#${o}`);if(!e){console.log(" 获取 infoPlane 元素失败 (id) =====> :",o);return}const n=e.cloneNode(!0);n.style.display="block";const r=new c.CSS3DSprite(n);return r.visible=!1,r.scale.set(...t),r}function i(o,t){const e=u(o);e.style.display="block";const n=new c.CSS3DSprite(e);return n.visible=!1,n.scale.set(t,t,t),n}const u=o=>{const t=document.createElement("div");t.style.cssText=`
+    border-radius: 50px;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+    background-color: rgba(15, 20, 22, 0.562);
+    justify-content: flex-start;
+    align-items: center;
+    padding: 20px 30px;
+    display: flex;
+    transform-origin: center 0;`;const e=document.createElement("span");return e.style.cssText=`
+      font-size: 40px;
+      line-height: 1;
+      white-space: nowrap;
+      color: #fff;
+      font-weight: 700;
+    `,e.innerText=o,t.appendChild(e),t},p=(o,t)=>{const e={};o.forEach(a=>{let l=a.parent;for(;l;)e[l.uuid]?e[l.uuid]++:e[l.uuid]=1,l=l.parent});let n=null,r=0;for(const a in e)e[a]>r&&(r=e[a],n=t.getObjectByProperty("uuid",a));return n};exports.createInfoPlane=s;exports.createTagPlane=i;exports.getCommonParent=p;

package/dist/common-POkqA27v.js

@@ -0,0 +1,54 @@
+import { l as a } from "./ImageLoader-xzOH4Owt.js";
+function u(o, t = [0.3, 0.3, 0.3]) {
+  const e = document.querySelector(`#${o}`);
+  if (!e) {
+    console.log(" 获取 infoPlane 元素失败 (id) =====> :", o);
+    return;
+  }
+  const n = e.cloneNode(!0);
+  n.style.display = "block";
+  const r = new a(n);
+  return r.visible = !1, r.scale.set(...t), r;
+}
+function p(o, t) {
+  const e = c(o);
+  e.style.display = "block";
+  const n = new a(e);
+  return n.visible = !1, n.scale.set(t, t, t), n;
+}
+const c = (o) => {
+  const t = document.createElement("div");
+  t.style.cssText = `
+    border-radius: 50px;
+    border: 2px solid rgba(255, 255, 255, 0.5);
+    background-color: rgba(15, 20, 22, 0.562);
+    justify-content: flex-start;
+    align-items: center;
+    padding: 20px 30px;
+    display: flex;
+    transform-origin: center 0;`;
+  const e = document.createElement("span");
+  return e.style.cssText = `
+      font-size: 40px;
+      line-height: 1;
+      white-space: nowrap;
+      color: #fff;
+      font-weight: 700;
+    `, e.innerText = o, t.appendChild(e), t;
+}, d = (o, t) => {
+  const e = {};
+  o.forEach((s) => {
+    let l = s.parent;
+    for (; l; )
+      e[l.uuid] ? e[l.uuid]++ : e[l.uuid] = 1, l = l.parent;
+  });
+  let n = null, r = 0;
+  for (const s in e)
+    e[s] > r && (r = e[s], n = t.getObjectByProperty("uuid", s));
+  return n;
+};
+export {
+  p as a,
+  u as c,
+  d as g
+};

package/dist/hooks.cjs

@@ -0,0 +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;

package/dist/hooks.js

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

package/dist/threejs.cjs

@@ -0,0 +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()}))});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]}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()})}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;

package/dist/threejs.js

@@ -0,0 +1,184 @@
+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";
+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 { 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 = {
+  enableDamping: !0,
+  dampingFactor: 0.25,
+  screenSpacePanning: !1,
+  minDistance: 0.1,
+  maxDistance: 1e3,
+  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", {
+      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(), l(() => {
+        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();
+      }));
+    });
+    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({
+      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
+    );
+  }
+  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 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);
+  }
+  getTargetSize() {
+    const e = document.querySelector(this.selector);
+    return e ? [e.clientWidth, e.clientHeight] : [0, 0];
+  }
+  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();
+    });
+  }
+  /**物体视窗自动适应
+   *
+   * @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] = []);
+  }
+  dispose() {
+    this.isDispose = !0, this.removeListener(), L(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;
+  }
+}
+export {
+  I as IDBCache,
+  G 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,
+  v as createOrbitControl,
+  X as createRaycaster,
+  Z as createStats,
+  se 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
+};