@realsee/dnalogel 3.55.1-alpha.0 → 3.56.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,18 +1,18 @@
-var d = Object.defineProperty;
-var c = (m, n, e) => n in m ? d(m, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[n] = e;
-var r = (m, n, e) => (c(m, typeof n != "symbol" ? n + "" : n, e), e);
-import { DefaultConfig as l } from "../tag.config.js";
+var h = Object.defineProperty;
+var f = (a, m, t) => m in a ? h(a, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[m] = t;
+var r = (a, m, t) => (f(a, typeof m != "symbol" ? m + "" : m, t), t);
+import { DefaultConfig as g } from "../tag.config.js";
 import "three";
-import { anyPositionToVector3 as a } from "../../shared-utils/positionToVector3.js";
-import { isPlaneTag as u, isMediaModelTag as f, isPoint3DTag as h } from "../utils/tag/tagCheck.js";
-import { normalPositionToPositions as g } from "../utils/normalPositionToPositions.js";
-import { writable as P } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as T } from "../../shared-utils/device.js";
-import { CSS3DRenderPlugin as D } from "../../CSS3DRenderPlugin/index.js";
-import { VideoPlane as _ } from "../utils/model/mediaPlane.js";
-import { FiveDomEvents as y } from "../../shared-utils/five/FiveDomEvents.js";
-import { Cache as v } from "../utils/Cache.js";
-import { Controller as E } from "../../base/BasePlugin.js";
+import { anyPositionToVector3 as l } from "../../shared-utils/positionToVector3.js";
+import { isPlaneTag as T, isMediaModelTag as D, isPoint3DTag as P } from "../utils/tag/tagCheck.js";
+import { normalPositionToPositions as _ } from "../utils/normalPositionToPositions.js";
+import { writable as y } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as v } from "../../shared-utils/device.js";
+import { CSS3DRenderPlugin as E } from "../../CSS3DRenderPlugin/index.js";
+import { VideoPlane as S } from "../utils/model/mediaPlane.js";
+import { FiveDomEvents as k } from "../../shared-utils/five/FiveDomEvents.js";
+import { Cache as I } from "../utils/Cache.js";
+import { Controller as C } from "../../base/BasePlugin.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -86,16 +86,16 @@ import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
-class it extends E {
-  constructor(e) {
-    super(e);
+class ne extends C {
+  constructor(t) {
+    super(t);
     r(this, "tags", []);
-    r(this, "cache", new v());
-    r(this, "config", l);
+    r(this, "cache", new I());
+    r(this, "config", g);
     r(this, "renderQueue", /* @__PURE__ */ new Map());
     /** 插件参数 */
     r(this, "params");
-    r(this, "mediaStore", P({
+    r(this, "mediaStore", y({
       currentMediaElement: null
     }));
     r(this, "store", {
@@ -104,24 +104,39 @@ class it extends E {
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    r(this, "domEvents", new y(this.five));
+    r(this, "domEvents", new k(this.five));
     r(this, "_cache_pointTag");
     r(this, "_cache_2DPointTag");
     r(this, "_cache_css3DTag");
     r(this, "_container", null);
     r(this, "_css3DRenderPlugin");
-    r(this, "whyHide", (e) => {
-      const t = this.getTagById(e);
-      return t ? t.whyHide() : { reason: `tag ${e} not found` };
+    r(this, "timeoutIds", []);
+    r(this, "whyHide", (t) => {
+      const e = this.getTagById(t);
+      return e ? e.whyHide() : { reason: `tag ${t} not found` };
     });
     r(this, "loadVideoFirstFrame", () => {
-      T && this.hooks.emit("loadVideoFirstFrame");
+      v && this.hooks.emit("loadVideoFirstFrame");
     });
-    this.mediaStore.subscribe(({ currentMediaElement: t }) => {
+    r(this, "tagsDo", (t, e) => {
+      const i = [...t != null ? t : this.tags].sort((n, d) => n.getSquaredDistance() - d.getSquaredDistance());
+      this.timeoutIds.forEach((n) => clearTimeout(n)), this.timeoutIds.length = 0;
+      const o = i.length > 1e3, p = o ? 30 : 17, s = o ? 1 : 3;
+      for (let n = 0; n < i.length; n += s) {
+        const d = [];
+        for (let c = 0; c < s; c++)
+          i[n + c] && d.push(i[n + c]);
+        const u = setTimeout(() => {
+          d.forEach(e);
+        }, n * p);
+        this.timeoutIds.push(u);
+      }
+    });
+    this.mediaStore.subscribe(({ currentMediaElement: e }) => {
       this.tags.forEach((i) => {
         var o;
-        if (i.mediaPlane instanceof _ && t !== i.mediaPlane.videoInstance) {
-          if (!((o = i.mediaPlane.videoInstance) != null && o.src) || t === i.mediaPlane.videoInstance)
+        if (i.mediaPlane instanceof S && e !== i.mediaPlane.videoInstance) {
+          if (!((o = i.mediaPlane.videoInstance) != null && o.src) || e === i.mediaPlane.videoInstance)
             return;
           i.mediaPlane.pause();
         }
@@ -129,82 +144,82 @@ class it extends E {
     });
   }
   get container() {
-    var e;
-    return this._container || ((e = this.five.getElement()) == null ? void 0 : e.parentElement);
+    var t;
+    return this._container || ((t = this.five.getElement()) == null ? void 0 : t.parentElement);
   }
-  set container(e) {
-    this._container = e;
+  set container(t) {
+    this._container = t;
   }
   // eslint-disable-next-line accessor-pairs
-  set tagsLengthWillUpdate(e) {
-    e && (this._cache_pointTag = this.tags.filter((t) => t.stickType === "2DPoint" || t.stickType === "3DPoint").filter((t) => t.position), this._cache_2DPointTag = this.tags.filter((t) => t.stickType === "2DPoint").filter((t) => t.position), this._cache_css3DTag = this.tags.filter(
-      (t) => t.stickType === "3DPoint" || t.stickType === "Plane" || t.stickType === "Model" && t.contentType === "MediaModel"
-    ).filter((t) => {
-      const i = t.computeRenderType();
+  set tagsLengthWillUpdate(t) {
+    t && (this._cache_pointTag = this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position), this._cache_2DPointTag = this.tags.filter((e) => e.stickType === "2DPoint").filter((e) => e.position), this._cache_css3DTag = this.tags.filter(
+      (e) => e.stickType === "3DPoint" || e.stickType === "Plane" || e.stickType === "Model" && e.contentType === "MediaModel"
+    ).filter((e) => {
+      const i = e.computeRenderType();
       return i === "BehindDom" || i === "Dom";
     }));
   }
   /** css3DRenderPlugin */
   get css3DRenderPlugin() {
-    var e, t, i;
+    var t, e, i;
     if (!this._css3DRenderPlugin) {
-      const o = D(this.five);
-      this._css3DRenderPlugin = o, (e = o.frontModeCSS3DRenderer) != null && e.domElementWrapper && (o.frontModeCSS3DRenderer.domElementWrapper.style.zIndex = (i = (t = this.params.containerZIndex) == null ? void 0 : t.toString()) != null ? i : "");
+      const o = E(this.five);
+      this._css3DRenderPlugin = o, (t = o.frontModeCSS3DRenderer) != null && t.domElementWrapper && (o.frontModeCSS3DRenderer.domElementWrapper.style.zIndex = (i = (e = this.params.containerZIndex) == null ? void 0 : e.toString()) != null ? i : "");
     }
     return this._css3DRenderPlugin;
   }
   get filterPointTag() {
-    var e;
-    return (e = this._cache_pointTag) != null ? e : [];
+    var t;
+    return (t = this._cache_pointTag) != null ? t : [];
   }
   get filter2DPointTag() {
-    var e;
-    return (e = this._cache_2DPointTag) != null ? e : [];
+    var t;
+    return (t = this._cache_2DPointTag) != null ? t : [];
   }
   get filterCSS3DTag() {
-    var e;
-    return (e = this._cache_css3DTag) != null ? e : [];
+    var t;
+    return (t = this._cache_css3DTag) != null ? t : [];
   }
-  addRenderQueue(e) {
+  addRenderQueue(t) {
     var p, s;
-    const { type: t, keys: i = [], tags: o = [] } = e;
-    this.renderQueue.has(t) ? this.renderQueue.set(t, {
-      keys: Array.from(/* @__PURE__ */ new Set([...(p = this.renderQueue.get(t).keys) != null ? p : [], ...i])),
-      tags: Array.from(/* @__PURE__ */ new Set([...(s = this.renderQueue.get(t).tags) != null ? s : [], ...o]))
-    }) : this.renderQueue.set(t, { keys: i, tags: o });
+    const { type: e, keys: i = [], tags: o = [] } = t;
+    this.renderQueue.has(e) ? this.renderQueue.set(e, {
+      keys: Array.from(/* @__PURE__ */ new Set([...(p = this.renderQueue.get(e).keys) != null ? p : [], ...i])),
+      tags: Array.from(/* @__PURE__ */ new Set([...(s = this.renderQueue.get(e).tags) != null ? s : [], ...o]))
+    }) : this.renderQueue.set(e, { keys: i, tags: o });
   }
-  getTagById(e) {
-    const t = this.tags.find((i) => i.id === e);
-    if (!t) {
-      console.warn(`getTagById Error: can't find tag id: ${e}`);
+  getTagById(t) {
+    const e = this.tags.find((i) => i.id === t);
+    if (!e) {
+      console.warn(`getTagById Error: can't find tag id: ${t}`);
       return;
     }
-    return t;
+    return e;
   }
   /** 暂停当前标签内进行的所有多媒体 */
   pauseCurrentMedia() {
     this.mediaStore.set({ currentMediaElement: null });
   }
-  getPositions(e) {
-    if (u(e))
-      return e.position;
-    if (f(e))
-      return e.data.mediaPosition;
-    if (h(e))
-      return g(this.five.camera.position, a(e.position), a(e.normal));
+  getPositions(t) {
+    if (T(t))
+      return t.position;
+    if (D(t))
+      return t.data.mediaPosition;
+    if (P(t))
+      return _(this.five.camera.position, l(t.position), l(t.normal));
   }
-  addObjectClickHandler(e, t, i) {
-    if (!t || !this.domEvents)
+  addObjectClickHandler(t, e, i) {
+    if (!e || !this.domEvents)
       return () => {
       };
-    const o = () => !(!e.currentVisible || e.loading), p = (s) => {
+    const o = () => !(!t.currentVisible || t.loading), p = (s) => {
       if (!o())
         return !1;
       i(s.origDomEvent);
     };
-    return this.domEvents.addEventListener(t, "click", p), () => {
+    return this.domEvents.addEventListener(e, "click", p), () => {
       var s;
-      (s = this.domEvents) == null || s.removeEventListener(t, "click", p);
+      (s = this.domEvents) == null || s.removeEventListener(e, "click", p);
     };
   }
   /**
@@ -216,5 +231,5 @@ class it extends E {
   }
 }
 export {
-  it as TagUtil
+  ne as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -14,7 +14,6 @@ declare class PanoTagPluginController extends TagRender {
     /** debug */
     private debug;
     private debugUtil;
-    private timeoutIds;
     constructor(five: Five, params?: {
         config?: Pick<Tags, 'contentTypeConfig' | 'globalConfig'>;
         debug?: boolean;
@@ -132,7 +131,6 @@ declare class PanoTagPluginController extends TagRender {
     private handleFiveCameraUpdate;
     private handleFiveCameraFovUpdate;
     private handleFivePanoArrived;
-    private tagsDo;
     /** 楼层切换时，需要更新标签可见性 */
     private handleFiveModelShownFloorChange;
     private onFiveEveryReady;