@realsee/dnalogel 3.10.1 → 3.10.3

package/libs/CruisePlugin/BaseController.js

@@ -1,34 +1,34 @@
-var v = Object.defineProperty;
-var g = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var u = (a, s, e) => s in a ? v(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, b = (a, s) => {
+var c = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var u = (a, s, e) => s in a ? c(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e, g = (a, s) => {
   for (var e in s || (s = {}))
-    S.call(s, e) && u(a, e, s[e]);
-  if (g)
-    for (var e of g(s))
-      y.call(s, e) && u(a, e, s[e]);
+    v.call(s, e) && u(a, e, s[e]);
+  if (f)
+    for (var e of f(s))
+      S.call(s, e) && u(a, e, s[e]);
   return a;
 };
 var d = (a, s, e) => (u(a, typeof s != "symbol" ? s + "" : s, e), e);
-var f = (a, s, e) => new Promise((i, t) => {
+var p = (a, s, e) => new Promise((t, i) => {
   var r = (h) => {
     try {
       n(e.next(h));
     } catch (o) {
-      t(o);
+      i(o);
     }
-  }, c = (h) => {
+  }, m = (h) => {
     try {
       n(e.throw(h));
     } catch (o) {
-      t(o);
+      i(o);
     }
-  }, n = (h) => h.done ? i(h.value) : Promise.resolve(h.value).then(r, c);
+  }, n = (h) => h.done ? t(h.value) : Promise.resolve(h.value).then(r, m);
   n((e = e.apply(a, s)).next());
 });
-import { Controller as L } from "../base/BasePlugin.js";
-import { equal as C } from "../shared-utils/equal.js";
-import { objectAssignDeepExports as P } from "../vendor/object-assign-deep/objectAssignDeep.js";
+import { Controller as y } from "../base/BasePlugin.js";
+import { equal as L } from "../shared-utils/equal.js";
+import { objectAssignDeepExports as C } from "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
 import "three";
@@ -51,10 +51,10 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/isTruelyObject.js";
-const m = "CruisePlugin", l = `${m}`, T = (a) => `${l}--${a}`, p = /* @__PURE__ */ new Map();
-class X extends L {
-  constructor(e, i) {
-    super(e, i);
+const b = "CruisePlugin", l = `${b}`, R = (a) => `${l}--${a}`;
+class T extends y {
+  constructor(e, t) {
+    super(e, t);
     d(this, "state", {
       visible: !0,
       enabled: !0,
@@ -64,6 +64,7 @@ class X extends L {
     });
     d(this, "data");
     d(this, "config");
+    d(this, "pauseDataMap", /* @__PURE__ */ new Map());
     d(this, "privateState", {
       playing: !1,
       broke: !1,
@@ -79,7 +80,7 @@ class X extends L {
     d(this, "disableErrorLog", () => {
       console.error(`${l} is disabled`);
     });
-    this.config = i, Object.assign(window, { [`__${m}_DEBUG__`]: this });
+    this.config = t, Object.assign(window, { [`__${b}_DEBUG__`]: this });
   }
   /**
    * @description Play | Continue play. if have been paused, continue play from the pause position; if playing, do nothing
@@ -97,7 +98,7 @@ class X extends L {
    * @description Show guide line
    */
   show(e) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       this.setState({ visible: !0 }, e);
     });
   }
@@ -105,7 +106,7 @@ class X extends L {
    * @description Hide guide line
    */
   hide(e) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       this.setState({ visible: !1 }, e);
     });
   }
@@ -130,50 +131,50 @@ class X extends L {
   /**
    * @description Set state
    */
-  setState(e, i) {
+  setState(e, t) {
     var r;
     if (this.state.disposed)
       return this.disposedErrorLog();
     if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
       return this.disableErrorLog();
-    const t = b({}, this.state);
-    this.state = P({}, this.state, e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible, i == null ? void 0 : i.userAction), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled, i == null ? void 0 : i.userAction), e.playing !== void 0 && e.playing !== t.playing && this.changePlayState(e.playing, i), e.speed !== void 0 && e.speed !== t.speed && this.changeSpeed(e.speed), C(t, this.state, { deep: !0 }) || this.hooks.emit("stateChange", { state: this.state, prevState: t, userAction: (r = i == null ? void 0 : i.userAction) != null ? r : !0 });
+    const i = g({}, this.state);
+    this.state = C({}, 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), L(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 });
   }
   /**
    * @description Clear pause data
    */
   clearPauseData() {
-    var e, i;
+    var e, t;
     if ((e = this.data) != null && e.id)
-      return p.delete((i = this.data) == null ? void 0 : i.id);
+      return this.pauseDataMap.delete((t = this.data) == null ? void 0 : t.id);
   }
-  changePlayState(e, i) {
+  changePlayState(e, t) {
     this.actionIfStateIsEnabled(
       () => {
-        var t;
-        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (t = i == null ? void 0 : i.userAction) != null ? t : !0 });
+        var i;
+        return this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: (i = t == null ? void 0 : t.userAction) != null ? i : !0 });
       }
-    ), e ? this.handlePlay(i) : this.handlePause(i), this.state.playing = e;
+    ), e ? this.handlePlay(t) : this.handlePause(t), this.state.playing = e;
   }
-  handleEnable(e, i = !0) {
-    var t, r;
-    e ? ((t = this.GuideLine) == null || t.enable(), this.hooks.emit("enable", { userAction: i })) : ((r = this.GuideLine) == null || r.disable(), this.changePlayState(!1, { userAction: i }), this.hooks.emit("disable", { userAction: i })), this.state.enabled = e;
+  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;
   }
-  handleVisible(e, i = !0) {
-    var t, r;
-    e ? ((t = this.GuideLine) == null || t.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: i }))) : ((r = this.GuideLine) == null || r.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: i }))), this.state.visible = 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;
   }
   /**
    * @description: listen interupted by five gesture
    */
   addInterruptListener(e) {
-    const i = () => {
+    const t = () => {
       this.privateState.modeChanging || e();
-    }, t = (r) => {
-      r !== "mouseMove" && (e(), this.five.off("gesture", t));
+    }, i = (r) => {
+      r !== "mouseMove" && (e(), this.five.off("gesture", i));
     };
-    return this.five.on("gesture", t), this.five.once("wantsChangeMode", i), () => {
-      this.five.off("gesture", t), this.five.off("wantsChangeMode", i);
+    return this.five.on("gesture", i), this.five.once("wantsChangeMode", t), () => {
+      this.five.off("gesture", i), this.five.off("wantsChangeMode", t);
     };
   }
   /**
@@ -191,16 +192,16 @@ class X extends L {
   getPauseData() {
     var e;
     if ((e = this.data) != null && e.id)
-      return p.get(this.data.id);
+      return this.pauseDataMap.get(this.data.id);
   }
   /**
    * @description Set pause data
    */
   setPauseData() {
-    var i;
-    const e = (i = this.data) == null ? void 0 : i.id;
+    var t;
+    const e = (t = this.data) == null ? void 0 : t.id;
     if (e)
-      return p.set(e, {
+      return this.pauseDataMap.set(e, {
         fiveState: this.five.getCurrentState(),
         playedProgress: this.getProgress()
       });
@@ -219,13 +220,13 @@ class X extends L {
   /**
    * @description Action function if plugin is enable
    */
-  actionIfStateIsEnabled(e, i) {
+  actionIfStateIsEnabled(e, t) {
     if (this.state.enabled)
       return e();
-    i != null && i.warnLog && this.disableWarnLog();
+    t != null && t.warnLog && this.disableWarnLog();
   }
 }
 export {
-  X as default,
-  T as pluginFlag
+  T as default,
+  R as pluginFlag
 };

package/libs/CruisePlugin/Work.d.ts

@@ -75,10 +75,14 @@ export default class WalkController extends CruiseController<PluginData, Config>
     /**
      * @description Set pause data
      */
-    protected setPauseData(): Map<string, {
+    protected setPauseData(): Map<string | number, {
         fiveState: Partial<State>;
         id?: string | number;
-        playedProgress: number;
+        playedProgress: number; /**
+         * privateState.playing 和 state.playing 的区别：
+         * state.playing 先为true，然后才 handleplay，handleplay方法内会检查privateState.playing，如果已经开始（privateState.playing === true），就不执行操作，如果为false，就执行操作
+         * 其实就是加了一个不允许重复执行handleplay的逻辑
+         */
         duration?: number;
     }>;
     /**

package/libs/CruisePlugin/Work.js

@@ -11,8 +11,8 @@ var I = (h, l, t) => l in h ? D(h, l, { enumerable: !0, configurable: !0, writab
   return h;
 }, x = (h, l) => C(h, K(l));
 var k = (h, l, t) => (I(h, typeof l != "symbol" ? l + "" : l, t), t);
-var y = (h, l, t) => new Promise((i, r) => {
-  var e = (d) => {
+var y = (h, l, t) => new Promise((e, r) => {
+  var i = (d) => {
     try {
       s(t.next(d));
     } catch (o) {
@@ -24,7 +24,7 @@ var y = (h, l, t) => new Promise((i, r) => {
     } catch (o) {
       r(o);
     }
-  }, s = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(e, n);
+  }, s = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(i, n);
   s((t = t.apply(h, l)).next());
 });
 import { GuideLinePlugin as M } from "../GuideLinePlugin/index.js";
@@ -82,9 +82,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";
@@ -202,10 +202,9 @@ import "./utils/getFiveStateOnCurve.js";
 import "../shared-utils/formatRad.js";
 import "./Work.js";
 import "./utils/coordinatesToVector.js";
-const V = /* @__PURE__ */ new Map();
-class er extends R {
-  constructor(t, i) {
-    super(t, i);
+class tr extends R {
+  constructor(t, e) {
+    super(t, e);
     k(this, "state", {
       visible: !0,
       enabled: !0,
@@ -228,19 +227,19 @@ class er extends R {
       broke: !1,
       modeChanging: !1
     });
-    this.config = i, Object.assign(window, { __WalkPlugin_DEBUG__: this });
+    this.config = e, Object.assign(window, { __WalkPlugin_DEBUG__: this });
   }
   /**
    * @description Load Data and State
    */
-  load(t, i, r) {
+  load(t, e, r) {
     return y(this, null, function* () {
       var a, m;
       if (this.state.disposed)
         return this.disposedErrorLog();
       this.clear();
-      const e = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
-      this.data = g({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, e);
+      const i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, n = yield this.formatData(t);
+      this.data = g({ id: n.keyframesId }, n), this.hooks.emit("dataChange", n, i);
       let s = [], d;
       const o = this.data.keyframes.filter((p) => p.data.panoIndex !== void 0);
       o.filter((p, f) => {
@@ -258,7 +257,7 @@ class er extends R {
             const c = s.length;
             s[c] = [p];
           }
-      }), !this.GuideLine && ((a = this.config) == null ? void 0 : a.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = M(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), i ? this.setState(i, { userAction: r }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
+      }), !this.GuideLine && ((a = this.config) == null ? void 0 : a.useGuideLine) !== !1 && n.useGuildLine !== !1 && (this.GuideLine = M(this.five, this.config)), (m = this.GuideLine) == null || m.load({ routes: s.map((p) => ({ panoIndexList: p })), config: n.guildPluginOptions }), e ? this.setState(e, { userAction: r }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", n), this.hooks.emit("dataLoaded", n);
     });
   }
   /**
@@ -267,8 +266,8 @@ class er extends R {
    * @param {string} options.id play from keyframes id
    */
   playFrom(t) {
-    const { index: i, id: r, userAction: e } = t;
-    this.state.playing && this.setState({ playing: !1 }, { userAction: e }), this.setState({ playing: !0 }, { userAction: e, playFromIndex: i, playFromId: r });
+    const { index: e, id: r, userAction: i } = t;
+    this.state.playing && this.setState({ playing: !1 }, { userAction: i }), this.setState({ playing: !0 }, { userAction: i, playFromIndex: e, playFromId: r });
   }
   /**
    * @description Play from first keyframe
@@ -282,21 +281,21 @@ class er extends R {
   formatData(t) {
     return y(this, null, function* () {
       this.five.work || (yield U(this.five));
-      const i = this.five.work.observers, r = (() => {
-        const e = t;
-        return typeof e == "object" && e !== null && e.version && e.data ? e.data : e;
+      const e = this.five.work.observers, r = (() => {
+        const i = t;
+        return typeof i == "object" && i !== null && i.version && i.data ? i.data : i;
       })();
       if (r.keyframes)
         return {
           keyframesId: S(),
-          keyframes: r.keyframes.map((e, n) => {
+          keyframes: r.keyframes.map((i, n) => {
             var o;
-            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || e.end === void 0 ? 0 : s.start - e.end)();
-            return x(g({ id: (o = e.uuid) != null ? o : S(), moveIndex: n, stay: d, index: n }, e), { guildPluginOptions: r.guildPluginOptions });
+            const s = r.keyframes[n + 1], d = (() => !s || s.start === void 0 || i.end === void 0 ? 0 : s.start - i.end)();
+            return x(g({ id: (o = i.uuid) != null ? o : S(), moveIndex: n, stay: d, index: n }, i), { guildPluginOptions: r.guildPluginOptions });
           })
         };
       if (r.panoIndexList) {
-        let e = [];
+        let i = [];
         const { moveEffect: n, moveToFirstPanoEffect: s, moveToFirstPanoDuration: d } = r;
         return this.privateState.moveToFirstPanoEffect = s, this.privateState.moveToFirstPanoDuration = d, r.panoIndexList.forEach((o, a) => {
           const m = (() => {
@@ -304,20 +303,20 @@ class er extends R {
             const p = r.panoIndexList.slice(a).find((F) => F !== o);
             if (p === void 0)
               return;
-            const f = (c = i[o]) == null ? void 0 : c.position, u = (P = i[p]) == null ? void 0 : P.position;
-            if (!u || !f || ((w = i[o]) == null ? void 0 : w.floorIndex) !== ((b = i[p]) == null ? void 0 : b.floorIndex))
+            const f = (c = e[o]) == null ? void 0 : c.position, u = (P = e[p]) == null ? void 0 : P.position;
+            if (!u || !f || ((w = e[o]) == null ? void 0 : w.floorIndex) !== ((b = e[p]) == null ? void 0 : b.floorIndex))
               return;
             const v = new O.Vector3().subVectors(u, f);
             return _(v.normalize());
           })();
-          r.moveType === void 0 || r.moveType === "justMove" ? e.push({
+          r.moveType === void 0 || r.moveType === "justMove" ? i.push({
             moveIndex: a,
             stay: r.stay,
             data: g({ effect: "Move", panoIndex: o, moveEffect: n }, m != null ? m : {})
-          }) : r.moveType === "moveAndRotate" && (e.push({ moveIndex: a, stay: r.stay, data: { effect: "Move", panoIndex: o, moveEffect: n } }), m && e.push({ moveIndex: a, stay: r.stay, data: g({ effect: "Rotate", panoIndex: o }, m) }));
+          }) : r.moveType === "moveAndRotate" && (i.push({ moveIndex: a, stay: r.stay, data: { effect: "Move", panoIndex: o, moveEffect: n } }), m && i.push({ moveIndex: a, stay: r.stay, data: g({ effect: "Rotate", panoIndex: o }, m) }));
         }), {
           keyframesId: S(),
-          keyframes: e.map((o, a) => g({ id: S(), index: a }, o)),
+          keyframes: i.map((o, a) => g({ id: S(), index: a }, o)),
           guildPluginOptions: r.guildPluginOptions,
           useGuildLine: r.useGuildLine
         };
@@ -334,12 +333,12 @@ class er extends R {
   handlePlay(t) {
     return y(this, null, function* () {
       var f;
-      const { data: i, state: r, privateState: e, hooks: n } = this;
-      if (e.playing || !(i != null && i.keyframes) || (i == null ? void 0 : i.keyframes.length) === 0)
+      const { data: e, state: r, privateState: i, hooks: n } = this;
+      if (i.playing || !(e != null && e.keyframes) || (e == null ? void 0 : e.keyframes.length) === 0)
         return;
       const s = S();
-      e.playId = s, e.playing = !0, e.broke = !1;
-      const d = i.keyframes, o = this.getPauseData();
+      i.playId = s, i.playing = !0, i.broke = !1;
+      const d = e.keyframes, o = this.getPauseData();
       (t == null ? void 0 : t.notEmitEvent) !== !0 && n.emit("play", { userAction: (f = t == null ? void 0 : t.userAction) != null ? f : !0 });
       let a = !1;
       const p = yield (() => y(this, null, function* () {
@@ -351,8 +350,8 @@ class er extends R {
         if (o != null && o.id) {
           const c = (v = this.data) == null ? void 0 : v.keyframes.find((P) => P.id === o.id);
           if (o != null && o.fiveState && (yield this.move(o.fiveState, {
-            moveEffect: e.moveToFirstPanoEffect,
-            duration: e.moveToFirstPanoDuration
+            moveEffect: i.moveToFirstPanoEffect,
+            duration: i.moveToFirstPanoDuration
           })), c) {
             if (c.data.effect === "Move")
               return c.index;
@@ -365,19 +364,19 @@ class er extends R {
       }))();
       this.clearPauseData();
       for (const u of d) {
-        if (e.broke || !r.playing || !e.playing || s !== e.playId)
+        if (i.broke || !r.playing || !i.playing || s !== i.playId)
           return;
         if (!(p !== void 0 && u.index < p))
           try {
             n.emit("playIndexChange", u.index, u), yield this.playKeyframe(u, {
-              moveEffect: a === !1 ? e.moveToFirstPanoEffect : void 0,
-              duration: a === !1 && typeof e.moveToFirstPanoDuration == "number" ? e.moveToFirstPanoDuration : void 0
+              moveEffect: a === !1 ? i.moveToFirstPanoEffect : void 0,
+              duration: a === !1 && typeof i.moveToFirstPanoDuration == "number" ? i.moveToFirstPanoDuration : void 0
             }), u.stay && (yield Q(u.stay)), a === !1 && (a = !0);
           } catch (v) {
             return console.error(v), Promise.resolve("broke");
           }
       }
-      r.playing && s === e.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
+      r.playing && s === i.playId && (this.setState({ playing: !1 }, { userAction: !1 }), n.emit("end"), this.clearPauseData());
     });
   }
   /**
@@ -385,18 +384,18 @@ class er extends R {
    */
   handlePause(t) {
     var n;
-    const { state: i, privateState: r, hooks: e } = this;
-    i.playing = !1, r.playing !== !1 && (r.playing = !1, (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && e.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
+    const { state: e, privateState: r, hooks: i } = this;
+    e.playing = !1, r.playing !== !1 && (r.playing = !1, (t == null ? void 0 : t.userAction) !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), (t == null ? void 0 : t.notEmitEvent) !== !0 && i.emit("pause", { userAction: (n = t == null ? void 0 : t.userAction) != null ? n : !0 }));
   }
   /**
    * @description: Change play speed
    */
-  changeSpeed(t, i = !0) {
-    const { state: r, privateState: e, hooks: n } = this, { currentPlayKeyframe: s } = e;
-    if (n.emit("speedChange", t, { userAction: i }), r.playing && s)
+  changeSpeed(t, e = !0) {
+    const { state: r, privateState: i, hooks: n } = this, { currentPlayKeyframe: s } = i;
+    if (n.emit("speedChange", t, { userAction: e }), r.playing && s)
       try {
         const d = s.originDuration !== void 0 ? s.originDuration * (1 - this.getProgress()) : void 0, o = this.playKeyframe(s.keyframe, { duration: d });
-        e.currentPlayQueue.push(o);
+        i.currentPlayQueue.push(o);
       } catch (d) {
       }
   }
@@ -410,12 +409,12 @@ class er extends R {
    * @description Set pause data
    */
   setPauseData() {
-    var t, i, r, e;
-    if ((t = this.data) != null && t.keyframesId)
-      return V.set((i = this.data) == null ? void 0 : i.keyframesId, {
-        id: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.keyframe.id,
+    var t, e, r;
+    if ((t = this.data) != null && t.id)
+      return this.pauseDataMap.set(this.data.id, {
+        id: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id,
         fiveState: this.five.getCurrentState(),
-        duration: (e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.originDuration,
+        duration: (r = this.privateState.currentPlayKeyframe) == null ? void 0 : r.originDuration,
         playedProgress: this.getProgress()
       });
   }
@@ -428,21 +427,21 @@ class er extends R {
   /**
    * @description Play single keyframe
    */
-  playKeyframe(t, i) {
+  playKeyframe(t, e) {
     return y(this, null, function* () {
-      var e;
+      var i;
       const { privateState: r } = this;
-      return ((e = this.privateState.currentPlayKeyframe) == null ? void 0 : e.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), r.currentPlayQueue.push(this.getPlayPromise(t, i)), this.actionPromiseQueue();
+      return ((i = this.privateState.currentPlayKeyframe) == null ? void 0 : i.keyframe.id) !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), r.currentPlayQueue.push(this.getPlayPromise(t, e)), this.actionPromiseQueue();
     });
   }
   /**
    * @description: getPlayPromise
    */
   getPlayPromise(r) {
-    return y(this, arguments, function* (t, i = {}) {
+    return y(this, arguments, function* (t, e = {}) {
       var n;
-      const e = t.data;
-      if (i.duration = (n = i.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!e)
+      const i = t.data;
+      if (e.duration = (n = e.duration) != null ? n : t.start !== void 0 && t.end !== void 0 ? t.end - t.start : void 0, !!i)
         return new Promise((s, d) => {
           let o = !1;
           this.addInterruptListener(() => {
@@ -455,15 +454,15 @@ class er extends R {
             const a = () => {
               s(), o = !0;
             };
-            switch (e.effect) {
+            switch (i.effect) {
               case "Move":
-                this.move(e, i).then(a);
+                this.move(i, e).then(a);
                 break;
               case "Rotate":
-                this.rotate(e, i).then(a);
+                this.rotate(i, e).then(a);
                 break;
               default:
-                this.rotate(e, i).then(a);
+                this.rotate(i, e).then(a);
             }
           } catch (a) {
           }
@@ -476,29 +475,29 @@ class er extends R {
   actionPromiseQueue() {
     return y(this, null, function* () {
       const { privateState: t } = this;
-      return new Promise((i, r) => {
+      return new Promise((e, r) => {
         if (t.currentPlayQueue.length === 0) {
-          i();
+          e();
           return;
         }
-        const e = t.currentPlayQueue.shift();
-        if (!e) {
-          i();
+        const i = t.currentPlayQueue.shift();
+        if (!i) {
+          e();
           return;
         }
-        e.then(i, r);
+        i.then(e, r);
       }).then(() => t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue());
     });
   }
   /**
    * @description Action move keyframe
    */
-  move(t, i) {
+  move(t, e) {
     return y(this, null, function* () {
       if (t.mode && t.mode !== this.five.currentMode)
         yield this.changeMode(t);
       else if (t.panoIndex !== this.five.panoIndex)
-        yield this.changePano(t, i);
+        yield this.changePano(t, e);
       else
         return Promise.resolve();
     });
@@ -506,21 +505,21 @@ class er extends R {
   /**
    * @description Action rotate keyframe
    */
-  rotate(t, i) {
+  rotate(t, e) {
     return y(this, null, function* () {
       if (t.mode && t.mode !== this.five.currentMode)
         yield this.changeMode({ mode: t.mode, panoIndex: t.panoIndex });
       else if (t.panoIndex && t.panoIndex !== this.five.panoIndex)
-        return yield this.changePano(t, i);
-      yield this.updateCamera(t, i);
+        return yield this.changePano(t, e);
+      yield this.updateCamera(t, e);
     });
   }
   /**
    * @description Update five camera
    */
   updateCamera(r) {
-    return y(this, arguments, function* (t, i = {}) {
-      const { five: e, privateState: n, state: s } = this, d = (() => {
+    return y(this, arguments, function* (t, e = {}) {
+      const { five: i, privateState: n, state: s } = this, d = (() => {
         var f, u;
         const m = (f = s.config) == null ? void 0 : f.speedConfig, p = (u = t.rotateSpeed) != null ? u : m == null ? void 0 : m.rotateSpeed;
         if ((m == null ? void 0 : m.rotateSpeedUnit) === void 0)
@@ -528,8 +527,8 @@ class er extends R {
         if (p !== void 0)
           return m.rotateSpeedUnit === "rad/ms" ? p : p / 1e3;
       })(), o = (() => {
-        if (i.duration)
-          return i.duration;
+        if (e.duration)
+          return e.duration;
         if (d) {
           const m = this.five.getCurrentState();
           return A(m, t) / d;
@@ -539,16 +538,16 @@ class er extends R {
       n.currentPlayKeyframe && (n.currentPlayKeyframe.originDuration = o);
       const a = this.getSpeededDuration(o);
       return new Promise((m) => {
-        G(() => e.updateCamera(t, a)), setTimeout(() => m(), a);
+        G(() => i.updateCamera(t, a)), setTimeout(() => m(), a);
       });
     });
   }
   /**
    * @description: Change five pano
    */
-  changePano(t, i) {
+  changePano(t, e) {
     return y(this, null, function* () {
-      const { five: r, privateState: e, state: n } = this;
+      const { five: r, privateState: i, state: n } = this;
       if (typeof t.panoIndex != "number" || t.panoIndex === r.panoIndex)
         return;
       const s = r.getCurrentState().mode !== "Panorama";
@@ -561,22 +560,22 @@ class er extends R {
         if (m !== void 0)
           return a.moveSpeedUnit === "m/ms" ? m : m / 1e3;
       })(), o = (() => {
-        if (i != null && i.duration)
-          return i.duration;
+        if (e != null && e.duration)
+          return e.duration;
         if (d && typeof r.panoIndex == "number" && typeof t.panoIndex == "number") {
           const a = r.work.observers[r.panoIndex].position, m = r.work.observers[t.panoIndex].position;
           return a.distanceTo(m) / d;
         }
         return 800;
       })();
-      e.currentPlayKeyframe && (e.currentPlayKeyframe.originDuration = o), yield new Promise((a) => {
+      i.currentPlayKeyframe && (i.currentPlayKeyframe.originDuration = o), yield new Promise((a) => {
         var m, p, f;
         r.moveToPano(t.panoIndex, {
           latitude: t.latitude,
           longitude: t.longitude,
           fov: t.fov,
           duration: this.getSpeededDuration(o),
-          effect: (f = (p = i == null ? void 0 : i.moveEffect) != null ? p : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? f : t.moveEffect,
+          effect: (f = (p = e == null ? void 0 : e.moveEffect) != null ? p : (m = this.state.config) == null ? void 0 : m.moveEffect) != null ? f : t.moveEffect,
           moveCancelCallback: () => a(),
           moveEndCallback: () => a()
         }), s && r.once("panoArrived", () => a());
@@ -586,12 +585,12 @@ class er extends R {
   /**
    * @description Change five mode
    */
-  changeMode(t, i) {
+  changeMode(t, e) {
     return y(this, null, function* () {
-      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, i), this.privateState.modeChanging = !1);
+      t.mode && t.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, yield this.five.changeMode(t.mode, t, e), this.privateState.modeChanging = !1);
     });
   }
 }
 export {
-  er as default
+  tr as default
 };