@realsee/dnalogel 2.19.1 → 2.20.0-alpha.0

package/libs/CruisePlugin/Controller.js

@@ -2,30 +2,30 @@ var T = Object.defineProperty, K = Object.defineProperties;
 var O = Object.getOwnPropertyDescriptors;
 var F = Object.getOwnPropertySymbols;
 var U = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var L = (c, l, e) => l in c ? T(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e, g = (c, l) => {
-  for (var e in l || (l = {}))
-    U.call(l, e) && L(c, e, l[e]);
+var L = (c, u, e) => u in c ? T(c, u, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[u] = e, g = (c, u) => {
+  for (var e in u || (u = {}))
+    U.call(u, e) && L(c, e, u[e]);
   if (F)
-    for (var e of F(l))
-      A.call(l, e) && L(c, e, l[e]);
+    for (var e of F(u))
+      A.call(u, e) && L(c, e, u[e]);
   return c;
-}, C = (c, l) => K(c, O(l));
-var I = (c, l, e) => (L(c, typeof l != "symbol" ? l + "" : l, e), e);
-var v = (c, l, e) => new Promise((t, i) => {
+}, C = (c, u) => K(c, O(u));
+var I = (c, u, e) => (L(c, typeof u != "symbol" ? u + "" : u, e), e);
+var v = (c, u, e) => new Promise((t, i) => {
   var r = (m) => {
     try {
       s(e.next(m));
-    } catch (o) {
-      i(o);
+    } catch (a) {
+      i(a);
     }
   }, n = (m) => {
     try {
       s(e.throw(m));
-    } catch (o) {
-      i(o);
+    } catch (a) {
+      i(a);
     }
   }, s = (m) => m.done ? t(m.value) : Promise.resolve(m.value).then(r, n);
-  s((e = e.apply(c, l)).next());
+  s((e = e.apply(c, u)).next());
 });
 import { Controller as V } from "../base/BasePluginWithData.js";
 import { GuideLinePlugin as $ } from "../GuideLinePlugin/index.js";
@@ -236,17 +236,17 @@ class z extends V {
    */
   load(e, t, i) {
     return v(this, null, function* () {
-      var a, d, f, u, h, P;
+      var o, d, f, l, h, P;
       if (this.state.disposed)
         return D();
-      this.privateState.fiveOriginGetProgress || (d = (a = this.five.controller) == null ? void 0 : a.cameraMotion) != null && d.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (f = this.five.controller) == null ? void 0 : f.cameraMotion) == null ? void 0 : u.getProgress), this.clear();
+      this.privateState.fiveOriginGetProgress || (d = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && d.getProgress || (yield this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (l = (f = this.five.controller) == null ? void 0 : f.cameraMotion) == null ? void 0 : l.getProgress), this.clear();
       const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(e);
       this.data = n, this.hooks.emit("dataChange", n, r);
       let s = [], m;
-      const o = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
-      o.filter((p, y) => {
+      const a = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
+      a.filter((p, y) => {
         var S;
-        return p.data.panoIndex !== ((S = o[y - 1]) == null ? void 0 : S.data.panoIndex);
+        return p.data.panoIndex !== ((S = a[y - 1]) == null ? void 0 : S.data.panoIndex);
       }).map((p) => p.data.panoIndex).forEach((p) => {
         var S, k;
         const y = (S = this.five.work.observers[p]) == null ? void 0 : S.floorIndex;
@@ -259,7 +259,7 @@ class z extends V {
             const b = s.length;
             s[b] = [p];
           }
-      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (P = this.GuideLine) == null || P.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), t && this.setState(t, { userAction: i }), console.info(`${x} loaded`, n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((h = this.config) == null ? void 0 : h.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = $(this.five, this.config)), (P = this.GuideLine) == null || P.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed), t && this.setState(t, { userAction: i }), console.debug(`${x} loaded`, n), this.hooks.emit("dataLoaded", n);
     });
   }
   /**
@@ -349,34 +349,34 @@ class z extends V {
         return {
           keyframesId: w(),
           keyframes: i.keyframes.map((r, n) => {
-            var o;
+            var a;
             const s = i.keyframes[n + 1], m = (() => !s || s.start === void 0 || r.end === void 0 ? 0 : s.start - r.end)();
-            return C(g({ id: (o = r.uuid) != null ? o : w(), moveIndex: n, stay: m, index: n }, r), { guildPluginOptions: i.guildPluginOptions });
+            return C(g({ id: (a = r.uuid) != null ? a : w(), moveIndex: n, stay: m, index: n }, r), { guildPluginOptions: i.guildPluginOptions });
           })
         };
       if (i.panoIndexList) {
         let r = [];
         const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: m } = i;
-        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = m, i.panoIndexList.forEach((o, a) => {
+        return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = m, i.panoIndexList.forEach((a, o) => {
           const d = (() => {
             var p, y, S, k;
-            const f = i.panoIndexList.slice(a).find((b) => b !== o);
+            const f = i.panoIndexList.slice(o).find((b) => b !== a);
             if (f === void 0)
               return;
-            const u = (p = t[o]) == null ? void 0 : p.position, h = (y = t[f]) == null ? void 0 : y.position;
-            if (!h || !u || ((S = t[o]) == null ? void 0 : S.floorIndex) !== ((k = t[f]) == null ? void 0 : k.floorIndex))
+            const l = (p = t[a]) == null ? void 0 : p.position, h = (y = t[f]) == null ? void 0 : y.position;
+            if (!h || !l || ((S = t[a]) == null ? void 0 : S.floorIndex) !== ((k = t[f]) == null ? void 0 : k.floorIndex))
               return;
-            const P = new j.Vector3().subVectors(h, u);
+            const P = new j.Vector3().subVectors(h, l);
             return N(P.normalize());
           })();
           i.moveType === void 0 || i.moveType === "justMove" ? r.push({
-            moveIndex: a,
+            moveIndex: o,
             stay: i.stay,
-            data: g({ effect: "Move", panoIndex: o, moveEffect: n }, d != null ? d : {})
-          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: a, stay: i.stay, data: { effect: "Move", panoIndex: o, moveEffect: n } }), d && r.push({ moveIndex: a, stay: i.stay, data: g({ effect: "Rotate", panoIndex: o }, d) }));
+            data: g({ effect: "Move", panoIndex: a, moveEffect: n }, d != null ? d : {})
+          }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: o, stay: i.stay, data: { effect: "Move", panoIndex: a, moveEffect: n } }), d && r.push({ moveIndex: o, stay: i.stay, data: g({ effect: "Rotate", panoIndex: a }, d) }));
         }), {
           keyframesId: w(),
-          keyframes: r.map((o, a) => g({ id: w(), index: a }, o)),
+          keyframes: r.map((a, o) => g({ id: w(), index: o }, a)),
           guildPluginOptions: i.guildPluginOptions,
           useGuildLine: i.useGuildLine
         };
@@ -408,32 +408,32 @@ class z extends V {
   // eslint-disable-next-line complexity
   handlePlay(e) {
     return v(this, null, function* () {
-      var u;
+      var l;
       const { data: t, state: i, privateState: r, hooks: n } = this;
       if (r.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
         return;
       const s = w();
       r.playId = s, r.playing = !0, r.broke = !1;
-      const m = t.keyframes, o = this.getPauseData();
-      (e == null ? void 0 : e.notEmitEvent) !== !0 && n.emit("play", { userAction: (u = e == null ? void 0 : e.userAction) != null ? u : !0 });
-      let a = !1;
+      const m = t.keyframes, a = this.getPauseData();
+      (e == null ? void 0 : e.notEmitEvent) !== !0 && n.emit("play", { userAction: (l = e == null ? void 0 : e.userAction) != null ? l : !0 });
+      let o = !1;
       const f = yield (() => v(this, null, function* () {
         var h, P;
         if ((e == null ? void 0 : e.playFromIndex) !== void 0)
           return e.playFromIndex;
         if ((e == null ? void 0 : e.playFromId) !== void 0)
           return (h = this.data) == null ? void 0 : h.keyframes.findIndex((p) => p.id === e.playFromId);
-        if (o != null && o.keyframeId) {
-          const p = (P = this.data) == null ? void 0 : P.keyframes.find((y) => y.id === o.keyframeId);
-          if (o != null && o.fiveState && (yield this.move(o.fiveState, {
+        if (a != null && a.keyframeId) {
+          const p = (P = this.data) == null ? void 0 : P.keyframes.find((y) => y.id === a.keyframeId);
+          if (a != null && a.fiveState && (yield this.move(a.fiveState, {
             moveEffect: r.moveToFirstPanoEffect,
             duration: r.moveToFirstPanoDuration
           })), p) {
             if (p.data.effect === "Move")
               return p.index;
             if (p.data.effect === "Rotate") {
-              const y = o.duration !== void 0 ? o.duration * (1 - o.playedProgress) : void 0;
-              return yield this.playKeyframe(p, { duration: y }), a = !0, p.index + 1;
+              const y = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
+              return yield this.playKeyframe(p, { duration: y }), o = !0, p.index + 1;
             }
           }
         }
@@ -445,9 +445,9 @@ class z extends V {
         if (!(f !== void 0 && h.index < f))
           try {
             n.emit("playIndexChange", h.index, h), yield this.playKeyframe(h, {
-              moveEffect: a === !1 ? r.moveToFirstPanoEffect : void 0,
-              duration: a === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
-            }), h.stay && (yield J(h.stay)), a === !1 && (a = !0);
+              moveEffect: o === !1 ? r.moveToFirstPanoEffect : void 0,
+              duration: o === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
+            }), h.stay && (yield J(h.stay)), o === !1 && (o = !0);
           } catch (P) {
             return Promise.resolve("broke");
           }
@@ -493,28 +493,28 @@ class z extends V {
       const r = e.data;
       if (t.duration = (n = t.duration) != null ? n : e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0, !!r)
         return new Promise((s, m) => {
-          let o = !1;
+          let a = !1;
           this.addInterruptListener(() => {
-            if (!o)
-              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), o = !0, m(new Error("play is interupted"));
+            if (!a)
+              return this.hooks.emit("broke"), this.privateState.broke = !0, this.setState({ playing: !1 }), a = !0, m(new Error("play is interupted"));
           });
           try {
-            if (o)
+            if (a)
               return;
-            const a = () => {
-              s(), o = !0;
+            const o = () => {
+              s(), a = !0;
             };
             switch (r.effect) {
               case "Move":
-                this.move(r, t).then(a);
+                this.move(r, t).then(o);
                 break;
               case "Rotate":
-                this.rotate(r, t).then(a);
+                this.rotate(r, t).then(o);
                 break;
               default:
-                this.rotate(r, t).then(a);
+                this.rotate(r, t).then(o);
             }
-          } catch (a) {
+          } catch (o) {
           }
         });
     });
@@ -570,13 +570,13 @@ class z extends V {
   updateCamera(i) {
     return v(this, arguments, function* (e, t = {}) {
       const { five: r, privateState: n, state: s } = this, m = (() => {
-        var u, h;
-        const d = (u = s.config) == null ? void 0 : u.speedConfig, f = (h = e.rotateSpeed) != null ? h : d == null ? void 0 : d.rotateSpeed;
+        var l, h;
+        const d = (l = s.config) == null ? void 0 : l.speedConfig, f = (h = e.rotateSpeed) != null ? h : d == null ? void 0 : d.rotateSpeed;
         if ((d == null ? void 0 : d.rotateSpeedUnit) === void 0)
           return f;
         if (f !== void 0)
           return d.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
-      })(), o = (() => {
+      })(), a = (() => {
         if (t.duration)
           return t.duration;
         if (m) {
@@ -585,10 +585,10 @@ class z extends V {
         }
         return 800;
       })();
-      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = o);
-      const a = this.getSpeededDuration(o);
+      n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = a);
+      const o = this.getSpeededDuration(a);
       return new Promise((d) => {
-        _(() => r.updateCamera(e, a)), setTimeout(() => d(), a);
+        _(() => r.updateCamera(e, o)), setTimeout(() => d(), o);
       });
     });
   }
@@ -603,32 +603,32 @@ class z extends V {
       const s = i.getCurrentState().mode !== "Panorama";
       s && (this.privateState.modeChanging = !0);
       const m = (() => {
-        var f, u;
-        const a = (f = n.config) == null ? void 0 : f.speedConfig, d = (u = e.moveSpeed) != null ? u : a == null ? void 0 : a.moveSpeed;
-        if ((a == null ? void 0 : a.moveSpeedUnit) === void 0)
+        var f, l;
+        const o = (f = n.config) == null ? void 0 : f.speedConfig, d = (l = e.moveSpeed) != null ? l : o == null ? void 0 : o.moveSpeed;
+        if ((o == null ? void 0 : o.moveSpeedUnit) === void 0)
           return d;
         if (d !== void 0)
-          return a.moveSpeedUnit === "m/ms" ? d : d / 1e3;
-      })(), o = (() => {
+          return o.moveSpeedUnit === "m/ms" ? d : d / 1e3;
+      })(), a = (() => {
         if (t != null && t.duration)
           return t.duration;
         if (m && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
-          const a = i.work.observers[i.panoIndex].position, d = i.work.observers[e.panoIndex].position;
-          return a.distanceTo(d) / m;
+          const o = i.work.observers[i.panoIndex].position, d = i.work.observers[e.panoIndex].position;
+          return o.distanceTo(d) / m;
         }
         return 800;
       })();
-      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = o), yield new Promise((a) => {
-        var d, f, u;
+      r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = a), yield new Promise((o) => {
+        var d, f, l;
         i.moveToPano(e.panoIndex, {
           latitude: e.latitude,
           longitude: e.longitude,
           fov: e.fov,
-          duration: this.getSpeededDuration(o),
-          effect: (u = (f = t == null ? void 0 : t.moveEffect) != null ? f : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? u : e.moveEffect,
-          moveCancelCallback: () => a(),
-          moveEndCallback: () => a()
-        }), s && i.once("panoArrived", () => a());
+          duration: this.getSpeededDuration(a),
+          effect: (l = (f = t == null ? void 0 : t.moveEffect) != null ? f : (d = this.state.config) == null ? void 0 : d.moveEffect) != null ? l : e.moveEffect,
+          moveCancelCallback: () => o(),
+          moveEndCallback: () => o()
+        }), s && i.once("panoArrived", () => o());
       }), s && (this.privateState.modeChanging = !1);
     });
   }
@@ -639,8 +639,8 @@ class z extends V {
     const { state: i, privateState: r, hooks: n } = this, { currentPlayKeyframe: s } = r;
     if (n.emit("speedChange", e, { userAction: t }), i.playing && s)
       try {
-        const m = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, o = this.playKeyframe(s.keyframe, { duration: m });
-        r.currentPlayQueue.push(o);
+        const m = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: m });
+        r.currentPlayQueue.push(a);
       } catch (m) {
       }
   }

package/libs/GuideLinePlugin/Controller.js

@@ -1,15 +1,15 @@
 var V = Object.defineProperty;
 var S = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-var c = (p, o, t) => o in p ? V(p, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[o] = t, f = (p, o) => {
+var f = (p, o, t) => o in p ? V(p, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[o] = t, c = (p, o) => {
   for (var t in o || (o = {}))
-    M.call(o, t) && c(p, t, o[t]);
+    M.call(o, t) && f(p, t, o[t]);
   if (S)
     for (var t of S(o))
-      N.call(o, t) && c(p, t, o[t]);
+      N.call(o, t) && f(p, t, o[t]);
   return p;
 };
-var d = (p, o, t) => (c(p, typeof o != "symbol" ? o + "" : o, t), t);
+var d = (p, o, t) => (f(p, typeof o != "symbol" ? o + "" : o, t), t);
 var u = (p, o, t) => new Promise((i, s) => {
   var a = (m) => {
     try {
@@ -233,7 +233,7 @@ class Wr extends O {
       })) != null ? y : [], h = (D = (L = e.lines) == null ? void 0 : L.map((l) => T({}, m, l))) != null ? D : [], C = [...n, ...h];
       yield this.waitFiveLoaded(), this.clear(), C.forEach((l) => {
         this.addGuideLineItem(l);
-      }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: s }), this.hooks.emit("dataLoaded", e), console.info(`${g} loaded`, e);
+      }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: s }), this.hooks.emit("dataLoaded", e), console.debug(`${g} loaded`, e);
     });
   }
   formatData(t) {
@@ -269,8 +269,8 @@ class Wr extends O {
     var a;
     if (this.disposed)
       return this.disposedErrorLog();
-    const s = f({}, this.state);
-    this.state = f(f({}, this.state), t), t.visible !== void 0 && t.visible !== s.visible && this.handleVisible(t.visible, i == null ? void 0 : i.userAction), t.enabled !== void 0 && t.enabled !== s.enabled && this.handleEnable(t.enabled, i == null ? void 0 : i.userAction), P(s, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: (a = i == null ? void 0 : i.userAction) != null ? a : !0 }), this.five.needsRender = !0);
+    const s = c({}, this.state);
+    this.state = c(c({}, this.state), t), t.visible !== void 0 && t.visible !== s.visible && this.handleVisible(t.visible, i == null ? void 0 : i.userAction), t.enabled !== void 0 && t.enabled !== s.enabled && this.handleEnable(t.enabled, i == null ? void 0 : i.userAction), P(s, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: s, userAction: (a = i == null ? void 0 : i.userAction) != null ? a : !0 }), this.five.needsRender = !0);
   }
   /** 添加一个 GuideLineItem */
   addGuideLineItem(t) {

package/libs/PanoTagPlugin/Archive/deprecated.d.ts

@@ -1,3 +1,4 @@
+import type { StickType, TagContentType, TagInstance } from '../typings';
 /**  @deprecated 改用具体的string */
 export declare enum PointType {
     PointTag = "PointTag",
@@ -16,7 +17,9 @@ export type DeprecatedTagProperty = {
 export type DeprecatedMediaPlaneProperty = {
     /**
      * @description stretch: 拉伸适配, proportional: 等比适配，默认值 'proportional'
-     * @deprecated replaced by objectFit
+     * @deprecated Use {@link ObjectFit} instead
      */
     adaptationMode?: 'stretch' | 'proportional';
 };
+/**  @deprecated Use {@link TagInstance} instead */
+export type TagElement<C extends TagContentType = TagContentType, S extends StickType = StickType> = TagInstance<C, S>;

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,4 +1,4 @@
-import { SvelteComponent as Q, init as U, safe_not_equal as W, append_styles as X, element as C, space as Y, attr as d, null_to_empty as B, set_style as h, toggle_class as _, insert as P, append as E, transition_out as y, check_outros as F, transition_in as v, detach as N, getContext as Z, group_outros as G, noop as S, create_component as K, mount_component as M, destroy_component as O } from "../../vendor/svelte/internal/index.js";
+import { SvelteComponent as Q, init as U, safe_not_equal as W, append_styles as X, element as A, space as Y, attr as d, null_to_empty as B, set_style as h, toggle_class as _, insert as C, append as E, transition_out as v, check_outros as F, transition_in as y, detach as N, getContext as Z, group_outros as G, noop as S, create_component as K, mount_component as M, destroy_component as O } from "../../vendor/svelte/internal/index.js";
 import x from "./Tag/index.js";
 import "three";
 import { noTypecheck as H } from "../utils/noTypecheck.js";
@@ -97,10 +97,10 @@ function et(i) {
   let e;
   return {
     c() {
-      e = C("div"), d(e, "data-info", "tag content is disable");
+      e = A("div"), d(e, "data-info", "tag content is disable");
     },
     m(t, o) {
-      P(t, e, o);
+      C(t, e, o);
     },
     p: S,
     i: S,
@@ -163,10 +163,10 @@ function it(i) {
       o[4]), e.$set(m);
     },
     i(o) {
-      t || (v(e.$$.fragment, o), t = !0);
+      t || (y(e.$$.fragment, o), t = !0);
     },
     o(o) {
-      y(e.$$.fragment, o), t = !1;
+      v(e.$$.fragment, o), t = !1;
     },
     d(o) {
       O(e, o);
@@ -177,10 +177,10 @@ function ot(i) {
   let e;
   return {
     c() {
-      e = C("div"), d(e, "data-info", "tag point is disable");
+      e = A("div"), d(e, "data-info", "tag point is disable");
     },
     m(t, o) {
-      P(t, e, o);
+      C(t, e, o);
     },
     p: S,
     i: S,
@@ -209,10 +209,10 @@ function rt(i) {
       o[1]), e.$set(m);
     },
     i(o) {
-      t || (v(e.$$.fragment, o), t = !0);
+      t || (y(e.$$.fragment, o), t = !0);
     },
     o(o) {
-      y(e.$$.fragment, o), t = !1;
+      v(e.$$.fragment, o), t = !1;
     },
     d(o) {
       O(e, o);
@@ -221,24 +221,24 @@ function rt(i) {
 }
 function nt(i) {
   let e, t, o, a, m, s, f, g, w, l;
-  const T = [it, et], u = [];
+  const z = [it, et], u = [];
   function p(n, r) {
     return (
       /*haveContent*/
       n[12] ? 0 : 1
     );
   }
-  o = p(i), a = u[o] = T[o](i);
-  const z = [rt, ot], c = [];
-  function A(n, r) {
+  o = p(i), a = u[o] = z[o](i);
+  const P = [rt, ot], c = [];
+  function T(n, r) {
     return (
       /*havePoint*/
       n[13] ? 0 : 1
     );
   }
-  return s = A(i), f = c[s] = z[s](i), {
+  return s = T(i), f = c[s] = P[s](i), {
     c() {
-      e = C("div"), t = C("div"), a.c(), m = Y(), f.c(), d(t, "class", g = B(J(
+      e = A("div"), t = A("div"), a.c(), m = Y(), f.c(), d(t, "class", g = B(J(
         "wrapper",
         /*tag*/
         i[1].className ? `${/*tag*/
@@ -297,17 +297,17 @@ function nt(i) {
       );
     },
     m(n, r) {
-      P(n, e, r), E(e, t), u[o].m(t, null), E(t, m), c[s].m(t, null), l = !0;
+      C(n, e, r), E(e, t), u[o].m(t, null), E(t, m), c[s].m(t, null), l = !0;
     },
     p(n, [r]) {
       let b = o;
-      o = p(n), o === b ? u[o].p(n, r) : (G(), y(u[b], 1, 1, () => {
+      o = p(n), o === b ? u[o].p(n, r) : (G(), v(u[b], 1, 1, () => {
         u[b] = null;
-      }), F(), a = u[o], a ? a.p(n, r) : (a = u[o] = T[o](n), a.c()), v(a, 1), a.m(t, m));
+      }), F(), a = u[o], a ? a.p(n, r) : (a = u[o] = z[o](n), a.c()), y(a, 1), a.m(t, m));
       let k = s;
-      s = A(n), s === k ? c[s].p(n, r) : (G(), y(c[k], 1, 1, () => {
+      s = T(n), s === k ? c[s].p(n, r) : (G(), v(c[k], 1, 1, () => {
         c[k] = null;
-      }), F(), f = c[s], f ? f.p(n, r) : (f = c[s] = z[s](n), f.c()), v(f, 1), f.m(t, null)), (!l || r & /*tag*/
+      }), F(), f = c[s], f ? f.p(n, r) : (f = c[s] = P[s](n), f.c()), y(f, 1), f.m(t, null)), (!l || r & /*tag*/
       2 && g !== (g = B(J(
         "wrapper",
         /*tag*/
@@ -378,10 +378,10 @@ function nt(i) {
       );
     },
     i(n) {
-      l || (v(a), v(f), l = !0);
+      l || (y(a), y(f), l = !0);
     },
     o(n) {
-      y(a), y(f), l = !1;
+      v(a), v(f), l = !1;
     },
     d(n) {
       n && N(e), u[o].d(), c[s].d();
@@ -389,10 +389,10 @@ function nt(i) {
   };
 }
 function at(i, e, t) {
-  let o, a, m, s, f, g, w, l, T, { withAnimation: u = !1 } = e, { tag: p } = e, { mediaStore: z } = e, { state: c } = e, { temporaryState: A } = e;
+  let o, a, m, s, f, g, w, l, z, { withAnimation: u = !1 } = e, { tag: p } = e, { mediaStore: P } = e, { state: c } = e, { temporaryState: T } = e;
   const n = Z("hooks");
   return i.$$set = (r) => {
-    "withAnimation" in r && t(0, u = r.withAnimation), "tag" in r && t(1, p = r.tag), "mediaStore" in r && t(2, z = r.mediaStore), "state" in r && t(3, c = r.state), "temporaryState" in r && t(4, A = r.temporaryState);
+    "withAnimation" in r && t(0, u = r.withAnimation), "tag" in r && t(1, p = r.tag), "mediaStore" in r && t(2, P = r.mediaStore), "state" in r && t(3, c = r.state), "temporaryState" in r && t(4, T = r.temporaryState);
   }, i.$$.update = () => {
     var r, b, k, L, I, q, D, R;
     i.$$.dirty & /*tag*/
@@ -402,19 +402,19 @@ function at(i, e, t) {
     })()), i.$$.dirty & /*tag*/
     2 && t(12, a = (() => p.stickType === "2DPoint")()), i.$$.dirty & /*tag*/
     2 && t(11, m = p.id), i.$$.dirty & /*tag*/
-    2 && t(10, s = !((r = p.pointTagStyle) != null && r.leftPercent) || !((b = p.pointTagStyle) != null && b.topPercent) || p.enabled === !1 || !p.state), i.$$.dirty & /*tag*/
+    2 && t(10, s = !((r = p.screenPosition) != null && r.leftPercent) || !((b = p.screenPosition) != null && b.topPercent) || p.enabled === !1 || !p.state), i.$$.dirty & /*tag*/
     2 && t(9, f = !((k = p.state) != null && k.visible) || ((L = p.temporaryState) == null ? void 0 : L.visible) === !1), i.$$.dirty & /*tag*/
     2 && t(8, g = (I = p.state) == null ? void 0 : I.unfolded), i.$$.dirty & /*tag*/
-    2 && t(7, w = ((q = p.pointTagStyle) == null ? void 0 : q.leftPercent) + "%"), i.$$.dirty & /*tag*/
-    2 && t(6, l = ((D = p.pointTagStyle) == null ? void 0 : D.topPercent) + "%"), i.$$.dirty & /*tag*/
-    2 && t(5, T = (R = p.state) != null && R.unfolded ? 1 : 0);
+    2 && t(7, w = ((q = p.screenPosition) == null ? void 0 : q.leftPercent) + "%"), i.$$.dirty & /*tag*/
+    2 && t(6, l = ((D = p.screenPosition) == null ? void 0 : D.topPercent) + "%"), i.$$.dirty & /*tag*/
+    2 && t(5, z = (R = p.state) != null && R.unfolded ? 1 : 0);
   }, [
     u,
     p,
-    z,
+    P,
     c,
-    A,
     T,
+    z,
     l,
     w,
     g,

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

@@ -1,6 +1,6 @@
 import type { Five, Mode } from '@realsee/five';
 import * as THREE from 'three';
-import type { Tag, TagElement } from '../typings';
+import type { TagInstance } from '../typings';
 import type { Raycaster } from 'three';
 import { TagUtil } from './TagUtil';
 export declare abstract class TagComputer extends TagUtil {
@@ -9,25 +9,25 @@ export declare abstract class TagComputer extends TagUtil {
     /**
      * @description: 获取是否可见
      */
-    getVisibleByPanoIndex(tag: Tag<any, any>, panoIndex?: number): boolean;
-    getVisibleByFiveMode(tag: TagElement<any, any>, mode?: Mode): boolean;
+    getVisibleByPanoIndex(tag: TagInstance, panoIndex?: number): boolean;
+    getVisibleByFiveMode(tag: TagInstance, mode?: Mode): boolean;
     /**
      * @description 获取标签当前状态
      * @return (this.state.visible && tag.state.visible) ?? true
      */
-    getCurrentVisibleState(tag: TagElement<any, any>): boolean;
-    getVisible(tag: TagElement<any, any>): boolean;
+    getCurrentVisibleState(tag: TagInstance): boolean;
+    getVisible(tag: TagInstance): boolean;
     /** 获取当前点位上模型中的多媒体是否应该展示 */
-    getModelMedialVisibleByPanoIndex(tag: TagElement<any, any>): boolean;
+    getModelMedialVisibleByPanoIndex(tag: TagInstance): boolean;
     /**
      * @description: 获取是否展开
      */
-    getUnfoldedByPanoIndex(tag: TagElement<any>, panoIndex?: number): boolean;
+    getUnfoldedByPanoIndex(tag: TagInstance, panoIndex?: number): boolean;
     /**
      * @description: 获取是否展开
      */
-    getUnfoldedByCamera(tag: TagElement<any, any>): boolean;
-    protected sort<T extends Tag<any, any>>(tags: T[]): T[];
+    getUnfoldedByCamera(tag: TagInstance): boolean;
+    protected sort<T extends TagInstance>(tags: T[]): T[];
     /**
      * @description: 一个点的标签
      */
@@ -39,18 +39,18 @@ export declare abstract class TagComputer extends TagUtil {
     /**
      * @description: 一个点的标签
      */
-    protected getTagProject(tag: TagElement<any, any>): {
+    protected getTagProject(tag: TagInstance): {
         x: number;
         y: number;
         z: number;
     };
     /** 通过射线检测标签可用性 */
-    protected getTagEnableByIntersect(tag: Tag<any, any>, raycaster: Raycaster): {
+    protected getTagEnableByIntersect(tag: TagInstance, raycaster: Raycaster): {
         value: boolean;
         reason: string;
     };
     /** 获取点位看向标签的射线 */
-    protected getRaycasterFromPanoIndex(tag: Tag, panoIndex: number): THREE.Raycaster;
+    protected getRaycasterFromPanoIndex(tag: TagInstance, panoIndex: number): THREE.Raycaster;
     /** 检测是否匹配当前楼层 */
     private getVisibleByFloorIndex;
 }