@realsee/dnalogel 2.6.4 → 2.6.7-dev.0

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,7 +1,8 @@
-import { SvelteComponent as K, init as M, safe_not_equal as N, append_styles as O, element as P, space as Q, attr as d, set_style as h, toggle_class as y, insert as z, append as j, transition_out as k, check_outros as B, transition_in as v, detach as C, getContext as U, group_outros as E, noop as S, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
+import { SvelteComponent as K, init as M, safe_not_equal as N, append_styles as O, element as A, space as Q, attr as d, set_style as k, toggle_class as g, insert as P, append as j, transition_out as h, check_outros as B, transition_in as y, detach as C, getContext as U, group_outros as E, noop as v, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
 import W from "./Tag/index.js";
 import "three";
 import { noTypecheck as F } from "../utils/noTypecheck.js";
+import "@realsee/five/gltf-loader";
 import X from "./Common/TagPoint.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
@@ -57,6 +58,7 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/animationFrame/index.js";
+import "../utils/tag/tagCheck.js";
 import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
@@ -71,20 +73,20 @@ import "./Common/Icon/Icon.js";
 import "../utils/getImageInfo.js";
 import "./Tag/CustomTag.js";
 function Y(o) {
-  O(o, "svelte-bdubcv", ".tag.hide.svelte-bdubcv{opacity:0;pointer-events:none}.tag.disable.svelte-bdubcv{display:none}.tag.withAnimation.svelte-bdubcv{transition:opacity 0.3s linear}.wrapper.svelte-bdubcv{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
+  O(o, "svelte-pzwdws", ".tag.withAnimation.svelte-pzwdws{transition:opacity 0.3s linear}.tag.hide.svelte-pzwdws{opacity:0;pointer-events:none}.tag.hide.svelte-pzwdws *{pointer-events:none !important}.tag.unClickable.svelte-pzwdws{pointer-events:none !important}.tag.unClickable.svelte-pzwdws *{pointer-events:none !important}.tag.disable.svelte-pzwdws{display:none}.wrapper.svelte-pzwdws{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
 }
 function Z(o) {
   let e;
   return {
     c() {
-      e = P("div"), d(e, "data-info", "tag content is disable");
+      e = A("div"), d(e, "data-info", "tag content is disable");
     },
     m(t, i) {
-      z(t, e, i);
+      P(t, e, i);
     },
-    p: S,
-    i: S,
-    o: S,
+    p: v,
+    i: v,
+    o: v,
     d(t) {
       t && C(e);
     }
@@ -105,18 +107,18 @@ function x(o) {
     c() {
       G(e.$$.fragment);
     },
-    m(i, n) {
-      H(e, i, n), t = !0;
+    m(i, r) {
+      H(e, i, r), t = !0;
     },
-    p(i, n) {
+    p(i, r) {
       const l = {};
-      n & 4 && (l.mediaStore = i[2]), n & 1 && (l.withAnimation = i[0]), n & 2 && (l.tag = F(i[1])), n & 8 && (l.state = i[3]), n & 16 && (l.temporaryState = i[4]), e.$set(l);
+      r & 4 && (l.mediaStore = i[2]), r & 1 && (l.withAnimation = i[0]), r & 2 && (l.tag = F(i[1])), r & 8 && (l.state = i[3]), r & 16 && (l.temporaryState = i[4]), e.$set(l);
     },
     i(i) {
-      t || (v(e.$$.fragment, i), t = !0);
+      t || (y(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      k(e.$$.fragment, i), t = !1;
+      h(e.$$.fragment, i), t = !1;
     },
     d(i) {
       J(e, i);
@@ -127,14 +129,14 @@ function $(o) {
   let e;
   return {
     c() {
-      e = P("div"), d(e, "data-info", "tag point is disable");
+      e = A("div"), d(e, "data-info", "tag point is disable");
     },
     m(t, i) {
-      z(t, e, i);
+      P(t, e, i);
     },
-    p: S,
-    i: S,
-    o: S,
+    p: v,
+    i: v,
+    o: v,
     d(t) {
       t && C(e);
     }
@@ -146,18 +148,18 @@ function tt(o) {
     c() {
       G(e.$$.fragment);
     },
-    m(i, n) {
-      H(e, i, n), t = !0;
+    m(i, r) {
+      H(e, i, r), t = !0;
     },
-    p(i, n) {
+    p(i, r) {
       const l = {};
-      n & 2 && (l.tag = i[1]), e.$set(l);
+      r & 2 && (l.tag = i[1]), e.$set(l);
     },
     i(i) {
-      t || (v(e.$$.fragment, i), t = !0);
+      t || (y(e.$$.fragment, i), t = !0);
     },
     o(i) {
-      k(e.$$.fragment, i), t = !1;
+      h(e.$$.fragment, i), t = !1;
     },
     d(i) {
       J(e, i);
@@ -165,71 +167,71 @@ function tt(o) {
   };
 }
 function et(o) {
-  let e, t, i, n, l, f, s, g, u;
-  const w = [x, Z], c = [];
-  function T(r, m) {
-    return r[12] ? 0 : 1;
+  let e, t, i, r, l, s, u, w, f;
+  const S = [x, Z], c = [];
+  function T(n, p) {
+    return n[12] ? 0 : 1;
   }
-  i = T(o), n = c[i] = w[i](o);
+  i = T(o), r = c[i] = S[i](o);
   const a = [tt, $], _ = [];
-  function A(r, m) {
-    return r[13] ? 0 : 1;
+  function z(n, p) {
+    return n[13] ? 0 : 1;
   }
-  return f = A(o), s = _[f] = a[f](o), {
+  return s = z(o), u = _[s] = a[s](o), {
     c() {
-      e = P("div"), t = P("div"), n.c(), l = Q(), s.c(), d(t, "class", "wrapper svelte-bdubcv"), d(t, "data-tag-unfolded", o[8]), d(t, "data-tag-id", o[11]), d(t, "data-content-type", g = o[1].contentType), h(t, "left", o[7]), h(t, "top", o[6]), h(t, "z-index", o[5]), d(e, "class", "tag svelte-bdubcv"), d(e, "data-tag-id", o[11]), y(e, "disable", o[10]), y(e, "hide", o[9]), y(e, "withAnimation", o[0]);
-    },
-    m(r, m) {
-      z(r, e, m), j(e, t), c[i].m(t, null), j(t, l), _[f].m(t, null), u = !0;
-    },
-    p(r, [m]) {
-      let p = i;
-      i = T(r), i === p ? c[i].p(r, m) : (E(), k(c[p], 1, 1, () => {
-        c[p] = null;
-      }), B(), n = c[i], n ? n.p(r, m) : (n = c[i] = w[i](r), n.c()), v(n, 1), n.m(t, l));
-      let b = f;
-      f = A(r), f === b ? _[f].p(r, m) : (E(), k(_[b], 1, 1, () => {
+      e = A("div"), t = A("div"), r.c(), l = Q(), u.c(), d(t, "class", "wrapper svelte-pzwdws"), d(t, "data-tag-unfolded", o[8]), d(t, "data-tag-id", o[11]), d(t, "data-content-type", w = o[1].contentType), k(t, "left", o[7]), k(t, "top", o[6]), k(t, "z-index", o[5]), d(e, "class", "tag svelte-pzwdws"), d(e, "data-tag-id", o[11]), g(e, "unClickable", o[1].clickable === !1), g(e, "disable", o[10]), g(e, "hide", o[9]), g(e, "withAnimation", o[0]);
+    },
+    m(n, p) {
+      P(n, e, p), j(e, t), c[i].m(t, null), j(t, l), _[s].m(t, null), f = !0;
+    },
+    p(n, [p]) {
+      let m = i;
+      i = T(n), i === m ? c[i].p(n, p) : (E(), h(c[m], 1, 1, () => {
+        c[m] = null;
+      }), B(), r = c[i], r ? r.p(n, p) : (r = c[i] = S[i](n), r.c()), y(r, 1), r.m(t, l));
+      let b = s;
+      s = z(n), s === b ? _[s].p(n, p) : (E(), h(_[b], 1, 1, () => {
         _[b] = null;
-      }), B(), s = _[f], s ? s.p(r, m) : (s = _[f] = a[f](r), s.c()), v(s, 1), s.m(t, null)), (!u || m & 256) && d(t, "data-tag-unfolded", r[8]), (!u || m & 2048) && d(t, "data-tag-id", r[11]), (!u || m & 2 && g !== (g = r[1].contentType)) && d(t, "data-content-type", g), m & 128 && h(t, "left", r[7]), m & 64 && h(t, "top", r[6]), m & 32 && h(t, "z-index", r[5]), (!u || m & 2048) && d(e, "data-tag-id", r[11]), (!u || m & 1024) && y(e, "disable", r[10]), (!u || m & 512) && y(e, "hide", r[9]), (!u || m & 1) && y(e, "withAnimation", r[0]);
+      }), B(), u = _[s], u ? u.p(n, p) : (u = _[s] = a[s](n), u.c()), y(u, 1), u.m(t, null)), (!f || p & 256) && d(t, "data-tag-unfolded", n[8]), (!f || p & 2048) && d(t, "data-tag-id", n[11]), (!f || p & 2 && w !== (w = n[1].contentType)) && d(t, "data-content-type", w), p & 128 && k(t, "left", n[7]), p & 64 && k(t, "top", n[6]), p & 32 && k(t, "z-index", n[5]), (!f || p & 2048) && d(e, "data-tag-id", n[11]), (!f || p & 2) && g(e, "unClickable", n[1].clickable === !1), (!f || p & 1024) && g(e, "disable", n[10]), (!f || p & 512) && g(e, "hide", n[9]), (!f || p & 1) && g(e, "withAnimation", n[0]);
     },
-    i(r) {
-      u || (v(n), v(s), u = !0);
+    i(n) {
+      f || (y(r), y(u), f = !0);
     },
-    o(r) {
-      k(n), k(s), u = !1;
+    o(n) {
+      h(r), h(u), f = !1;
     },
-    d(r) {
-      r && C(e), c[i].d(), _[f].d();
+    d(n) {
+      n && C(e), c[i].d(), _[s].d();
     }
   };
 }
 function it(o, e, t) {
-  let i, n, l, f, s, g, u, w, c, { withAnimation: T = !1 } = e, { tag: a } = e, { mediaStore: _ } = e, { state: A } = e, { temporaryState: r } = e;
-  const m = U("hooks");
-  return o.$$set = (p) => {
-    "withAnimation" in p && t(0, T = p.withAnimation), "tag" in p && t(1, a = p.tag), "mediaStore" in p && t(2, _ = p.mediaStore), "state" in p && t(3, A = p.state), "temporaryState" in p && t(4, r = p.temporaryState);
+  let i, r, l, s, u, w, f, S, c, { withAnimation: T = !1 } = e, { tag: a } = e, { mediaStore: _ } = e, { state: z } = e, { temporaryState: n } = e;
+  const p = U("hooks");
+  return o.$$set = (m) => {
+    "withAnimation" in m && t(0, T = m.withAnimation), "tag" in m && t(1, a = m.tag), "mediaStore" in m && t(2, _ = m.mediaStore), "state" in m && t(3, z = m.state), "temporaryState" in m && t(4, n = m.temporaryState);
   }, o.$$.update = () => {
-    var p, b, L, I, q, D, R, V;
-    o.$$.dirty & 2 && t(13, i = (() => !(a.contentType === "Link" || a.contentType === "VRLink" || a.contentType === "PanoLink" || a.contentType === "Audio" && a.data.appearance === "plane"))()), o.$$.dirty & 2 && t(12, n = (() => a.stickType === "2DPoint")()), o.$$.dirty & 2 && t(11, l = a.id), o.$$.dirty & 2 && t(10, f = !((p = a.pointTagStyle) != null && p.leftPercent) || !((b = a.pointTagStyle) != null && b.topPercent) || a.enabled === !1 || !a.state), o.$$.dirty & 2 && t(9, s = !((L = a.state) != null && L.visible) || ((I = a.temporaryState) == null ? void 0 : I.visible) === !1), o.$$.dirty & 2 && t(8, g = (q = a.state) == null ? void 0 : q.unfolded), o.$$.dirty & 2 && t(7, u = ((D = a.pointTagStyle) == null ? void 0 : D.leftPercent) + "%"), o.$$.dirty & 2 && t(6, w = ((R = a.pointTagStyle) == null ? void 0 : R.topPercent) + "%"), o.$$.dirty & 2 && t(5, c = (V = a.state) != null && V.unfolded ? 1 : 0);
+    var m, b, L, I, q, D, R, V;
+    o.$$.dirty & 2 && t(13, i = (() => !(a.contentType === "Link" || a.contentType === "VRLink" || a.contentType === "PanoLink" || a.contentType === "Audio" && a.data.appearance === "plane"))()), o.$$.dirty & 2 && t(12, r = (() => a.stickType === "2DPoint")()), o.$$.dirty & 2 && t(11, l = a.id), o.$$.dirty & 2 && t(10, s = !((m = a.pointTagStyle) != null && m.leftPercent) || !((b = a.pointTagStyle) != null && b.topPercent) || a.enabled === !1 || !a.state), o.$$.dirty & 2 && t(9, u = !((L = a.state) != null && L.visible) || ((I = a.temporaryState) == null ? void 0 : I.visible) === !1), o.$$.dirty & 2 && t(8, w = (q = a.state) == null ? void 0 : q.unfolded), o.$$.dirty & 2 && t(7, f = ((D = a.pointTagStyle) == null ? void 0 : D.leftPercent) + "%"), o.$$.dirty & 2 && t(6, S = ((R = a.pointTagStyle) == null ? void 0 : R.topPercent) + "%"), o.$$.dirty & 2 && t(5, c = (V = a.state) != null && V.unfolded ? 1 : 0);
   }, [
     T,
     a,
     _,
-    A,
-    r,
+    z,
+    n,
     c,
+    S,
+    f,
     w,
     u,
-    g,
     s,
-    f,
     l,
-    n,
+    r,
     i,
-    m
+    p
   ];
 }
-class ve extends K {
+class Se extends K {
   constructor(e) {
     super(), M(
       this,
@@ -249,5 +251,5 @@ class ve extends K {
   }
 }
 export {
-  ve as default
+  Se as default
 };

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

@@ -18,4 +18,5 @@ export declare abstract class TagCacheController extends BasePlugin.Controller<S
         key: keyof TagCache;
     }): ValueOf<TagCache> | undefined;
     protected clearCache(): void;
+    protected removeCache(): void;
 }

package/libs/PanoTagPlugin/controller/TagCacheController.js

@@ -1,32 +1,34 @@
 var x = Object.defineProperty;
-var u = (n, t, e) => t in n ? x(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var f = (n, t, e) => (u(n, typeof t != "symbol" ? t + "" : t, e), e);
-import { Controller as I } from "../../base/BasePlugin.js";
+var u = (a, o, e) => o in a ? x(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
+var f = (a, o, e) => (u(a, typeof o != "symbol" ? o + "" : o, e), e);
+import { Controller as v } from "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-class w extends I {
+class m extends v {
   constructor(e) {
     super(e);
     f(this, "tagCacheByPanoIndex", {});
   }
-  getCache({ panoIndex: e, id: a, key: h }) {
+  getCache({ panoIndex: e, id: n, key: h }) {
     var i, C, g, l;
     const { five: r } = this, c = (i = r.panoIndex) != null ? i : e;
     if (c === void 0)
       throw new Error(`TagCacheController getCache(): fivePanoIndex is ${c}`);
     const s = `${(g = (C = r.work) == null ? void 0 : C.workCode) != null ? g : r.model.uuid}-${c}`;
-    let o = this.tagCacheByPanoIndex[s];
-    if (o || (o = /* @__PURE__ */ new Map(), this.tagCacheByPanoIndex[s] = o), a === void 0)
-      return o;
+    let t = this.tagCacheByPanoIndex[s];
+    if (t || (t = /* @__PURE__ */ new Map(), this.tagCacheByPanoIndex[s] = t), n === void 0)
+      return t;
     if (h === void 0) {
-      const d = o.get(a);
-      return d || (o.set(a, {}), o.get(a));
+      const d = t.get(n);
+      return d || (t.set(n, {}), t.get(n));
     }
-    return (l = o.get(a)) == null ? void 0 : l[h];
+    return (l = t.get(n)) == null ? void 0 : l[h];
   }
   clearCache() {
     this.tagCacheByPanoIndex = {};
   }
+  removeCache() {
+  }
 }
 export {
-  w as TagCacheController
+  m as TagCacheController
 };

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

@@ -1,6 +1,8 @@
 import type { Five } from '@realsee/five';
-import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId } from '../typings';
+import * as THREE from 'three';
+import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId, ModelElement, TagContentType, StickType } from '../typings';
 import { TagCacheController } from './TagCacheController';
+import { Raycaster } from 'three';
 export declare abstract class TagComputer extends TagCacheController {
     tags: TagElement[];
     config: {
@@ -10,7 +12,7 @@ export declare abstract class TagComputer extends TagCacheController {
     protected get isPanorama(): boolean;
     private raycaster;
     protected constructor(five: Five);
-    getTagById(id: TagId): TagElement<import("../typings").TagContentType, import("../typings").StickType>;
+    getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S>;
     /**
      * @description: 改变类型配置
      */
@@ -19,6 +21,8 @@ export declare abstract class TagComputer extends TagCacheController {
      * @description: 获取是否可见
      */
     getVisibleByPanoIndex(tag: Tag<any, any>, panoIndex?: number): boolean;
+    /** 获取当前点位上模型中的多媒体是否应该展示 */
+    getModelMedialVisibleByPanoIndex(tag: Tag<any, any>): boolean;
     /**
      * @description: 获取是否展开
      */
@@ -38,7 +42,7 @@ export declare abstract class TagComputer extends TagCacheController {
     /**
      * @description: 获取merge后的配置
      */
-    getTagConfig(tag: Tag<any, any>): TagConfig<import("../typings").TagContentType, import("../typings").StickType>;
+    getTagConfig(tag: Tag<any, any>): TagConfig<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
     protected can(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag<any, any>): boolean;
     protected sort<T extends Tag<any, any>>(tags: T[]): T[];
     /**
@@ -46,6 +50,7 @@ export declare abstract class TagComputer extends TagCacheController {
      */
     protected setPointTagPosition(): void;
     protected setVisibleByPanoIndex(): void;
+    protected setModelMedialVisibleByPanoIndex(): void;
     protected setUnfoldedByPanoIndex(): void;
     /**
      * @description: 一个点的标签
@@ -55,12 +60,23 @@ export declare abstract class TagComputer extends TagCacheController {
         y: number;
         z: number;
     };
-    protected filterPointTag(): PointTagElement<import("../typings").TagContentType>[];
-    protected filter2DPointTag(): Point2DElement<import("../typings").TagContentType>[];
-    protected filter3DPointTag(): Point3DElement<import("../typings").TagContentType>[];
+    protected filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected filter3DTag(): TagElement<any, "3DPoint" | "Plane">[];
     protected filterPlaneTag(): PlaneTagElement[];
     protected updateTagConfig(params?: {
         force?: boolean;
     }): void;
+    /** 通过射线检测标签可用性 */
+    protected getTagEnableByIntersect(tag: Tag<any, any>, raycaster: Raycaster): {
+        value: boolean;
+        reason: string;
+    };
+    /** 获取点位看向标签的射线 */
+    protected getRaycasterFromPanoIndex(tag: Tag, panoIndex: number): THREE.Raycaster;
+    /** 检测 target floor index 是否匹配当前楼层 */
+    protected checkFloorIndex(tag: TagElement): boolean;
+    protected changeTagMode(tag: TagElement<'MediaModel', 'Model'>, mode: 'behind' | 'front'): void;
 }