@realsee/dnalogel 3.51.0 → 3.52.0

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -1,21 +1,16 @@
 var g = Object.defineProperty;
-var I = (p, i, e) => i in p ? g(p, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[i] = e;
-var t = (p, i, e) => (I(p, typeof i != "symbol" ? i + "" : i, e), e);
+var I = (v, e, i) => e in v ? g(v, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : v[e] = i;
+var t = (v, e, i) => (I(v, typeof e != "symbol" ? e + "" : e, i), i);
 import { vertexShader as M, fragmentShader as P } from "./utils/shader.js";
 import "../shared-utils/tag.js";
-import { VideoTexture as F, LinearFilter as c, ShaderMaterial as y, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as m, Quaternion as b } from "three";
+import { VideoTexture as F, LinearFilter as c, ShaderMaterial as y, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as p, Quaternion as b } from "three";
 import "hammerjs";
 import "../shared-utils/three/PointSelector/index.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "@realsee/five/line";
-import "../vendor/three/examples/jsm/lines/LineGeometry.js";
 import "../shared-utils/three/core/Sphere.js";
 import A from "animejs";
 import { requestAnimationFrameInterval as D } from "../shared-utils/animationFrame/index.js";
-import "../Sculpt/Meshes/Polygon.js";
-import "../Sculpt/utils/Modules/Global.js";
-import "../vendor/hotkeys-js/dist/hotkeys.esm.js";
-import "../Sculpt/utils/three/rayOnLine.js";
 import E from "./utils/index.js";
 import "../shared-utils/positionToVector3.js";
 import "../shared-utils/five/vector3ToScreen.js";
@@ -55,65 +50,15 @@ import "../Sculpt/utils/removeAllTag.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
 import "../shared-utils/util.js";
+import "../shared-utils/three/core/LineGeometry.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
-import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../vendor/three/build/three.module.js";
-import "../shared-utils/three/generatePolygonGeometry.js";
-import "../shared-utils/three/earcut3D.js";
-import "earcut";
-import "../shared-utils/three/getNormal.js";
-import "../PanoMeasurePlugin/utils/isIntersecting.js";
-import "../Sculpt/utils/three/ColoredMesh.js";
-import "../shared-utils/three/geometryUtil.js";
-import "../Sculpt/utils/Modules/Cursor.js";
-import "../Object3DHelperPlugin/Controller.js";
-import "../base/BasePlugin.js";
-import "../shared-utils/url/absoluteUrl.js";
-import "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
-import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
-import "../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
-import "../shared-utils/three/boundingBox.js";
-import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
-import "../shared-utils/Object3DHelper/utils/direction.js";
-import "../shared-utils/Object3DHelper/Constants/color.js";
-import "../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
-import "../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
-import "../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
-import "../shared-utils/Object3DHelper/Controller/MoveController.js";
-import "../shared-utils/Object3DHelper/Base/BaseController.js";
-import "../shared-utils/threex/domevents/index.js";
-import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
-import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
-import "../Object3DHelperPlugin/FiveControllerWrapper.js";
-import "../shared-utils/Object3DHelper/index.js";
-import "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import "../shared-utils/math/rad2Deg.js";
-import "../shared-utils/math/deg2Rad.js";
-import "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
-import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
-import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
-import "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
-import "../shared-utils/Object3DHelper/Controller/ScaleController.js";
-import "../shared-utils/five/fiveModelLoad.js";
-import "../shared-utils/five/FiveDomEvents.js";
-import "../shared-utils/five/calculateThreeMouse.js";
-class Te {
+class _e {
   /** 初始化视频、模型以及相关事件监听。 */
-  constructor(i, e) {
+  constructor(e, i) {
     t(this, "video");
     t(this, "_id");
     /** 视频资源地址 */
@@ -149,67 +94,67 @@ class Te {
       this.video.muted = !1;
     });
     /** 把 uv 值转换成位置 */
-    t(this, "uv2Position", (i, e) => {
+    t(this, "uv2Position", (e, i) => {
       var f;
-      const o = Math.PI, a = Math.PI * 2, d = i, r = 1 - e, s = new m(
-        -1 * Math.cos(a * d) * Math.sin(o * r),
-        1 * Math.cos(o * r),
-        1 * Math.sin(a * d) * Math.sin(o * r)
+      const o = Math.PI, a = Math.PI * 2, d = e, s = 1 - i, r = new p(
+        -1 * Math.cos(a * d) * Math.sin(o * s),
+        1 * Math.cos(o * s),
+        1 * Math.sin(a * d) * Math.sin(o * s)
       );
-      s.setX(-s.x);
+      r.setX(-r.x);
       const h = (f = this.five.work) == null ? void 0 : f.observers[this.panoIndex];
       if (!h)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      const u = h.position.clone(), l = h.quaternion.clone(), v = s.clone();
-      return v.applyAxisAngle(new m(0, 1, 0), Math.PI / 2), v.applyQuaternion(l), v.add(u), v;
+      const l = h.position.clone(), m = h.quaternion.clone(), u = r.clone();
+      return u.applyAxisAngle(new p(0, 1, 0), Math.PI / 2), u.applyQuaternion(m), u.add(l), u;
     });
     /** Five 数据加载后需要根据点位位姿调整点位模型位置 */
     t(this, "onFiveDataLoaded", () => {
-      var s;
-      const i = (s = this.five.work) == null ? void 0 : s.observers[this.panoIndex];
-      if (!i)
+      var r;
+      const e = (r = this.five.work) == null ? void 0 : r.observers[this.panoIndex];
+      if (!e)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      this.observer = i;
-      const { x: e, y: n, z: o, w: a } = i.quaternion, d = new b(e, n, o, a), r = i.position;
-      this.videoMesh.position.fromArray([r.x, r.y, r.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new m(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
+      this.observer = e;
+      const { x: i, y: n, z: o, w: a } = e.quaternion, d = new b(i, n, o, a), s = e.position;
+      this.videoMesh.position.fromArray([s.x, s.y, s.z]), this.videoMesh.quaternion.set(0, 0, 0, 1), this.videoMesh.rotateOnAxis(new p(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
     });
     /** 兼容视频播放 */
-    t(this, "onFiveWantsMoveToPano", (i) => {
-      i === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
+    t(this, "onFiveWantsMoveToPano", (e) => {
+      e === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
       }));
     });
     /** 走到某个点位上时，挂载/卸载视频 */
-    t(this, "onFivePanoArrived", (i) => {
+    t(this, "onFivePanoArrived", (e) => {
       if (this.disposed)
         return this.logWarning("实例已被销毁");
-      this.enabled && this.panoIndex === i && this.mount();
+      this.enabled && this.panoIndex === e && this.mount();
     });
-    t(this, "onFivePanoWillArrive", (i) => {
-      if (i !== this.panoIndex)
+    t(this, "onFivePanoWillArrive", (e) => {
+      if (e !== this.panoIndex)
         return this.unmount();
-      this.panoIndex !== i && this.unmount();
+      this.panoIndex !== e && this.unmount();
     });
     /** Five 模型变化 */
-    t(this, "onFiveModeChange", (i) => {
-      i !== "Panorama" && this.hide();
+    t(this, "onFiveModeChange", (e) => {
+      e !== "Panorama" && this.hide();
     });
     /** Five mode change 动画结束 */
     t(this, "onFiveInitAnimationEnded", () => {
-      const i = this.five.getCurrentState();
-      i.mode === "Panorama" && i.panoIndex === this.panoIndex && this.mount();
+      const e = this.five.getCurrentState();
+      e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.mount();
     });
     /** Five Canvas 点击 */
-    t(this, "onFiveWantsTapGesture", (i) => {
+    t(this, "onFiveWantsTapGesture", (e) => {
       if (!this.five.scene.children.includes(this.videoMesh))
         return;
       if (this.disposed)
         return this.logWarning("实例已被销毁");
       if (!this.enabled)
         return this.logWarning("实例已被禁用");
-      const [e] = i.intersectObject(this.videoMesh);
-      if (!e)
+      const [i] = e.intersectObject(this.videoMesh);
+      if (!i)
         return;
-      if (this.checkIntersectionInBounding(this.origin, e)) {
+      if (this.checkIntersectionInBounding(this.origin, i)) {
         const o = {
           target: this,
           _preventDefaultReturn: !1,
@@ -246,16 +191,16 @@ class Te {
           if (this.enabled && this.panoIndex === this.five.getCurrentState().panoIndex && this.five.getCurrentState().mode === "Panorama" && (this.renderFiveDisposer || (this.renderFiveDisposer = D(() => {
             this.five.needsRender = !0;
           }, 30)), this.five.scene.add(this.videoMesh), this.videoMesh.material.uniforms.opacity.value === 0)) {
-            const i = {
+            const e = {
               value: 0
             };
             A({
-              targets: i,
+              targets: e,
               value: 1,
               duration: 300,
               easing: "linear",
               update: () => {
-                this.videoMesh.material.uniforms.opacity.value = i.value;
+                this.videoMesh.material.uniforms.opacity.value = e.value;
               },
               complete: () => {
                 this.videoMesh.material.uniforms.opacity.value = 1;
@@ -268,11 +213,11 @@ class Te {
     });
     /** video pause 事件触发 */
     t(this, "onVideoPaused", () => {
-      var i;
-      (i = this.renderFiveDisposer) == null || i.call(this), this.renderFiveDisposer = void 0;
+      var e;
+      (e = this.renderFiveDisposer) == null || e.call(this), this.renderFiveDisposer = void 0;
     });
-    var s, h;
-    this.five = i, this.panoIndex = e.panoIndex, this._id = e.renderID, this.url = e.url, this.origin = e.origin.slice(), this.hooks = e.hooks, this._enabled = (h = (s = e.initialState) == null ? void 0 : s.enabled) != null ? h : !0;
+    var r, h;
+    this.five = e, this.panoIndex = i.panoIndex, this._id = i.renderID, this.url = i.url, this.origin = i.origin.slice(), this.hooks = i.hooks, this._enabled = (h = (r = i.initialState) == null ? void 0 : r.enabled) != null ? h : !0;
     const n = document.createElement("video");
     n.crossOrigin = "anonymous", n.autoplay = !1, n.muted = !0, n.loop = !0, n.playsInline = !0, this.video = n;
     const o = new F(this.video);
@@ -291,8 +236,8 @@ class Te {
       transparent: !0
     }), d = new L(1, 64, 64);
     d.scale(-1, 1, 1);
-    const r = new V(d, a);
-    r.name = "pano-video-plugin", this.videoMesh = r, this.five.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
+    const s = new V(d, a);
+    s.name = "pano-video-plugin", this.videoMesh = s, this.five.work && this.onFiveDataLoaded(), this.enabled && this.addEventListeners(), this.mountIfNeeded(), window[`__PANOVIDEO_${this.renderID}_DEBUG__`] = this;
   }
   /** 传入的 ID，不可更改 */
   get renderID() {
@@ -323,21 +268,21 @@ class Te {
   lookAtVideo() {
     if (!this.observer)
       return;
-    const i = this.getUVCenter();
-    if (!i)
-      return;
-    const e = this.uv2Position(i[0], i[1]);
+    const e = this.getUVCenter();
     if (!e)
       return;
-    const n = new m().subVectors(e, this.observer.position).normalize(), { longitude: o, latitude: a } = E(n);
+    const i = this.uv2Position(e[0], e[1]);
+    if (!i)
+      return;
+    const n = new p().subVectors(i, this.observer.position).normalize(), { longitude: o, latitude: a } = E(n);
     this.five.setState({ panoIndex: this.panoIndex, longitude: o, latitude: a }), this.onFiveWantsMoveToPano(this.panoIndex);
   }
   /** 获取视频中心点的 uv */
   getUVCenter() {
     if (!this.origin)
       return;
-    const i = this.origin[0] + this.origin[2] / 2, e = this.origin[1] + this.origin[3] / 2;
-    return [i, e];
+    const e = this.origin[0] + this.origin[2] / 2, i = this.origin[1] + this.origin[3] / 2;
+    return [e, i];
   }
   /** 添加时间监听 */
   addEventListeners() {
@@ -349,8 +294,8 @@ class Te {
   }
   /** 如果满足 mount 条件，mount */
   mountIfNeeded() {
-    const i = this.five.getCurrentState();
-    i.mode === "Panorama" && i.panoIndex === this.panoIndex && this.enabled && this.mount();
+    const e = this.five.getCurrentState();
+    e.mode === "Panorama" && e.panoIndex === this.panoIndex && this.enabled && this.mount();
   }
   /** 挂载：加载视频资源；添加模型。 */
   mount() {
@@ -358,10 +303,10 @@ class Te {
       return this.logWarning("插件已经销毁，无法挂载。");
     if (this.url === "")
       return this.logWarning("视频资源不存在。");
-    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.video.play().catch((i) => {
-      this.logWarning(i instanceof Error ? i.message : "视频播放失败。"), this.five.once("gesture", () => {
-        this.video.play().catch((e) => {
-          this.logWarning(e instanceof Error ? e.message : "自动播放视频失败。");
+    this.video.src !== this.url && (this.video.src = this.url), this.video.paused && this.video.play().catch((e) => {
+      this.logWarning(e instanceof Error ? e.message : "视频播放失败。"), this.five.once("gesture", () => {
+        this.video.play().catch((i) => {
+          this.logWarning(i instanceof Error ? i.message : "自动播放视频失败。");
         });
       });
     });
@@ -375,17 +320,17 @@ class Te {
     this.video.pause(), this.videoMesh.material.uniforms.opacity.value = 0, this.five.scene.remove(this.videoMesh);
   }
   /** 控制台打印警告 */
-  logWarning(i) {
-    console.warn("⛔ ==> [VideoMeshController]:", i);
+  logWarning(e) {
+    console.warn("⛔ ==> [VideoMeshController]:", e);
   }
   /** 检测射线与模型的交点是不是在视频的范围内 */
-  checkIntersectionInBounding(i, e) {
-    if (!e.uv)
+  checkIntersectionInBounding(e, i) {
+    if (!i.uv)
       return !1;
-    const [n, o] = e.uv.toArray(), [a, d, r, s] = i, h = 1 - d - s, u = a + r, l = h + s;
-    return n >= a && n <= u && o >= h && o <= l;
+    const [n, o] = i.uv.toArray(), [a, d, s, r] = e, h = 1 - d - r, l = a + s, m = h + r;
+    return n >= a && n <= l && o >= h && o <= m;
   }
 }
 export {
-  Te as VideoMeshController
+  _e as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.js

@@ -1,5 +1,5 @@
 import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as Pr } from "./typings/index.js";
+import { typings as Po } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -30,90 +30,37 @@ import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../shared-utils/three/centerPoint.js";
 import "../shared-utils/three/getObjectVisible.js";
 import "@realsee/five/line";
-import "../vendor/three/examples/jsm/lines/LineGeometry.js";
-import "../vendor/three/examples/jsm/lines/LineSegmentsGeometry.js";
-import "../vendor/three/build/three.module.js";
+import "../shared-utils/isNil.js";
 import "../shared-utils/three/core/Sphere.js";
 import "animejs";
-import "../shared-utils/isNil.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../Sculpt/Meshes/Polygon.js";
-import "../shared-utils/three/generatePolygonGeometry.js";
-import "../shared-utils/three/earcut3D.js";
-import "earcut";
-import "../shared-utils/three/getNormal.js";
-import "../PanoMeasurePlugin/utils/isIntersecting.js";
-import "../Sculpt/typings/style.js";
-import "../Sculpt/utils/three/ColoredMesh.js";
-import "../shared-utils/three/IObject3D.js";
-import "../Sculpt/utils/Modules/Global.js";
-import "../Sculpt/utils/Modules/Cursor.js";
-import "../Object3DHelperPlugin/Controller.js";
-import "../base/BasePlugin.js";
-import "../shared-utils/url/absoluteUrl.js";
-import "../vendor/hotkeys-js/dist/hotkeys.esm.js";
-import "../Sculpt/utils/three/rayOnLine.js";
-import "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
-import "../shared-utils/Object3DHelper/Base/BaseHelper.js";
-import "../shared-utils/Object3DHelper/utils/setObjectQuaternion.js";
-import "../shared-utils/three/boundingBox.js";
-import "../shared-utils/Object3DHelper/Helper/Objects/ArrowGroup.js";
-import "../shared-utils/Object3DHelper/utils/direction.js";
-import "../shared-utils/Object3DHelper/Constants/color.js";
-import "../shared-utils/Object3DHelper/utils/calculateScaleByCamera.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../shared-utils/three/PointSelector/utils/html.js";
+import "../shared-utils/five/initialCSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "../CSS3DRenderPlugin/utils/three/THREEJS_CSS3DRenderer.js";
 import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../shared-utils/three/PointSelector/utils/html.js";
-import "../shared-utils/five/initialCSS3DRender.js";
 import "../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../Sculpt/Meshes/Line.js";
+import "../Sculpt/typings/style.js";
 import "../shared-utils/five/FiveLine.js";
+import "../shared-utils/three/IObject3D.js";
 import "../Sculpt/utils/removeAllTag.js";
 import "../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../shared-utils/three/applyObjectMatrixWorld.js";
+import "../shared-utils/util.js";
+import "../shared-utils/three/core/LineGeometry.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
-import "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/tipsDom.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/utils/createElement.js";
-import "../shared-utils/Object3DHelper/Helper/CSS3DScaleHelper.js";
-import "../shared-utils/Object3DHelper/Helper/HTML/rectangleScaleDom.js";
-import "../shared-utils/Object3DHelper/Helper/BoundingBoxHelper.js";
-import "../shared-utils/Object3DHelper/Controller/MoveController.js";
-import "../shared-utils/Object3DHelper/Base/BaseController.js";
-import "../shared-utils/threex/domevents/index.js";
-import "../shared-utils/Object3DHelper/utils/getMouseRaycaster.js";
-import "../shared-utils/Object3DHelper/utils/calculateThreeMouse.js";
-import "../Object3DHelperPlugin/FiveControllerWrapper.js";
-import "../shared-utils/Object3DHelper/index.js";
-import "../shared-utils/Object3DHelper/Controller/RotateController.js";
-import "../shared-utils/math/rad2Deg.js";
-import "../shared-utils/math/deg2Rad.js";
-import "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
-import "../shared-utils/Object3DHelper/Controller/RectangleScaleController.js";
-import "../shared-utils/Object3DHelper/utils/vectorIsEqual.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/Object3DHelper/Controller/BoundingBoxController.js";
-import "../shared-utils/Object3DHelper/Helper/ScaleHelper.js";
-import "../shared-utils/Object3DHelper/Controller/ScaleController.js";
-import "../shared-utils/five/fiveModelLoad.js";
-import "../shared-utils/five/FiveDomEvents.js";
-import "../shared-utils/five/calculateThreeMouse.js";
 import "../shared-utils/isTouchDevice.js";
-import "../shared-utils/three/geometryUtil.js";
 import "../shared-utils/five/getPosition.js";
 import "../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../shared-utils/three/PointSelector/utils/contents.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
-const er = (o) => new r(o);
+import "../base/BasePlugin.js";
+import "../shared-utils/url/absoluteUrl.js";
+const eo = (o) => new r(o);
 export {
-  er as PanoVideoPlugin,
-  Pr as PanoVideoPluginType,
-  er as default
+  eo as PanoVideoPlugin,
+  Po as PanoVideoPluginType,
+  eo as default
 };