@realsee/dnalogel 3.50.14 → 3.50.15-alpha.1

package/libs/PanoVideoPlugin/Controller.js

@@ -1,17 +1,17 @@
-var f = Object.defineProperty, m = Object.defineProperties;
+var g = Object.defineProperty, f = Object.defineProperties;
 var b = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
+var h = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var l = (o, t, e) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, a = (o, t) => {
-  for (var e in t || (t = {}))
-    M.call(t, e) && l(o, e, t[e]);
-  if (p)
-    for (var e of p(t))
-      W.call(t, e) && l(o, e, t[e]);
+var l = (o, i, r) => i in o ? g(o, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[i] = r, a = (o, i) => {
+  for (var r in i || (i = {}))
+    M.call(i, r) && l(o, r, i[r]);
+  if (h)
+    for (var r of h(i))
+      W.call(i, r) && l(o, r, i[r]);
   return o;
-}, d = (o, t) => m(o, b(t));
-var s = (o, t, e) => (l(o, typeof t != "symbol" ? t + "" : t, e), e);
-import { VideoMeshController as c } from "./VideoMeshController.js";
+}, p = (o, i) => f(o, b(i));
+var s = (o, i, r) => (l(o, typeof i != "symbol" ? i + "" : i, r), r);
+import { VideoMeshController as m } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -27,20 +27,50 @@ import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
 import "hammerjs";
+import "../shared-utils/three/PointSelector/index.js";
+import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../shared-utils/three/Magnifier.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../shared-utils/three/Assets/index.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/even.js";
+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/three/core/Sphere.js";
 import "animejs";
-import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/isNil.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.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 "../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 "../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 "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/absoluteUrl.js";
-class T extends _ {
-  constructor(e) {
-    super(e);
+class Er extends _ {
+  constructor(r) {
+    super(r);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
     s(this, "data");
     s(this, "enabled", !0);
@@ -57,58 +87,58 @@ class T extends _ {
     return this._disposed;
   }
   /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
-  load(e, r) {
-    var i;
+  load(r, t) {
+    var e;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((i = r == null ? void 0 : r.initialState) == null ? void 0 : i.enabled) != "undefined" && r.initialState.enabled !== this.enabled && (r.initialState.enabled ? this.enable() : this.disable()), e.list.forEach((n) => {
-      const u = n.pano_index, g = n.render_id;
-      n.video_list.forEach((h) => {
+    typeof ((e = t == null ? void 0 : t.initialState) == null ? void 0 : e.enabled) != "undefined" && t.initialState.enabled !== this.enabled && (t.initialState.enabled ? this.enable() : this.disable()), r.list.forEach((n) => {
+      const c = n.pano_index, u = n.render_id;
+      n.video_list.forEach((d) => {
         this.controllerMap.set(
-          h.render_id,
-          new c(this.five, d(a({}, h), {
-            panoIndex: u,
-            renderID: g,
+          d.render_id,
+          new m(this.five, p(a({}, d), {
+            panoIndex: c,
+            renderID: u,
             hooks: this.hooks,
             initialState: { enabled: this.enabled }
           }))
         );
       });
-    }), this.data = e, this.hooks.emit("dataLoaded", e);
+    }), this.data = r, this.hooks.emit("dataLoaded", r);
   }
   /** 开启插件功能。 */
-  enable(e) {
-    var i;
+  enable(r) {
+    var e;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
     this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
-    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
-    this.hooks.emit("enable", { userAction: r });
+    const t = (e = r == null ? void 0 : r.userAction) != null ? e : !0;
+    this.hooks.emit("enable", { userAction: t });
   }
   /** 禁用插件功能。 */
-  disable(e) {
-    var i;
+  disable(r) {
+    var e;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
     this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
-    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
-    this.hooks.emit("disable", { userAction: r });
+    const t = (e = r == null ? void 0 : r.userAction) != null ? e : !0;
+    this.hooks.emit("disable", { userAction: t });
   }
   /** 看向某个视频。
    * - 会自动切换到全景模式。
    * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
    */
-  lookAtVideoItemByRenderID(e) {
+  lookAtVideoItemByRenderID(r) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const r = this.controllerMap.get(e);
-    if (!r)
-      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
-    r.lookAtVideo();
+    const t = this.controllerMap.get(r);
+    if (!t)
+      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
+    t.lookAtVideo();
   }
   /**
    * 取消静音。
@@ -126,26 +156,26 @@ class T extends _ {
    * }}
    * ```
    */
-  unmuteByRenderID(e) {
+  unmuteByRenderID(r) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const r = this.controllerMap.get(e);
-    if (!r)
-      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
-    r.unmute();
+    const t = this.controllerMap.get(r);
+    if (!t)
+      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
+    t.unmute();
   }
   /** 为一个点位添加视频（可以是多条）。 */
-  add(e, r) {
+  add(r, t) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    r.forEach((i) => {
-      if (this.controllerMap.get(i.render_id))
-        return this.logWarning(`ID 为 ${i.render_id} 的点位视频已存在`);
-      const n = i.render_id;
+    t.forEach((e) => {
+      if (this.controllerMap.get(e.render_id))
+        return this.logWarning(`ID 为 ${e.render_id} 的点位视频已存在`);
+      const n = e.render_id;
       this.controllerMap.set(
-        i.render_id,
-        new c(this.five, d(a({}, i), {
-          panoIndex: e,
+        e.render_id,
+        new m(this.five, p(a({}, e), {
+          panoIndex: r,
           renderID: n,
           hooks: this.hooks,
           initialState: { enabled: this.enabled }
@@ -154,32 +184,32 @@ class T extends _ {
     });
   }
   /** 根据 VideoItem render_id 删除某个视频。 */
-  removeByRenderID(e) {
+  removeByRenderID(r) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const r = this.controllerMap.get(e);
-    if (!r)
-      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
-    r.dispose(), this.controllerMap.delete(e);
+    const t = this.controllerMap.get(r);
+    if (!t)
+      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
+    t.dispose(), this.controllerMap.delete(r);
   }
   /** 清空现有数据 */
   clear() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
   }
   /** 销毁插件 */
   dispose() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
   }
   /** 控制台打印警告 */
   // TODO: 全局函数 curry 化
-  logWarning(e) {
-    console.warn("⛔ ==> [PanoVideoPluginController]:", e);
+  logWarning(r) {
+    console.warn("⛔ ==> [PanoVideoPluginController]:", r);
   }
 }
 export {
-  T as PanoVideoPluginController
+  Er as PanoVideoPluginController
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -3,8 +3,9 @@ var I = (v, e, i) => e in v ? g(v, e, { enumerable: !0, configurable: !0, writab
 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 m, ShaderMaterial as y, Vector4 as x, SphereBufferGeometry as L, Mesh as V, Vector3 as l, 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";
@@ -22,10 +23,39 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
+import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../shared-utils/three/Magnifier.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../shared-utils/three/Assets/index.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../shared-utils/three/getObjectVisible.js";
+import "../shared-utils/isNil.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.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 "../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 "../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 "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-class ie {
+class we {
   /** 初始化视频、模型以及相关事件监听。 */
   constructor(e, i) {
     t(this, "video");
@@ -64,18 +94,18 @@ class ie {
     });
     /** 把 uv 值转换成位置 */
     t(this, "uv2Position", (e, i) => {
-      var c;
-      const n = Math.PI, a = Math.PI * 2, d = e, s = 1 - i, r = new l(
-        -1 * Math.cos(a * d) * Math.sin(n * s),
-        1 * Math.cos(n * s),
-        1 * Math.sin(a * d) * Math.sin(n * s)
+      var f;
+      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)
       );
       r.setX(-r.x);
-      const h = (c = this.five.work) == null ? void 0 : c.observers[this.panoIndex];
+      const h = (f = this.five.work) == null ? void 0 : f.observers[this.panoIndex];
       if (!h)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
-      const f = h.position.clone(), p = h.quaternion.clone(), u = r.clone();
-      return u.applyAxisAngle(new l(0, 1, 0), Math.PI / 2), u.applyQuaternion(p), u.add(f), u;
+      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", () => {
@@ -84,8 +114,8 @@ class ie {
       if (!e)
         return this.logWarning(`点位 ${this.panoIndex} 不存在，请检查 Five 数据是否正常。`);
       this.observer = e;
-      const { x: i, y: o, z: n, w: a } = e.quaternion, d = new b(i, o, n, 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 l(0, 1, 0), Math.PI / 2), this.videoMesh.applyQuaternion(d);
+      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", (e) => {
@@ -124,14 +154,14 @@ class ie {
       if (!i)
         return;
       if (this.checkIntersectionInBounding(this.origin, i)) {
-        const n = {
+        const o = {
           target: this,
           _preventDefaultReturn: !1,
           preventDefault: () => {
-            n._preventDefaultReturn = !0;
+            o._preventDefaultReturn = !0;
           }
         };
-        return this.hooks.emit("click", n), n._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
+        return this.hooks.emit("click", o), o._preventDefaultReturn === !1 && (this.video.muted = !this.video.muted), !1;
       }
     });
     /** video canplaythrough 事件触发 */
@@ -187,15 +217,15 @@ class ie {
     });
     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 o = document.createElement("video");
-    o.crossOrigin = "anonymous", o.autoplay = !1, o.muted = !0, o.loop = !0, o.playsInline = !0, this.video = o;
-    const n = new F(this.video);
-    n.minFilter = m, n.magFilter = m;
+    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);
+    o.minFilter = c, o.magFilter = c;
     const a = new y({
       vertexShader: M,
       fragmentShader: P,
       uniforms: {
-        map: { value: n },
+        map: { value: o },
         size: {
           value: new x(this.origin[0], 1 - this.origin[1] - this.origin[3], this.origin[2], this.origin[3])
         },
@@ -243,8 +273,8 @@ class ie {
     const i = this.uv2Position(e[0], e[1]);
     if (!i)
       return;
-    const o = new l().subVectors(i, this.observer.position).normalize(), { longitude: n, latitude: a } = E(o);
-    this.five.setState({ panoIndex: this.panoIndex, longitude: n, latitude: a }), this.onFiveWantsMoveToPano(this.panoIndex);
+    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() {
@@ -296,10 +326,10 @@ class ie {
   checkIntersectionInBounding(e, i) {
     if (!i.uv)
       return !1;
-    const [o, n] = i.uv.toArray(), [a, d, s, r] = e, h = 1 - d - r, f = a + s, p = h + r;
-    return o >= a && o <= f && n >= h && n <= p;
+    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 {
-  ie as VideoMeshController
+  we as VideoMeshController
 };

package/libs/PanoVideoPlugin/index.js

@@ -1,5 +1,5 @@
 import { PanoVideoPluginController as r } from "./Controller.js";
-import { typings as E } from "./typings/index.js";
+import { typings as lo } from "./typings/index.js";
 import "./VideoMeshController.js";
 import "./utils/shader.js";
 import "../shared-utils/tag.js";
@@ -15,21 +15,51 @@ import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/three/temp.js";
 import "../shared-utils/dom/resizeObserver.js";
 import "hammerjs";
+import "../shared-utils/three/PointSelector/index.js";
+import "../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
+import "../shared-utils/three/Magnifier.js";
+import "../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "../shared-utils/three/Assets/index.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/even.js";
+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/three/core/Sphere.js";
 import "animejs";
-import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/isNil.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.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 "../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 "../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 "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/url/absoluteUrl.js";
-const A = (o) => new r(o);
+const no = (o) => new r(o);
 export {
-  A as PanoVideoPlugin,
-  E as PanoVideoPluginType,
-  A as default
+  no as PanoVideoPlugin,
+  lo as PanoVideoPluginType,
+  no as default
 };