@realsee/dnalogel 3.0.0-0 → 3.0.0-11

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,42 +1,28 @@
-var z = Object.defineProperty, H = Object.defineProperties;
-var J = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var k = (a, r, e) => r in a ? z(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e, C = (a, r) => {
-  for (var e in r || (r = {}))
-    _.call(r, e) && k(a, e, r[e]);
-  if (F)
-    for (var e of F(r))
-      U.call(r, e) && k(a, e, r[e]);
-  return a;
-}, L = (a, r) => H(a, J(r));
-var d = (a, r, e) => (k(a, typeof r != "symbol" ? r + "" : r, e), e);
-import { defaultGlobalConfig as X } from "../typings/tag/TagConfig.js";
-import { objectAssignDeepExports as b } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import * as q from "three";
-import { DefaultConfig as K } from "../tag.config.js";
-import { anyPositionToVector3 as Q, arrayPositionToVector3 as w } from "../../shared-utils/positionToVector3.js";
-import { planeNormal as E } from "../utils/planeNormal.js";
-import { getTagCenterPosition as R } from "../utils/tagPosition.js";
-import { normalPositionToPositions as Y } from "../utils/normalPositionToPositions.js";
-import { TagCache as Z } from "./TagCache.js";
-import { writable as ee } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as ie } from "../../shared-utils/device.js";
-import { Five as te } from "@realsee/five";
-import { isMediaPlaneTag as oe, isMediaModelTag as x, isPlaneTag as ne, isPoint3DTag as re } from "../utils/tag/tagCheck.js";
-import { VideoPlane as se } from "../utils/model/mediaPlane.js";
-import { FiveDomEvents as fe } from "../../shared-utils/five/FiveDomEvents.js";
-import B from "../utils/tag/adaptConfig.js";
-import { isPanoramaLike as W, isModelLike as N } from "../../shared-utils/five/mode.js";
-import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { entries as G } from "../../shared-utils/typescript/entries.js";
+var P = Object.defineProperty;
+var D = (u, d, e) => d in u ? P(u, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[d] = e;
+var l = (u, d, e) => (D(u, typeof d != "symbol" ? d + "" : d, e), e);
+import { defaultGlobalConfig as k } from "../typings/tag/TagConfig.js";
+import { objectAssignDeepExports as m } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import * as M from "three";
+import { DefaultConfig as w } from "../tag.config.js";
+import { anyPositionToVector3 as E, arrayPositionToVector3 as h } from "../../shared-utils/positionToVector3.js";
+import { planeNormal as T } from "../utils/planeNormal.js";
+import { getTagCenterPosition as C } from "../utils/tagPosition.js";
+import { normalPositionToPositions as S } from "../utils/normalPositionToPositions.js";
+import { TagCache as V } from "./TagCache.js";
+import { writable as A } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as O } from "../../shared-utils/device.js";
+import { isMediaPlaneTag as j, isMediaModelTag as v, isPlaneTag as F, isPoint3DTag as I } from "../utils/tag/tagCheck.js";
+import { VideoPlane as W } from "../utils/model/mediaPlane.js";
+import { FiveDomEvents as R } from "../../shared-utils/five/FiveDomEvents.js";
+import { getObjectVisible as $ } from "../../shared-utils/three/getObjectVisible.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/absoluteUrl.js";
+import "hammerjs";
+import "@realsee/five";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -46,6 +32,8 @@ 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/absoluteUrl.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/Quadrangle.js";
@@ -54,38 +42,34 @@ import "../../shared-utils/three/loadVideoTexture.js";
 import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
-import "../../shared-utils/three/getObjectVisible.js";
-class Ye extends Z {
+class Me extends V {
   constructor(e) {
     super(e);
-    d(this, "tags", []);
-    d(this, "config", K);
-    d(this, "mediaStore", ee({
+    l(this, "tags", []);
+    l(this, "config", w);
+    l(this, "mediaStore", A({
       currentMediaElement: null
     }));
     /** css3DRenderPlugin */
-    d(this, "css3DRenderPlugin");
-    d(this, "store", {
+    l(this, "css3DRenderPlugin");
+    l(this, "store", {
       disposers: [],
       disposed: !1,
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    d(this, "domEvents", new fe(this.five));
-    d(this, "mouseInfo");
-    d(this, "loadVideoFirstFrame", () => {
-      ie && this.hooks.emit("loadVideoFirstFrame");
-    });
-    d(this, "preventWhenMouseDown", () => {
+    l(this, "domEvents", new R(this.five));
+    l(this, "mouseInfo");
+    l(this, "preventWhenMouseDown", () => {
       var e;
       if ((e = this.mouseInfo) != null && e.isDown)
         return console.debug("preventWhenMouseDown 2"), !1;
     });
-    this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: i }) => {
+    this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: t }) => {
       this.tags.forEach((o) => {
-        var t;
-        if (o.mediaPlane instanceof se && i !== o.mediaPlane.videoInstance) {
-          if (!((t = o.mediaPlane.videoInstance) != null && t.src) || i === o.mediaPlane.videoInstance)
+        var i;
+        if (o.mediaPlane instanceof W && t !== o.mediaPlane.videoInstance) {
+          if (!((i = o.mediaPlane.videoInstance) != null && i.src) || t === o.mediaPlane.videoInstance)
             return;
           o.mediaPlane.pause();
         }
@@ -94,25 +78,60 @@ class Ye extends Z {
       this.five.off("wantsMoveToPano", this.preventWhenMouseDown), this.five.off("wantsTapGesture", this.preventWhenMouseDown);
     });
   }
+  get isPanorama() {
+    return this.five.currentMode === "Panorama";
+  }
   getTagById(e) {
-    const i = this.tags.find((o) => o.id === e);
-    if (!i) {
+    const t = this.tags.find((o) => o.id === e);
+    if (!t) {
       console.warn(`getTagById Error: can't find tag id: ${e}`);
       return;
     }
-    return i;
+    return t;
   }
   /** 暂停当前标签内进行的所有多媒体 */
   pauseCurrentMedia() {
     this.mediaStore.set({ currentMediaElement: null });
   }
   /**
-   * @description: 获取标签配置
+   * @description: 获取merge后的配置
    */
-  getTagConfig(e, i) {
-    var n, f;
-    const o = this.calculateTagConfig(e, i), t = (n = i == null ? void 0 : i.fiveMode) != null ? n : this.five.getCurrentState().mode, s = (f = o.configWithFiveMode) == null ? void 0 : f[t];
-    return s != null ? s : o;
+  getTagConfig(e, t = { useCache: !0 }) {
+    var s, r, f;
+    if (!e)
+      return (s = this.config.globalConfig) != null ? s : {};
+    if (t.useCache && ((r = e.config) != null && r._isMerged))
+      return e.config;
+    const o = {};
+    this.config.contentTypeConfig && Object.keys(this.config.contentTypeConfig).forEach((p) => {
+      const n = p;
+      if (o[n])
+        return;
+      const c = n.split("-");
+      if (c.length === 1) {
+        const [a] = c;
+        e.contentType === a && (o[n] = this.config.contentTypeConfig[n]);
+      }
+      if (c.length === 2) {
+        const [a = "Any", g = "Any"] = c;
+        a === "Mixin" && e.contentType === g && (o[n] = this.config.contentTypeConfig[n]), (e.stickType === a || a === "Any") && (e.contentType === g || g === "Any") && (o[n] = this.config.contentTypeConfig[n]);
+      }
+      if (c.length === 3) {
+        const [a = "Any", g, b] = c;
+        if (g === "Audio" && e.contentType === "Audio") {
+          const y = e;
+          (y.stickType === a || a === "Any") && y.data.appearance === b && (o[n] = this.config.contentTypeConfig[n]);
+        }
+      }
+    });
+    const i = m(
+      {},
+      k,
+      this.config.globalConfig,
+      ...Object.values(o),
+      e.config
+    );
+    return typeof i.visibleConfig == "object" && i.visibleConfig.keep && (i.visibleConfig = { keep: i.visibleConfig.keep, visibleFiveMode: (f = i.visibleConfig) == null ? void 0 : f.visibleFiveMode }), typeof i.unfoldedConfig == "object" && (i.unfoldedConfig.disableFold && (i.unfoldedConfig = { keep: "unfolded" }), i.unfoldedConfig.disableUnfold && (i.unfoldedConfig = { keep: "folded" }), i.unfoldedConfig.keep && (i.unfoldedConfig = { keep: i.unfoldedConfig.keep })), i._isMerged = !0, i;
   }
   /**
    * @description 获取标签当前状态
@@ -120,126 +139,130 @@ class Ye extends Z {
   getCurrentVisibleState(e) {
     return !(!this.state.enabled || !this.state.visible || !e.enabled || !e.state.visible);
   }
+  loadVideoFirstFrame() {
+    O && this.hooks.emit("loadVideoFirstFrame");
+  }
   updateTagConfig() {
     this.clearCache(), this.tags.forEach((e) => {
-      var t;
-      const i = this.getTagConfig(e, { useCache: !1 });
-      e.config = i;
+      var i;
+      const t = this.getTagConfig(e, { useCache: !1 });
+      e.config = t;
       const o = JSON.parse(JSON.stringify(e.data));
-      e.data = (t = i.initialData) != null && t.important ? b(e.data, o, i.initialData) : b(e.data, i.initialData, o);
+      e.data = (i = t.initialData) != null && i.important ? m(e.data, o, t.initialData) : m(e.data, t.initialData, o);
     });
   }
-  can(e, i) {
-    const o = i, t = this.getTagConfig(o);
-    if (!t || typeof t != "object")
+  can(e, t) {
+    const o = t, i = this.getTagConfig(o);
+    if (!i || typeof i != "object")
       return !0;
     if (e === "show" || e === "hide") {
-      if (!t.visibleConfig || typeof t.visibleConfig != "object")
+      if (!i.visibleConfig || typeof i.visibleConfig != "object")
         return !0;
-      if (e === "show" && t.visibleConfig.keep === "hidden" || e === "hide" && (t.visibleConfig.keep === "visible" || t.visibleConfig.alwaysShowWhenMovePano))
+      if (e === "show" && i.visibleConfig.keep === "hidden" || e === "hide" && (i.visibleConfig.keep === "visible" || i.visibleConfig.alwaysShowWhenMovePano))
         return !1;
     }
     if (e === "fold" || e === "unfold") {
-      if (!t.unfoldedConfig || typeof t.unfoldedConfig != "object")
+      if (!i.unfoldedConfig || typeof i.unfoldedConfig != "object")
         return !0;
-      if (e === "fold" && t.unfoldedConfig.keep === "unfolded" || e === "unfold" && t.unfoldedConfig.keep === "folded")
+      if (e === "fold" && i.unfoldedConfig.keep === "unfolded" || e === "unfold" && i.unfoldedConfig.keep === "folded")
         return !1;
     }
     return !0;
   }
   getRenderType(e) {
-    const i = (() => {
+    const t = (() => {
       if (e.stickType === "3DPoint")
         return "Dom";
       const o = this.getTagConfig(e);
       if (!o || typeof o != "object" || !o.renderType)
         return;
-      const t = e.data.mediaData;
-      if (!(!t || t.length === 0) && o.renderType === "Mesh") {
-        if (oe(e)) {
-          if (t.length === 1 && (t[0].type === "Image" || t[0].type === "Video"))
+      const i = e.data.mediaData;
+      if (!(!i || i.length === 0) && o.renderType === "Mesh") {
+        if (j(e)) {
+          if (i.length === 1 && (i[0].type === "Image" || i[0].type === "Video"))
             return "Mesh";
-        } else if (x(e))
-          return t.length === 1 && t[0].type === "Image" ? "Mesh" : "BehindDom";
+        } else if (v(e))
+          return i.length === 1 && i[0].type === "Image" ? "Mesh" : "BehindDom";
       }
     })();
-    return i != null ? i : "Dom";
+    return t != null ? t : "Dom";
   }
   /**
    * @description: 获取角度
    */
-  getAngle(e, i) {
-    var s, n;
-    const o = i != null ? i : this.five.getCurrentState().panoIndex;
+  getAngle(e, t) {
+    var s, r;
+    const o = t != null ? t : this.five.getCurrentState().panoIndex;
     if (o === void 0)
-      throw new Error(`getAngle(): fivePanoIndex is ${o}`);
-    const t = this.getPanoIndexCache({ panoIndex: i, id: e.id });
-    if (t.angle !== void 0)
-      return t.angle;
+      throw new Error(`getDistance(): fivePanoIndex is ${o}`);
+    const i = this.getCache({ panoIndex: t, id: e.id });
+    if (i.angle !== void 0)
+      return i.angle;
     {
-      const f = (n = (s = this.five.work) == null ? void 0 : s.observers[o]) == null ? void 0 : n.position;
+      const f = (r = (s = this.five.work) == null ? void 0 : s.observers[o]) == null ? void 0 : r.position;
       if (f === void 0)
-        throw new Error(`getAngle(): observerPosition is ${f}`);
-      const l = (() => e.stickType === "3DPoint" ? Q(e.normal) : E(e.position))();
-      if (!l)
+        throw new Error(`getAngleRange(): observerPosition is ${f}`);
+      const p = (() => e.stickType === "3DPoint" ? E(e.normal) : T(e.position))();
+      if (!p)
         return;
-      const g = R(e);
-      if (!g)
+      const n = C(e);
+      if (!n)
         return;
-      const u = new q.Vector3().copy(f).sub(g), v = l.angleTo(u) * 180 / Math.PI;
-      return t.angle = v, t.angle;
+      const c = new M.Vector3().copy(f).sub(n), a = p.angleTo(c) * 180 / Math.PI;
+      return i.angle = a, i.angle;
     }
   }
   /**
    * @description: 获取距离
    */
-  getDistance(e, i) {
-    var l, g;
-    const o = C(C({}, this.five.getCurrentState()), i), { panoIndex: t, mode: s } = o, n = W(s) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
-    if ((n == null ? void 0 : n.distance) !== void 0)
-      return n.distance;
-    const f = R(e);
-    if (!f)
-      return -1;
-    if (W(s)) {
-      const u = (g = (l = this.five.work) == null ? void 0 : l.observers[t]) == null ? void 0 : g.position;
-      if (u === void 0)
+  getDistance(e, t) {
+    var s, r;
+    const o = t != null ? t : this.five.getCurrentState().panoIndex;
+    if (o === void 0)
+      throw new Error(`getDistance(): fivePanoIndex is ${o}`);
+    const i = this.getCache({ panoIndex: t, id: e.id });
+    if (i.distance !== void 0)
+      return i.distance;
+    {
+      const f = (r = (s = this.five.work) == null ? void 0 : s.observers[o]) == null ? void 0 : r.position;
+      if (f === void 0)
+        throw new Error(`getDistance(): observerPosition is ${f}`);
+      const p = C(e);
+      if (!p)
         return -1;
-      const v = u.distanceTo(f);
-      return n && (n.distance = v), v;
+      const n = f.distanceTo(p);
+      return i.distance = n, n;
     }
-    if (N(s))
-      return this.five.camera.position.distanceTo(f);
   }
   getPositions(e) {
-    if (ne(e))
+    if (F(e))
       return e.position;
-    if (x(e))
+    if (v(e))
       return e.data.mediaPosition;
-    if (re(e))
-      return Y(this.five.camera.position, w(e.position), w(e.normal));
+    if (I(e))
+      return S(this.five.camera.position, h(e.position), h(e.normal));
   }
-  addObjectClickHandler(e, i, o) {
-    if (!i || !this.domEvents)
+  addObjectClickHandler(e, t, o) {
+    if (!t || !this.domEvents)
       return () => {
       };
-    const t = () => !(!this.getCurrentVisibleState(e) || e.loading), s = (n) => {
-      if (!t())
+    const i = () => !(!$(t) || !this.getCurrentVisibleState(e) || v(e) && !e.mediaVisible), s = (r) => {
+      if (!i())
         return !1;
-      o(n.origDomEvent);
+      o(r.origDomEvent);
     };
-    return this.domEvents.addEventListener(i, "click", s), () => {
-      var n;
-      (n = this.domEvents) == null || n.removeEventListener(i, "click", s);
+    return this.domEvents.addEventListener(t, "click", s), () => {
+      var r;
+      (r = this.domEvents) == null || r.removeEventListener(t, "click", s);
     };
   }
   getTagNormal(e) {
     if (e.normal)
-      return w(e.normal);
+      return h(e.normal);
     if (e.stickType === "Plane")
-      return E(e.position);
+      return T(e.position);
     if (e.stickType === "Model")
-      return E(this.getPositions(e));
+      return T(this.getPositions(e));
   }
   // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
   get filterPointTag() {
@@ -258,9 +281,9 @@ class Ye extends Z {
   }
   get filterCSS3DTag() {
     return this.tags.filter(
-      (i) => i.stickType === "3DPoint" || i.stickType === "Plane" || i.stickType === "Model" && i.contentType === "MediaModel"
-    ).filter((i) => {
-      const o = this.getRenderType(i);
+      (t) => t.stickType === "3DPoint" || t.stickType === "Plane" || t.stickType === "Model" && t.contentType === "MediaModel"
+    ).filter((t) => {
+      const o = this.getRenderType(t);
       return o === "BehindDom" || o === "Dom";
     });
   }
@@ -271,56 +294,7 @@ class Ye extends Z {
   checkDisposed() {
     return this.store.disposed ? (console.error("PanoTagPluginController has been disposed"), !0) : !1;
   }
-  /**
-   * @description: 获取merge后的配置
-   */
-  calculateTagConfig(e, i) {
-    var v, j, A;
-    const o = (v = i == null ? void 0 : i.useCache) != null ? v : !0;
-    if (!e)
-      return (j = this.config.globalConfig) != null ? j : {};
-    if (o && ((A = e.config) != null && A._isMerged))
-      return e.config;
-    const t = {}, s = {}, n = {};
-    this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([p, h]) => {
-      var I, O;
-      const c = p, D = c.split("-"), S = p.startsWith("["), y = S ? D[0].slice(1, -1) : void 0, T = S ? D.slice(1) : D, M = y ? ["PanoramaLike", "ModelLike"].includes(y) ? (I = s[y]) != null ? I : s[y] = {} : (O = n[y]) != null ? O : n[y] = {} : t;
-      if (!M[c]) {
-        if (T.length === 0 && (M[c] = h), T.length === 1) {
-          const [m] = T;
-          (e.contentType === m || m === "Any") && (M[c] = h);
-        }
-        if (T.length === 2) {
-          const [m = "Any", P = "Any"] = T;
-          m === "Mixin" && e.contentType === P && (M[c] = h), (e.stickType === m || m === "Any") && (e.contentType === P || P === "Any") && (M[c] = h);
-        }
-        if (T.length === 3) {
-          const [m = "Any", P, $] = T;
-          if (P === "Audio" && e.contentType === "Audio") {
-            const V = e;
-            (V.stickType === m || m === "Any") && V.data.appearance === $ && (M[c] = h);
-          }
-        }
-      }
-    });
-    const f = b(
-      {},
-      X,
-      this.config.globalConfig,
-      ...Object.values(t),
-      e.config
-    ), l = {}, g = Object.values(te.Mode);
-    G(s).forEach(([p, h]) => {
-      g.forEach((c) => {
-        (p === "PanoramaLike" && W(c) || p === "ModelLike" && N(c)) && (l[c] = b({}, f, ...Object.values(h)));
-      });
-    }), G(n).forEach(([p, h]) => {
-      l[p] = b({}, f, ...Object.values(h));
-    });
-    const u = L(C({}, f), { configWithFiveMode: l });
-    return B(u, e), Object.values(l).forEach((p) => B(p, e)), u._isMerged = !0, u;
-  }
 }
 export {
-  Ye as TagUtil
+  Me as TagUtil
 };

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

@@ -108,7 +108,11 @@ declare class PanoTagPluginController extends TagRender {
     private addEventListener;
     private addResizeListener;
     private addResizeObserver;
-    private updateVisible;
+    /**
+     * @description: 切换模式处理函数
+     */
+    private handleFiveModeChange;
+    private handleFiveInitAnimationEnded;
     private handleFiveWantsMoveToPano;
     /**
      * @description: 走点/切换模型后显示
@@ -117,11 +121,11 @@ declare class PanoTagPluginController extends TagRender {
      * @description: 走点/切换模型时临时隐藏
      */
     private clickhandler;
+    private handleFiveCameraUpdateDebounce;
     private handleFiveCameraUpdate;
     private handleFivePanoArrived;
     /** 楼层切换时，需要更新标签可见性 */
     private handleFiveModelShownFloorChange;
-    private onFiveEveryReady;
     private setUnfoldedByCamera;
     private changeTagMode;
 }