@realsee/dnalogel 2.16.0-alpha.3 → 2.16.0

package/libs/PanoTagPlugin/utils/model/mediaPlane.js

@@ -1,109 +1,129 @@
-var S = Object.defineProperty;
-var H = (v, c, e) => c in v ? S(v, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[c] = e;
-var h = (v, c, e) => (H(v, typeof c != "symbol" ? c + "" : c, e), e);
-var m = (v, c, e) => new Promise((t, s) => {
-  var a = (i) => {
+var L = Object.defineProperty;
+var S = (u, m, e) => m in u ? L(u, m, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[m] = e;
+var o = (u, m, e) => (S(u, typeof m != "symbol" ? m + "" : m, e), e);
+var v = (u, m, e) => new Promise((t, i) => {
+  var s = (n) => {
     try {
-      n(e.next(i));
-    } catch (o) {
-      s(o);
+      r(e.next(n));
+    } catch (h) {
+      i(h);
     }
-  }, r = (i) => {
+  }, d = (n) => {
     try {
-      n(e.throw(i));
-    } catch (o) {
-      s(o);
+      r(e.throw(n));
+    } catch (h) {
+      i(h);
     }
-  }, n = (i) => i.done ? t(i.value) : Promise.resolve(i.value).then(a, r);
-  n((e = e.apply(v, c)).next());
+  }, r = (n) => n.done ? t(n.value) : Promise.resolve(n.value).then(s, d);
+  r((e = e.apply(u, m)).next());
 });
-import * as u from "three";
+import * as c from "three";
 import { Vector3 as f } from "three";
-import { centerPoint as g } from "../../../shared-utils/three/centerPoint.js";
+import { centerPoint as I } from "../../../shared-utils/three/centerPoint.js";
 import { loadTexture as w } from "../../../shared-utils/three/loadTexture.js";
-import { QuadrangleGeometry as y } from "../../../shared-utils/three/Quadrangle.js";
-import { loadVideoTexture as F } from "../../../shared-utils/three/loadVideoTexture.js";
-import { Image_Play_Icon_With_Text as R, Image_Play_Icon as P } from "../../Assets/Icon.js";
-import { getPositionsByObjectFit as T } from "../../../shared-utils/three/getPositionsByObjectFit.js";
-import { FiveDomEvents as D } from "../../../shared-utils/five/FiveDomEvents.js";
+import { QuadrangleGeometry as C, QuadrangleMesh as y } from "../../../shared-utils/three/Quadrangle.js";
+import { loadVideoTexture as V } from "../../../shared-utils/three/loadVideoTexture.js";
+import { Image_Play_Icon_With_Text as F, Image_Play_Icon as b } from "../../Assets/Icon.js";
+import { getPositionsByObjectFit as g } from "../../../shared-utils/three/getPositionsByObjectFit.js";
+import { FiveDomEvents as B } from "../../../shared-utils/five/FiveDomEvents.js";
+import "@realsee/five/gltf-loader";
 import "../../../shared-utils/math/pointIsRectangle.js";
 import "@realsee/five";
+import "object-assign-deep";
 import "../../../shared-utils/threex/domevents/index.js";
-class V extends u.Mesh {
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../shared-utils/Subscribe.js";
+import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/animationFrame/BetterTween.js";
+import "../../../shared-utils/animationFrame/index.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../device.js";
+import "animejs";
+import "../constants.js";
+import "../../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../../shared-utils/three/GLTFLoader.js";
+class P extends c.Mesh {
   constructor() {
     super(...arguments);
-    h(this, "name", "MediaPlane");
-    h(this, "src");
+    o(this, "name", "MediaPlane");
+    o(this, "src");
   }
   removeFromParent() {
     const e = this.parent;
     return e !== null && e.remove(this), this;
   }
-  setMatrixByCornerPoints(e) {
-    const t = new f().subVectors(e[1], e[0]), s = new f().subVectors(e[3], e[0]), a = g(...e), r = new f().crossVectors(t, s).normalize();
-    this.lookAt(r);
-    const n = this.up.clone().applyQuaternion(this.quaternion), i = s.clone(), o = new f().crossVectors(n, i).normalize();
-    this.rotateOnWorldAxis(o, n.angleTo(i)), this.position.copy(a);
-  }
 }
-class J extends V {
-  constructor(e, t) {
+class we extends P {
+  constructor(e, t, i) {
     super();
-    h(this, "name", "PanoTagPluginImagePlane");
+    o(this, "name", "PanoTagPluginImagePlane");
     this.src = e, w(e).then((s) => {
-      const a = s.image.width, r = s.image.height, n = new u.MeshBasicMaterial({ map: s, transparent: !0 }), i = new u.PlaneGeometry(a, r);
-      this.geometry = i, this.material = n;
-      const o = t[0].distanceTo(t[1]), d = t[1].distanceTo(t[2]);
-      this.scale.set(o / a, d / r, 1);
-      const l = a / r, M = o / d;
-      l > M ? this.scale.set(o / a, o / a, 1) : l < M ? this.scale.set(d / r, d / r, 1) : this.scale.set(o / a, d / r, 1);
+      var p;
+      const d = new URL(e, location.href).pathname.endsWith(".png"), r = new c.MeshBasicMaterial({ map: s, transparent: d }), n = g((p = i == null ? void 0 : i.objectFit) != null ? p : "contain", t, s.image.width / s.image.height), h = I(...n), a = n.map((M) => M.clone().sub(h)), l = new C(a);
+      this.position.copy(h), this.geometry = l, this.material = r;
     }).catch((s) => {
       console.error({ e: s });
-    }), this.setMatrixByCornerPoints(t);
+    });
   }
 }
-class K extends V {
-  constructor(e, t, s) {
+class Te extends P {
+  constructor(e, t, i) {
     const {
-      videoCoverSrc: a,
-      objectFit: r = "contain",
-      playButton: n = "withText",
-      videoTextureMap: i,
-      ImageTextureMap: o,
-      videoInstance: d = document.createElement("video")
-    } = s != null ? s : {};
+      videoCoverSrc: s,
+      objectFit: d = "contain",
+      playButton: r = "withText",
+      videoTextureMap: n,
+      ImageTextureMap: h,
+      videoInstance: a = document.createElement("video")
+    } = i != null ? i : {};
     super();
-    h(this, "isVideoPlane", !0);
-    h(this, "name", "PanoTagPluginImagePlane");
-    h(this, "videoInstance");
-    h(this, "objectFit");
-    h(this, "buttonSrc");
-    h(this, "paused", !0);
-    h(this, "videoCoverSrc");
-    h(this, "domEvents");
-    h(this, "disposers", []);
-    h(this, "domEventsListenerTemporaryList", []);
-    h(this, "cornerPoints");
-    h(this, "videoMesh");
-    h(this, "coverMesh");
-    h(this, "buttonMesh");
-    h(this, "videoTextureMap");
-    h(this, "ImageTextureMap");
-    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => n === "withText" ? R : n === "withoutText" ? P : typeof n == "string" ? n : P)(), this.videoInstance = d, this.videoCoverSrc = a, this.objectFit = r, this.videoTextureMap = i, this.ImageTextureMap = o, this.position.copy(g(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("dispose", () => {
+    o(this, "isVideoPlane", !0);
+    o(this, "name", "PanoTagPluginImagePlane");
+    o(this, "videoInstance");
+    o(this, "objectFit");
+    o(this, "buttonSrc");
+    o(this, "paused", !0);
+    o(this, "videoCoverSrc");
+    o(this, "domEvents");
+    o(this, "disposers", []);
+    o(this, "domEventsListenerTemporaryList", []);
+    o(this, "cornerPoints");
+    o(this, "videoMesh");
+    o(this, "coverMesh");
+    o(this, "buttonMesh");
+    o(this, "videoTextureMap");
+    o(this, "ImageTextureMap");
+    this.cornerPoints = t, this.src = e, this.buttonSrc = (() => r === "withText" ? F : r === "withoutText" ? b : typeof r == "string" ? r : b)(), this.videoInstance = a, this.videoCoverSrc = s, this.objectFit = d, this.videoTextureMap = n, this.ImageTextureMap = h, this.position.copy(I(...t)), this.videoCoverSrc ? this.addCoverMesh().then(() => this.addButtonMesh()) : this.addVideoMesh().then(() => this.addButtonMesh()), this.addEventListener("dispose", () => {
       var l;
-      this.domEventsListenerTemporaryList = [], (l = this.disposers) == null || l.forEach((M) => M == null ? void 0 : M());
+      this.domEventsListenerTemporaryList = [], (l = this.disposers) == null || l.forEach((p) => p == null ? void 0 : p());
     });
   }
   play() {
-    return m(this, null, function* () {
-      !this.paused || (this.paused = !1, this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh || (yield this.addVideoMesh()), this.videoMesh.visible = !0, this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
+    return v(this, null, function* () {
+      !this.paused || (this.paused = !1, this.videoMesh || (yield this.addVideoMesh()), this.showPlayUI(), this.videoInstance.play(), this.videoInstance.muted = !1, this.render());
     });
   }
   pause() {
-    this.paused || (this.paused = !0, this.coverMesh && (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.videoInstance.pause(), this.render());
+    this.paused || (this.paused = !0, this.showPauseUI(), this.videoInstance.pause(), this.render());
   }
   initialDomEvents(e) {
-    this.domEvents || (this.domEvents = new D(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
+    this.domEvents || (this.domEvents = new B(e), this.domEventsListenerTemporaryList.forEach((t) => this.addDomEventListener(...t)), this.domEventsListenerTemporaryList = []);
   }
   initialRenderHooks(e) {
     const t = () => {
@@ -111,6 +131,12 @@ class K extends V {
     };
     e.on("renderFrame", t), this.disposers.push(() => e.off("renderFrame", t));
   }
+  showPauseUI() {
+    this.coverMesh && (this.coverMesh.visible = !0, this.videoMesh && (this.videoMesh.visible = !1)), this.addButtonMesh(), this.render();
+  }
+  showPlayUI() {
+    this.coverMesh && (this.coverMesh.visible = !1), this.remove(this.buttonMesh), this.videoMesh.visible = !0, this.render();
+  }
   render() {
     this.videoMesh && (this.videoMesh.needsRender = !0), this.coverMesh && (this.coverMesh.needsRender = !0), this.buttonMesh && (this.buttonMesh.needsRender = !0), this.videoMesh && (this.videoInstance.paused || (this.videoMesh.needsRender = !0));
   }
@@ -124,7 +150,7 @@ class K extends V {
     this.domEvents ? this.domEvents.removeEventListener(...e) : this.domEventsListenerTemporaryList = this.domEventsListenerTemporaryList.filter((t) => t !== e);
   }
   addCoverMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.coverMesh))
         return;
       const e = yield this.getCoverMesh();
@@ -132,7 +158,7 @@ class K extends V {
     });
   }
   addVideoMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.videoMesh))
         return;
       const e = yield this.getVideoMesh();
@@ -140,7 +166,7 @@ class K extends V {
     });
   }
   addButtonMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.children.find((t) => t === this.buttonMesh))
         return;
       const e = yield this.getButtonMesh();
@@ -148,77 +174,102 @@ class K extends V {
     });
   }
   getCoverMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.coverMesh)
         return this.coverMesh;
-      const e = yield this.getCoverTexture(), t = new u.MeshBasicMaterial({ transparent: !0, map: e }), s = T(this.objectFit, this.cornerPoints, e.image.width / e.image.height), a = g(...s), r = s.map((o) => o.clone().sub(a)), n = new y(r, 1), i = new u.Mesh(n, t);
-      return i.name = "videoCoverMesh", i.position.copy(a.clone().sub(this.position)), this.coverMesh = i, i;
+      const e = yield this.getCoverTexture(), t = new c.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.width / e.image.height), s = new y(i, t);
+      return s.name = "videoCoverMesh", s.position.copy(new f(0, 0, 0)), this.coverMesh = s, s;
     });
   }
   getVideoMesh() {
-    return m(this, null, function* () {
+    return v(this, null, function* () {
       if (this.videoMesh)
         return this.videoMesh;
-      const e = yield this.getVideoTexture(), t = new u.MeshBasicMaterial({ transparent: !0, map: e }), s = T(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), a = g(...s), r = s.map((d) => d.clone().sub(a)), n = new y(r, 1), i = new u.Mesh(n, t);
-      i.name = "videoMesh", i.position.copy(a.clone().sub(this.position)), this.addDomEventListener(i, "click", (d) => {
+      const e = yield this.getVideoTexture(), t = new c.MeshBasicMaterial({ transparent: !1, map: e }), i = g(this.objectFit, this.cornerPoints, e.image.videoWidth / e.image.videoHeight), s = new y(i, t);
+      s.name = "videoMesh", s.position.copy(new f(0, 0, 0)), this.addDomEventListener(s, "click", (r) => {
         this.pause();
       });
-      const o = e.image;
-      return o.addEventListener("playing", () => {
-        this.coverMesh || this.remove(this.buttonMesh);
-      }), o.addEventListener("pause", () => {
-        this.coverMesh || this.addButtonMesh();
-      }), this.videoMesh = i, this.videoInstance = o, i;
+      const d = e.image;
+      return d.addEventListener("playing", () => {
+        this.showPlayUI();
+      }), d.addEventListener("pause", () => {
+        this.showPauseUI();
+      }), this.videoMesh = s, this.videoInstance = d, s;
     });
   }
   getButtonMesh() {
-    return m(this, null, function* () {
-      var b, E, I, L;
+    return v(this, null, function* () {
+      var M, T, x, E;
       if (this.buttonMesh)
         return this.buttonMesh;
-      const e = (E = (b = this.videoMesh) == null ? void 0 : b.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? E : 1 / 0, t = (L = (I = this.coverMesh) == null ? void 0 : I.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? L : 1 / 0, s = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), r = Math.min(e, t, s) / s * 0.3, n = yield this.getButtonTexture(), i = new u.MeshBasicMaterial({ transparent: !0, map: n }), o = T("contain", this.cornerPoints, n.image.width / n.image.height), d = g(...o), l = o.map((B) => B.clone().sub(d)), M = new y(l), p = new u.Mesh(M, i);
-      p.name = "buttonMesh", p.scale.set(r, r, r);
-      const x = () => {
+      const e = (T = (M = this.videoMesh) == null ? void 0 : M.geometry.points[0].distanceTo(this.videoMesh.geometry.points[3])) != null ? T : 1 / 0, t = (E = (x = this.coverMesh) == null ? void 0 : x.geometry.points[0].distanceTo(this.coverMesh.geometry.points[3])) != null ? E : 1 / 0, i = this.cornerPoints[0].distanceTo(this.cornerPoints[3]), d = Math.min(e, t, i) / i * 0.3, r = yield this.getButtonTexture(), n = new c.ShaderMaterial({
+        uniforms: {
+          map: { value: r }
+        },
+        transparent: !1,
+        blending: c.CustomBlending,
+        blendSrc: c.SrcAlphaFactor,
+        blendDst: c.OneMinusSrcAlphaFactor,
+        blendSrcAlpha: c.OneFactor,
+        blendDstAlpha: c.OneMinusSrcAlphaFactor,
+        vertexShader: `
+        varying vec2 vUv;
+        void main() {
+          vUv = uv;
+          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+        }
+      `,
+        fragmentShader: `
+        uniform sampler2D map;
+        // \u7EB9\u7406\u5750\u6807
+        varying vec2 vUv;
+        void main() {
+          gl_FragColor = texture2D(map, vUv);
+        }
+      `
+      }), h = g("contain", this.cornerPoints, r.image.width / r.image.height), a = new y(h, n);
+      a.position.copy(new f(0, 0, 0)), a.name = "buttonMesh", a.scale.set(d, d, d);
+      const l = () => {
         this.play();
       };
-      p.addEventListener("added", () => {
-        this.addDomEventListener(p, "click", x);
-      }), p.addEventListener("removed", () => {
-        this.removeDomEventListener(p, "click", x);
+      a.addEventListener("added", () => {
+        this.addDomEventListener(a, "click", l);
+      }), a.addEventListener("removed", () => {
+        this.removeDomEventListener(a, "click", l);
       });
-      const C = new u.Vector3().crossVectors(new u.Vector3().subVectors(o[0], o[1]), new u.Vector3().subVectors(o[0], o[3])).normalize().multiplyScalar(1e-4);
-      return p.position.copy(C), this.buttonMesh = p, p;
+      const p = new c.Vector3().crossVectors(new c.Vector3().subVectors(h[0], h[1]), new c.Vector3().subVectors(h[0], h[3])).normalize().multiplyScalar(1e-4);
+      return a.position.add(p), this.buttonMesh = a, a;
     });
   }
   getButtonTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.ImageTextureMap) != null && t.has(this.buttonSrc))
         return this.ImageTextureMap.get(this.buttonSrc);
       const e = yield w(this.buttonSrc);
-      return (s = this.ImageTextureMap) == null || s.set(this.buttonSrc, e), e;
+      return (i = this.ImageTextureMap) == null || i.set(this.buttonSrc, e), e;
     });
   }
   getCoverTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.ImageTextureMap) != null && t.has(this.videoCoverSrc))
         return this.ImageTextureMap.get(this.videoCoverSrc);
       const e = yield w(this.videoCoverSrc);
-      return (s = this.ImageTextureMap) == null || s.set(this.videoCoverSrc, e), e;
+      return (i = this.ImageTextureMap) == null || i.set(this.videoCoverSrc, e), e;
     });
   }
   getVideoTexture() {
-    return m(this, null, function* () {
-      var t, s;
+    return v(this, null, function* () {
+      var t, i;
       if ((t = this.videoTextureMap) != null && t.has(this.src))
         return this.videoTextureMap.get(this.src);
-      const e = yield F(this.src, this.videoInstance);
-      return (s = this.videoTextureMap) == null || s.set(this.src, e), e;
+      const e = yield V(this.src, this.videoInstance);
+      return (i = this.videoTextureMap) == null || i.set(this.src, e), e;
     });
   }
 }
 export {
-  J as ImagePlane,
-  K as VideoPlane
+  we as ImagePlane,
+  Te as VideoPlane
 };

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1,15 +1,43 @@
-import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { anyPositionToVector3 as m } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
 import "../../shared-utils/threex/domevents/index.js";
-function u(t) {
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+function J(t) {
   if (t.length < 3)
     return;
-  const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
-  return r.cross(n);
+  const o = t.map(m), r = o[1].clone().sub(o[0]), i = o[2].clone().sub(o[1]);
+  return r.cross(i);
 }
 export {
-  u as planeNormal
+  J as planeNormal
 };

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -1,27 +1,54 @@
-import { Matrix4 as m, Vector3 as a } from "three";
+import { Matrix4 as n, Vector3 as e } from "three";
 import { anyPositionToVector3 as i } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { centerPoint as n } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as m } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import { isMediaModelTag as a } from "./tag/tagCheck.js";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
 import "../../shared-utils/threex/domevents/index.js";
-import { isMediaModelTag as p } from "./tag/tagCheck.js";
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
 function s(r) {
   if (!!r)
     if (Array.isArray(r) && r.length === 4) {
       const o = r.map(i);
-      return n(o[0], o[2]);
+      return m(o[0], o[2]);
     } else
       return i(r);
 }
-function A(r) {
-  if (p(r) && r.matrix) {
-    const t = new m().fromArray(r.matrix), o = r.data.mediaPosition.map((e) => new a().fromArray(e).applyMatrix4(t));
-    return n(o[0], o[2]);
+function R(r) {
+  if (a(r) && r.matrix) {
+    const t = new n().fromArray(r.matrix), o = r.data.mediaPosition.map((p) => new e().fromArray(p).applyMatrix4(t));
+    return m(o[0], o[2]);
   } else
     return s(r.position);
 }
 export {
-  A as getTagPosition,
+  R as getTagPosition,
   s as tagPosition
 };

package/libs/base/BasePlugin.js

@@ -2,9 +2,9 @@ var i = Object.defineProperty;
 var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class o {
+class x {
   constructor(r, t) {
-    s(this, "VERSION", "2.16.0-alpha.3");
+    s(this, "VERSION", "2.16.0");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
@@ -15,5 +15,5 @@ class o {
   }
 }
 export {
-  o as Controller
+  x as Controller
 };

package/libs/index.js

@@ -225,7 +225,14 @@ import "./CruisePlugin/utils/sleep.js";
 import "object-assign-deep";
 import "./PanoTagPlugin/utils/addDebugPoints.js";
 import "@realsee/five/gltf-loader";
+import "./PanoTagPlugin/utils/device.js";
 import "./shared-utils/threex/domevents/index.js";
+import "animejs";
+import "./PanoTagPlugin/utils/constants.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "./shared-utils/three/GLTFLoader.js";
 import "./PanoTagPlugin/utils/tag/tagCheck.js";
 import "./PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
 import "./PanoTagPlugin/utils/debounce.js";
@@ -242,7 +249,6 @@ import "./PanoTagPlugin/tag.config.js";
 import "./PanoTagPlugin/utils/planeNormal.js";
 import "./PanoTagPlugin/utils/normalPositionToPositions.js";
 import "./PanoTagPlugin/controller/TagCache.js";
-import "./PanoTagPlugin/utils/device.js";
 import "./PanoTagPlugin/utils/model/mediaPlane.js";
 import "./shared-utils/three/Quadrangle.js";
 import "./shared-utils/math/pointIsRectangle.js";
@@ -259,9 +265,7 @@ import "./PanoTagPlugin/Components/Common/Line/Straight.js";
 import "./PanoTagPlugin/Components/Common/Shadow.js";
 import "./PanoTagPlugin/Components/Common/Text/FlyMText.js";
 import "./PanoTagPlugin/Components/Common/Text/FlyText.js";
-import "animejs";
 import "./PanoTagPlugin/utils/search.js";
-import "./PanoTagPlugin/utils/constants.js";
 import "./PanoTagPlugin/Components/Common/Arrow.js";
 import "./PanoTagPlugin/utils/doUtil.js";
 import "./PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
@@ -290,11 +294,8 @@ import "./vendor/svelte-carousel/src/utils/clones.js";
 import "./vendor/svelte-carousel/src/utils/object.js";
 import "./vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
 import "./vendor/simply-reactive/src/simply-reactive.js";
-import "lodash.get";
-import "lodash.clonedeep";
 import "./vendor/simply-reactive/src/utils/subscription.js";
 import "./vendor/simply-reactive/src/utils/object.js";
-import "lodash.isequal";
 import "./vendor/simply-reactive/src/utils/watcher.js";
 import "./vendor/svelte-carousel/src/utils/lazy.js";
 import "./vendor/svelte-carousel/src/utils/ProgressManager.js";
@@ -314,7 +315,6 @@ import "./PanoTagPlugin/Components/Common/Icon/Icon.js";
 import "./PanoTagPlugin/utils/getImageInfo.js";
 import "./PanoTagPlugin/Components/Tag/CustomTag.js";
 import "./PanoTagPlugin/Components/Common/TagPoint.js";
-import "./shared-utils/three/GLTFLoader.js";
 import "./shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import "./shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "./shared-utils/Object3DHelper/utils/setObjectQuaternion.js";

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.info(
-    "%c %c@realsee/dnalogel %cv2.16.0-alpha.3",
+    "%c %c@realsee/dnalogel %cv2.16.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/three/Quadrangle.d.ts

@@ -1,11 +1,11 @@
 import * as THREE from 'three';
-declare class QuadrangleMesh extends THREE.Mesh {
+declare class QuadrangleMesh extends THREE.Mesh<QuadrangleGeometry, THREE.Material> {
     name: string;
     /**
      * @description 生成一个四边形的Mesh
      * @param {Vector3Position[]} points: 四个顶点的坐标, [左下，右下，右上，左上]
      */
-    constructor(points: THREE.Vector3[], segments?: number);
+    constructor(points: THREE.Vector3[], material?: THREE.Material, segments?: number);
     removeFromParent(): this;
 }
 declare class QuadrangleGeometry extends THREE.BufferGeometry {