@realsee/dnalogel 2.1.0-alpha.18 → 2.1.0-alpha.19

package/libs/CruisePlugin/Controller.js

@@ -1,10 +1,10 @@
-var L = Object.defineProperty;
-var F = (v, p, e) => p in v ? L(v, p, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[p] = e;
-var g = (v, p, e) => (F(v, typeof p != "symbol" ? p + "" : p, e), e);
-import { Controller as C } from "../base/BasePluginWithData.js";
-import { GuideLinePlugin as D } from "../GuideLinePlugin/index.js";
-import S from "../shared-utils/uuid.js";
-import { coordinatesAngle as M } from "./utils/coordinatesAngle.js";
+var E = Object.defineProperty;
+var L = (y, g, e) => g in y ? E(y, g, { enumerable: !0, configurable: !0, writable: !0, value: e }) : y[g] = e;
+var p = (y, g, e) => (L(y, typeof g != "symbol" ? g + "" : g, e), e);
+import { Controller as F } from "../base/BasePluginWithData.js";
+import { GuideLinePlugin as M } from "../GuideLinePlugin/index.js";
+import I from "../shared-utils/uuid.js";
+import { coordinatesAngle as D } from "./utils/coordinatesAngle.js";
 import { safeCall as G } from "./utils/safeCall.js";
 import K from "../shared-utils/equal.js";
 import { vectorToCoordinates as U } from "./utils/vectorToCoordinates.js";
@@ -12,7 +12,7 @@ import * as T from "three";
 import A from "./utils/linerValue.js";
 import { sleep as O } from "./utils/sleep.js";
 import "../base/BasePlugin.js";
-import "@realsee/five";
+import "../shared-utils/Subscribe.js";
 import "../GuideLinePlugin/Controller.js";
 import "../GuideLinePlugin/utils/getLineGeometries.js";
 import "../GuideLinePlugin/utils/getArrowMaterial.js";
@@ -20,17 +20,17 @@ import "../shared-utils/isNil.js";
 import "./utils/coordinatesToVector.js";
 import "../shared-utils/isTruelyObject.js";
 import "./utils/formatRad.js";
-const w = "v1.0.6", E = "CruisePlugin", I = `${E}@${w}`, ne = (v) => `${I}--${v}`, x = () => {
-  console.error(`${I} is disposed`);
+const x = "v1.0.6", C = "CruisePlugin", b = `${C}@${x}`, ne = (y) => `${b}--${y}`, w = () => {
+  console.error(`${b} is disposed`);
 }, V = () => {
-  console.warn(`${I} is disabled`);
+  console.warn(`${b} is disabled`);
 }, Q = () => {
-  console.error(`${I} is disabled`);
+  console.error(`${b} is disabled`);
 }, k = /* @__PURE__ */ new Map();
-class $ extends C {
-  constructor(e) {
-    super(e);
-    g(this, "state", {
+class $ extends F {
+  constructor(e, t) {
+    super(e, t);
+    p(this, "state", {
       visible: !0,
       enabled: !0,
       disposed: !1,
@@ -45,53 +45,55 @@ class $ extends C {
         }
       }
     });
-    g(this, "data");
-    g(this, "privateState", {
+    p(this, "data");
+    p(this, "config");
+    p(this, "privateState", {
       playing: !1,
       currentPlayQueue: [],
       currentPlayKeyframe: null,
       broke: !1,
-      disposers: []
+      disposers: [],
+      modeChanging: !1
     });
-    g(this, "GuideLine");
-    Object.assign(window, { [`__${E}_DEBUG__`]: this });
-    const t = this.setFiveLinearUpdateCamera.bind(this), i = this.setFiveOriginUpdateCamera.bind(this);
-    this.hooks.on("play", t), this.hooks.on("broke", i), this.hooks.on("end", i), this.hooks.on("pause", i), this.privateState.disposers.push(() => {
-      this.hooks.off("play", t), this.hooks.off("broke", i), this.hooks.off("end", i), this.hooks.off("pause", i);
+    p(this, "GuideLine");
+    this.config = t, Object.assign(window, { [`__${C}_DEBUG__`]: this });
+    const i = this.setFiveLinearUpdateCamera.bind(this), a = this.setFiveOriginUpdateCamera.bind(this);
+    this.hooks.on("play", i), this.hooks.on("broke", a), this.hooks.on("end", a), this.hooks.on("pause", a), this.privateState.disposers.push(() => {
+      this.hooks.off("play", i), this.hooks.off("broke", a), this.hooks.off("end", a), this.hooks.off("pause", a);
     });
   }
   async load(e, t, i) {
-    var o, f, h, u, l;
+    var o, m, f, l, u;
     if (this.state.disposed)
-      return x();
-    this.privateState.fiveOriginGetProgress || (f = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && f.getProgress || (await this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (u = (h = this.five.controller) == null ? void 0 : h.cameraMotion) == null ? void 0 : u.getProgress), this.clear();
-    const r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, d = await this.formatData(e);
-    this.data = d, this.hooks.emit("dataChange", d, r);
+      return w();
+    this.privateState.fiveOriginGetProgress || (m = (o = this.five.controller) == null ? void 0 : o.cameraMotion) != null && m.getProgress || (await this.waitFiveLoaded(), this.privateState.fiveOriginGetProgress = (l = (f = this.five.controller) == null ? void 0 : f.cameraMotion) == null ? void 0 : l.getProgress), this.clear();
+    const a = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, d = await this.formatData(e);
+    this.data = d, this.hooks.emit("dataChange", d, a);
     let s = [], n;
-    const a = this.data.keyframes.filter((c) => c.data.panoIndex !== void 0);
-    a.filter((c, m) => {
-      var y;
-      return c.data.panoIndex !== ((y = a[m - 1]) == null ? void 0 : y.data.panoIndex);
-    }).map((c) => c.data.panoIndex).forEach((c) => {
-      var y, P;
-      const m = (y = this.five.work.observers[c]) == null ? void 0 : y.floorIndex;
-      if (m !== void 0)
-        if (n === m) {
-          const b = s.length - 1;
-          s[b] = [...(P = s[b]) != null ? P : [], c];
+    const r = this.data.keyframes.filter((h) => h.data.panoIndex !== void 0);
+    r.filter((h, c) => {
+      var v;
+      return h.data.panoIndex !== ((v = r[c - 1]) == null ? void 0 : v.data.panoIndex);
+    }).map((h) => h.data.panoIndex).forEach((h) => {
+      var v, P;
+      const c = (v = this.five.work.observers[h]) == null ? void 0 : v.floorIndex;
+      if (c !== void 0)
+        if (n === c) {
+          const S = s.length - 1;
+          s[S] = [...(P = s[S]) != null ? P : [], h];
         } else {
-          n = m;
-          const b = s.length;
-          s[b] = [c];
+          n = c;
+          const S = s.length;
+          s[S] = [h];
         }
-    }), this.GuideLine || (this.GuideLine = D(this.five)), (l = this.GuideLine) == null || l.load({ routes: s.map((c) => ({ panoIndexList: c })) }), 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.log(`${I} loaded`, d), this.hooks.emit("dataLoaded", d);
+    }), this.GuideLine || (this.GuideLine = M(this.five, this.config)), (u = this.GuideLine) == null || u.load({ routes: s.map((h) => ({ panoIndexList: h })) }), 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.log(`${b} loaded`, d), this.hooks.emit("dataLoaded", d);
   }
   play(e) {
     this.setState({ playing: !0 }, e);
   }
   playFrom(e) {
-    const { index: t, id: i, userAction: r } = e;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: r }), this.setState({ playing: !0 }, { userAction: r, playFromIndex: t, playFromId: i });
+    const { index: t, id: i, userAction: a } = e;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: a }), this.setState({ playing: !0 }, { userAction: a, playFromIndex: t, playFromId: i });
   }
   playFromStart(e) {
     return this.playFrom({ ...e, index: 0 });
@@ -115,60 +117,60 @@ class $ extends C {
     this.setState({ disposed: !0 });
   }
   setState(e, t) {
-    var r;
+    var a;
     if (this.state.disposed)
-      return x();
+      return w();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
       return Q();
     const i = { ...this.state };
-    this.state = { ...this.state, ...e }, e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), K(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (r = t == null ? void 0 : t.userAction) != null ? r : !0 });
+    this.state = { ...this.state, ...e }, e.disposed !== void 0 && e.disposed !== i.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== i.visible && this.handleVisible(e.visible, t == null ? void 0 : t.userAction), e.enabled !== void 0 && e.enabled !== i.enabled && this.handleEnable(e.enabled, t == null ? void 0 : t.userAction), e.playing !== void 0 && e.playing !== i.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== i.speed && this.changeSpeed(e.speed, t == null ? void 0 : t.userAction), K(i, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: (a = t == null ? void 0 : t.userAction) != null ? a : !0 });
   }
   async formatData(e) {
     this.five.work || await this.waitFiveLoaded();
     const t = this.five.work.observers, i = (() => {
-      const r = e;
-      return typeof r == "object" && r !== null && r.version && r.data ? r.data : r;
+      const a = e;
+      return typeof a == "object" && a !== null && a.version && a.data ? a.data : a;
     })();
     if (i.keyframes)
       return {
-        keyframesId: S(),
-        keyframes: i.keyframes.map((r, d) => {
-          var a;
-          const s = i.keyframes[d + 1], n = (() => !s || s.start === void 0 || r.end === void 0 ? 0 : s.start - r.end)();
-          return { id: (a = r.uuid) != null ? a : S(), moveIndex: d, stay: n, index: d, ...r };
+        keyframesId: I(),
+        keyframes: i.keyframes.map((a, d) => {
+          var r;
+          const s = i.keyframes[d + 1], n = (() => !s || s.start === void 0 || a.end === void 0 ? 0 : s.start - a.end)();
+          return { id: (r = a.uuid) != null ? r : I(), moveIndex: d, stay: n, index: d, ...a };
         })
       };
     if (i.panoIndexList) {
-      let r = [];
+      let a = [];
       const { moveEffect: d, moveToFirstPanoEffect: s } = i;
-      return this.privateState.moveToFirstPanoEffect = s, i.panoIndexList.filter((n, a) => n !== i.panoIndexList[a - 1]).forEach((n, a) => {
+      return this.privateState.moveToFirstPanoEffect = s, i.panoIndexList.forEach((n, r) => {
         const o = (() => {
-          var c, m, y, P;
-          const f = i.panoIndexList[a + 1];
-          if (f === void 0)
+          var h, c, v, P;
+          const m = i.panoIndexList.slice(r).find((S) => S !== n);
+          if (m === void 0)
             return;
-          const h = (c = t[n]) == null ? void 0 : c.position, u = (m = t[f]) == null ? void 0 : m.position;
-          if (!u || !h || ((y = t[n]) == null ? void 0 : y.floorIndex) !== ((P = t[f]) == null ? void 0 : P.floorIndex))
+          const f = (h = t[n]) == null ? void 0 : h.position, l = (c = t[m]) == null ? void 0 : c.position;
+          if (!l || !f || ((v = t[n]) == null ? void 0 : v.floorIndex) !== ((P = t[m]) == null ? void 0 : P.floorIndex))
             return;
-          const l = new T.Vector3().subVectors(u, h);
-          return U(l);
+          const u = new T.Vector3().subVectors(l, f);
+          return U(u);
         })();
-        i.moveType === void 0 || i.moveType === "justMove" ? r.push({
-          moveIndex: a,
+        i.moveType === void 0 || i.moveType === "justMove" ? a.push({
+          moveIndex: r,
           stay: i.stay,
           data: { effect: "Move", panoIndex: n, moveEffect: d, ...o != null ? o : {} }
-        }) : i.moveType === "moveAndRotate" && (r.push({ moveIndex: a, stay: i.stay, data: { effect: "Move", panoIndex: n, moveEffect: d } }), o && r.push({ moveIndex: a, stay: i.stay, data: { effect: "Rotate", panoIndex: n, ...o } }));
-      }), { keyframesId: S(), keyframes: r.map((n, a) => ({ id: S(), index: a, ...n })) };
+        }) : i.moveType === "moveAndRotate" && (a.push({ moveIndex: r, stay: i.stay, data: { effect: "Move", panoIndex: n, moveEffect: d } }), o && a.push({ moveIndex: r, stay: i.stay, data: { effect: "Rotate", panoIndex: n, ...o } }));
+      }), { keyframesId: I(), keyframes: a.map((n, r) => ({ id: I(), index: r, ...n })) };
     } else
       throw new Error("format error: data no keyframes or no panoIndexList");
   }
   handleEnable(e, t = !0) {
-    var i, r;
-    e ? ((i = this.GuideLine) == null || i.enable(), this.hooks.emit("enable", { userAction: t })) : ((r = this.GuideLine) == null || r.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+    var i, a;
+    e ? ((i = this.GuideLine) == null || i.enable(), this.hooks.emit("enable", { userAction: t })) : ((a = this.GuideLine) == null || a.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
   }
   handleVisible(e, t = !0) {
-    var i, r;
-    e ? ((i = this.GuideLine) == null || i.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((r = this.GuideLine) == null || r.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+    var i, a;
+    e ? ((i = this.GuideLine) == null || i.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : ((a = this.GuideLine) == null || a.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
   }
   changePlayState(e, t) {
     this.actionIfStateIsEnabled(
@@ -179,68 +181,71 @@ class $ extends C {
     ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
   }
   async handlePlay(e) {
-    var u;
-    const { data: t, state: i, privateState: r, hooks: d } = this;
-    if (r.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
+    var l;
+    const { data: t, state: i, privateState: a, hooks: d } = this;
+    if (a.playing || !(t != null && t.keyframes) || (t == null ? void 0 : t.keyframes.length) === 0)
       return;
-    const s = S();
-    r.playId = s, r.playing = !0, r.broke = !1;
-    const n = t.keyframes, a = this.getPauseData();
-    (e == null ? void 0 : e.notEmitEvent) !== !0 && d.emit("play", { userAction: (u = e == null ? void 0 : e.userAction) != null ? u : !0 });
+    const s = I();
+    a.playId = s, a.playing = !0, a.broke = !1;
+    const n = t.keyframes, r = this.getPauseData();
+    (e == null ? void 0 : e.notEmitEvent) !== !0 && d.emit("play", { userAction: (l = e == null ? void 0 : e.userAction) != null ? l : !0 });
     let o = !1;
-    const h = await (async () => {
-      var l, c;
+    const f = await (async () => {
+      var u, h;
       if ((e == null ? void 0 : e.playFromIndex) !== void 0)
         return e.playFromIndex;
       if ((e == null ? void 0 : e.playFromId) !== void 0)
-        return (l = this.data) == null ? void 0 : l.keyframes.findIndex((m) => m.id === e.playFromId);
-      if (a != null && a.keyframeId) {
-        const m = (c = this.data) == null ? void 0 : c.keyframes.find((y) => y.id === a.keyframeId);
-        if (a != null && a.fiveState && await this.move(a.fiveState, { moveEffect: r.moveToFirstPanoEffect }), m) {
-          if (m.data.effect === "Move")
-            return m.index;
-          if (m.data.effect === "Rotate") {
-            const y = a.duration !== void 0 ? a.duration * (1 - a.playedProgress) : void 0;
-            return await this.playKeyframe(m, { duration: y }), o = !0, m.index + 1;
+        return (u = this.data) == null ? void 0 : u.keyframes.findIndex((c) => c.id === e.playFromId);
+      if (r != null && r.keyframeId) {
+        const c = (h = this.data) == null ? void 0 : h.keyframes.find((v) => v.id === r.keyframeId);
+        if (r != null && r.fiveState && await this.move(r.fiveState, { moveEffect: a.moveToFirstPanoEffect }), c) {
+          if (c.data.effect === "Move")
+            return c.index;
+          if (c.data.effect === "Rotate") {
+            const v = r.duration !== void 0 ? r.duration * (1 - r.playedProgress) : void 0;
+            return await this.playKeyframe(c, { duration: v }), o = !0, c.index + 1;
           }
         }
       }
     })();
     this.clearPauseData();
-    for (const l of n) {
-      if (r.broke || !i.playing || !r.playing || s !== r.playId)
+    for (const u of n) {
+      if (a.broke || !i.playing || !a.playing || s !== a.playId)
         return;
-      if (!(h !== void 0 && l.index < h))
+      if (!(f !== void 0 && u.index < f))
         try {
-          d.emit("playIndexChange", l.index, l), await this.playKeyframe(l, {
-            moveEffect: o === !1 ? r.moveToFirstPanoEffect : void 0,
+          d.emit("playIndexChange", u.index, u), await this.playKeyframe(u, {
+            moveEffect: o === !1 ? a.moveToFirstPanoEffect : void 0,
             duration: 800
-          }), l.stay && await O(l.stay), o === !1 && (o = !0);
+          }), u.stay && await O(u.stay), o === !1 && (o = !0);
         } catch {
           return Promise.resolve("broke");
         }
     }
-    i.playing && s === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), d.emit("end"), this.clearPauseData());
+    i.playing && s === a.playId && (this.setState({ playing: !1 }, { userAction: !1 }), d.emit("end"), this.clearPauseData());
   }
   handlePause(e) {
     var d;
-    const { state: t, privateState: i, hooks: r } = this;
-    t.playing = !1, i.playing !== !1 && (i.playing = !1, this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && r.emit("pause", { userAction: (d = e == null ? void 0 : e.userAction) != null ? d : !0 }));
+    const { state: t, privateState: i, hooks: a } = this;
+    t.playing = !1, i.playing !== !1 && (i.playing = !1, this.setPauseData(), i.broke || this.forceInteruptUpdateCamera(), (e == null ? void 0 : e.notEmitEvent) !== !0 && a.emit("pause", { userAction: (d = e == null ? void 0 : e.userAction) != null ? d : !0 }));
   }
   async playKeyframe(e, t) {
-    var r;
+    var a;
     const { privateState: i } = this;
-    return ((r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), i.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
+    return ((a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.keyframe.id) !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), i.currentPlayQueue.push(this.getPlayPromise(e, t)), this.actionPromiseQueue();
   }
   addInterruptListener(e) {
-    return this.five.once("gesture", e), this.five.once("modeChange", e), () => {
-      this.five.off("gesture", e), this.five.once("modeChange", e);
+    const t = () => {
+      this.privateState.modeChanging || e();
+    }, i = e;
+    return this.five.once("gesture", i), this.five.once("wantsChangeMode", t), () => {
+      this.five.off("gesture", i), this.five.once("wantsChangeMode", t);
     };
   }
   async getPlayPromise(e, t) {
-    var r;
+    var a;
     const i = e.data;
-    if ((r = t == null ? void 0 : t.duration) != null || e.start !== void 0 && e.end !== void 0 && e.end - e.start, !!i)
+    if ((a = t == null ? void 0 : t.duration) != null || e.start !== void 0 && e.end !== void 0 && e.end - e.start, !!i)
       return new Promise((d, s) => {
         let n = !1;
         this.addInterruptListener(() => {
@@ -250,18 +255,18 @@ class $ extends C {
         try {
           if (n)
             return;
-          const a = () => {
+          const r = () => {
             d(), n = !0;
           };
           switch (i.effect) {
             case "Move":
-              this.move(i, t).then(a);
+              this.move(i, t).then(r);
               break;
             case "Rotate":
-              this.rotate(i, t).then(a);
+              this.rotate(i, t).then(r);
               break;
             default:
-              this.rotate(i, t).then(a);
+              this.rotate(i, t).then(r);
           }
         } catch {
         }
@@ -274,12 +279,12 @@ class $ extends C {
         t();
         return;
       }
-      const r = e.currentPlayQueue.shift();
-      if (!r) {
+      const a = e.currentPlayQueue.shift();
+      if (!a) {
         t();
         return;
       }
-      r.then(t, i);
+      a.then(t, i);
     }).then(() => e.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
   }
   async move(e, t) {
@@ -298,65 +303,68 @@ class $ extends C {
     await this.updateCamera(e, t == null ? void 0 : t.duration);
   }
   async updateCamera(e, t = 800) {
-    const { five: i, privateState: r, state: d } = this;
+    const { five: i, privateState: a, state: d } = this;
     let s = t;
     const n = (() => {
-      var h, u;
-      const o = (h = d.config) == null ? void 0 : h.speedConfig, f = (u = e.rotateSpeed) != null ? u : o == null ? void 0 : o.rotateSpeed;
+      var f, l;
+      const o = (f = d.config) == null ? void 0 : f.speedConfig, m = (l = e.rotateSpeed) != null ? l : o == null ? void 0 : o.rotateSpeed;
       if ((o == null ? void 0 : o.rotateSpeedUnit) === void 0)
-        return f;
-      if (f !== void 0)
-        return o.rotateSpeedUnit === "rad/ms" ? f : f / 1e3;
+        return m;
+      if (m !== void 0)
+        return o.rotateSpeedUnit === "rad/ms" ? m : m / 1e3;
     })();
     if (n) {
       const o = this.five.getCurrentState();
-      s = M(o, e) / n;
+      s = D(o, e) / n;
     }
-    r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = s);
-    const a = this.getSpeededDuration(s);
+    a.currentPlayKeyframe && (a.currentPlayKeyframe.originDuration = s);
+    const r = this.getSpeededDuration(s);
     return new Promise((o) => {
-      G(() => i.updateCamera(e, a)), setTimeout(() => o(), a);
+      G(() => i.updateCamera(e, r)), setTimeout(() => o(), r);
     });
   }
   async changePano(e, t) {
-    var o;
-    const { five: i, privateState: r, state: d } = this;
+    var m;
+    const { five: i, privateState: a, state: d } = this;
     if (typeof e.panoIndex != "number" || e.panoIndex === i.panoIndex)
       return;
-    let s = (o = t == null ? void 0 : t.duration) != null ? o : 800;
-    const n = (() => {
-      var u, l;
-      const f = (u = d.config) == null ? void 0 : u.speedConfig, h = (l = e.moveSpeed) != null ? l : f == null ? void 0 : f.moveSpeed;
+    i.getCurrentState().mode;
+    const s = i.getCurrentState().mode !== "Panorama";
+    s && (this.privateState.modeChanging = !0);
+    let n = (m = t == null ? void 0 : t.duration) != null ? m : 800;
+    const r = (() => {
+      var u, h;
+      const f = (u = d.config) == null ? void 0 : u.speedConfig, l = (h = e.moveSpeed) != null ? h : f == null ? void 0 : f.moveSpeed;
       if ((f == null ? void 0 : f.moveSpeedUnit) === void 0)
-        return h;
-      if (h !== void 0)
-        return f.moveSpeedUnit === "m/ms" ? h : h / 1e3;
+        return l;
+      if (l !== void 0)
+        return f.moveSpeedUnit === "m/ms" ? l : l / 1e3;
     })();
-    if (n && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
-      const f = i.work.observers[i.panoIndex].position, h = i.work.observers[e.panoIndex].position;
-      s = f.distanceTo(h) / n;
+    if (r && typeof i.panoIndex == "number" && typeof e.panoIndex == "number") {
+      const f = i.work.observers[i.panoIndex].position, l = i.work.observers[e.panoIndex].position;
+      n = f.distanceTo(l) / r;
     }
-    r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = s);
-    const a = this.getSpeededDuration(s);
-    return new Promise((f) => {
-      var h, u, l;
+    a.currentPlayKeyframe && (a.currentPlayKeyframe.originDuration = n);
+    const o = this.getSpeededDuration(n);
+    await new Promise((f) => {
+      var l, u, h;
       i.moveToPano(e.panoIndex, {
         latitude: e.latitude,
         longitude: e.longitude,
         fov: e.fov,
-        duration: a,
-        effect: (l = (u = t == null ? void 0 : t.moveEffect) != null ? u : (h = this.state.config) == null ? void 0 : h.moveEffect) != null ? l : e.moveEffect,
+        duration: o,
+        effect: (h = (u = t == null ? void 0 : t.moveEffect) != null ? u : (l = this.state.config) == null ? void 0 : l.moveEffect) != null ? h : e.moveEffect,
         moveCancelCallback: () => f(),
         moveEndCallback: () => f()
-      });
-    });
+      }), s && i.once("panoArrived", () => f());
+    }), s && (this.privateState.modeChanging = !1);
   }
   changeSpeed(e, t = !0) {
-    const { state: i, privateState: r, hooks: d } = this, { currentPlayKeyframe: s } = r;
+    const { state: i, privateState: a, hooks: d } = this, { currentPlayKeyframe: s } = a;
     if (d.emit("speedChange", e, { userAction: t }), i.playing && s)
       try {
-        const n = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, a = this.playKeyframe(s.keyframe, { duration: n });
-        r.currentPlayQueue.push(a);
+        const n = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, r = this.playKeyframe(s.keyframe, { duration: n });
+        a.currentPlayQueue.push(r);
       } catch {
       }
   }
@@ -367,7 +375,7 @@ class $ extends C {
     return this.five.controller.cameraMotion.progress;
   }
   async changeMode(e, t) {
-    e.mode && e.mode !== this.five.currentMode && await this.five.changeMode(e.mode, e, t);
+    e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, console.log("this.privateState.modeChanging", this.privateState.modeChanging), await this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
   }
   forceInteruptUpdateCamera() {
     this.five.updateCamera({}, 0);
@@ -378,12 +386,12 @@ class $ extends C {
       return k.get((t = this.data) == null ? void 0 : t.keyframesId);
   }
   setPauseData() {
-    var e, t, i, r;
+    var e, t, i, a;
     if ((e = this.data) != null && e.keyframesId)
       return k.set((t = this.data) == null ? void 0 : t.keyframesId, {
         keyframeId: (i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
+        duration: (a = this.privateState.currentPlayKeyframe) == null ? void 0 : a.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -425,7 +433,7 @@ class $ extends C {
     !this.privateState.fiveOriginGetProgress || (this.five.controller.cameraMotion.getProgress = this.privateState.fiveOriginGetProgress);
   }
 }
-g($, "PluginVersion", w);
+p($, "PluginVersion", x);
 export {
   $ as default,
   ne as pluginFlag

package/libs/CruisePlugin/index.js

@@ -2,7 +2,7 @@ import o from "./Controller.js";
 import { default as v } from "./Controller.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
-import "@realsee/five";
+import "../shared-utils/Subscribe.js";
 import "../GuideLinePlugin/index.js";
 import "../GuideLinePlugin/Controller.js";
 import "three";

package/libs/CruisePlugin/typing.d.ts

@@ -1,6 +1,7 @@
 import type { MovePanoOptions, Pose, State } from '@realsee/five';
 import type CruisePlugin from '.';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
+import type { Route } from '../GuideLinePlugin/typing';
 declare type FivePoseAndState = Partial<Pose> & Partial<State>;
 export declare type MoveEffect = MovePanoOptions['effect'];
 export declare type CruiseData = {
@@ -56,6 +57,10 @@ export interface PluginServerData extends BasePluginWithData.ServerData {
         moveType?: 'justMove' | 'moveAndRotate';
         /** 停留时长 */
         stay?: number;
+        /** 传递给 GuildPlugin 的参数 */
+        guildPluginOptions?: {
+            route: Omit<Route, 'panoIndexList'>;
+        };
         /** for ts check, no care */
         keyframes?: undefined;
     };

package/libs/GuideLinePlugin/Controller.d.ts

@@ -1,6 +1,7 @@
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { Five } from '@realsee/five';
 import type { EventMap, PluginData, PluginServerData, PluginState } from './typing';
+import type { Config } from '../base/BasePlugin';
 export declare const pluginFlag: (name: string) => string;
 export default class Controller extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
     static lasestVersion: string;
@@ -11,7 +12,7 @@ export default class Controller extends BasePluginWithData.Controller<PluginStat
     };
     protected data?: PluginData;
     private linesGroup?;
-    constructor(five: Five);
+    constructor(five: Five, config?: Config);
     load(serverData: PluginServerData | PluginData, state?: PluginState, userAction?: boolean): Promise<void>;
     formatData(serverData: any): Promise<PluginData>;
     show(options?: {
@@ -43,4 +44,8 @@ export default class Controller extends BasePluginWithData.Controller<PluginStat
     private getLine;
     private disposedErrorLog;
     private actionWhenEnabled;
+    /**
+     * @description: Wait for five model ready
+     */
+    private waitFiveModelLoaded;
 }