@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.11

package/libs/GuideLinePlugin/Controller.js

@@ -1,37 +1,37 @@
-var V = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var M = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
-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) => {
+var M = Object.defineProperty;
+var G = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var f = (s, o, t) => o in s ? M(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t, c = (s, o) => {
   for (var t in o || (o = {}))
-    M.call(o, t) && f(p, t, o[t]);
-  if (S)
-    for (var t of S(o))
-      N.call(o, t) && f(p, t, o[t]);
-  return p;
+    N.call(o, t) && f(s, t, o[t]);
+  if (G)
+    for (var t of G(o))
+      O.call(o, t) && f(s, t, o[t]);
+  return s;
 };
-var d = (p, o, t) => (f(p, typeof o != "symbol" ? o + "" : o, t), t);
-var u = (p, o, t) => new Promise((i, s) => {
+var d = (s, o, t) => (f(s, typeof o != "symbol" ? o + "" : o, t), t);
+var u = (s, o, t) => new Promise((i, p) => {
   var a = (m) => {
     try {
       r(t.next(m));
     } catch (n) {
-      s(n);
+      p(n);
     }
   }, e = (m) => {
     try {
       r(t.throw(m));
     } catch (n) {
-      s(n);
+      p(n);
     }
   }, r = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(a, e);
-  r((t = t.apply(p, o)).next());
+  r((t = t.apply(s, o)).next());
 });
-import { Controller as O } from "../base/BasePluginWithData.js";
-import { equal as P } from "../shared-utils/equal.js";
-import { GuideLineItem as $ } from "./GuideLineItem/index.js";
-import k from "../CruisePlugin/Controller.js";
-import { objectAssignDeepExports as T } from "../vendor/object-assign-deep/objectAssignDeep.js";
-import * as _ from "three";
+import { Controller as P } from "../base/BasePluginWithData.js";
+import { equal as $ } from "../shared-utils/equal.js";
+import { GuideLineItem as k } from "./GuideLineItem/index.js";
+import x from "../CruisePlugin/Controller.js";
+import { objectAssignDeepExports as S } from "../vendor/object-assign-deep/objectAssignDeep.js";
+import * as T from "three";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
@@ -50,7 +50,7 @@ import "../shared-utils/three/centerPoint.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../shared-utils/isTruelyObject.js";
 import "./GuideLineModeItem/index.js";
 import "../shared-utils/log.js";
@@ -188,52 +188,56 @@ import "../CruisePlugin/utils/vectorToCoordinates.js";
 import "../CruisePlugin/utils/formatRad.js";
 import "../CruisePlugin/utils/linerValue.js";
 import "../CruisePlugin/utils/sleep.js";
-const A = "v1.1.0", b = "GuideLinePlugin", g = `${b}@${A}`, xr = (p) => `${g}--${p}`;
-class Wr extends O {
+const V = "v1.1.0", b = "GuideLinePlugin", g = `${b}@${V}`, Wr = (s) => `${g}--${s}`;
+class Ur extends P {
   constructor(t, i) {
     super(t, i);
-    d(this, "version", A);
+    d(this, "version", V);
     d(this, "name", b);
     d(this, "cruisePlugin");
     /** GuideLineItem 索引 */
     d(this, "itemMap", /* @__PURE__ */ new Map());
-    /** 当新增一根线时，整体高度的偏移值 */
-    d(this, "heightOffset", 0);
     d(this, "state", {
       visible: !1,
       enabled: !0
     });
     d(this, "data");
+    /** 当新增一根线时，整体高度的偏移值 */
+    d(this, "heightOffset", 0);
+    d(this, "_config");
     d(this, "_disposed", !1);
     d(this, "disposedErrorLog", () => {
       console.error(`${g} is disposed`);
     });
-    this.cruisePlugin = new k(t, { useGuideLine: !1 }), Object.assign(window, { [`__${b}_DEBUG__`]: this });
+    this._config = i != null ? i : {}, this.cruisePlugin = new x(t, { useGuideLine: !1 }), Object.assign(window, { [`__${b}_DEBUG__`]: this });
+  }
+  get config() {
+    return this._config;
   }
   get disposed() {
     return this._disposed;
   }
-  load(t, i, s = !0) {
+  load(t, i, p = !0) {
     return u(this, null, function* () {
       var v, w, E, I, y, L, D;
       if (this.disposed)
         return;
       const a = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, e = yield this.formatData(t);
       this.hooks.emit("dataChange", e, a), this.data = e;
-      const r = e.config, m = {
+      const r = e.config, n = {
         panorama_style: {
-          visible: !1,
+          visible: !!(!e.lines && e.routes),
           unit_length: (v = r == null ? void 0 : r.unitHeight) != null ? v : 0.4,
           width: (w = r == null ? void 0 : r.unitWidth) != null ? w : 0.6,
           texture: { url: (E = r == null ? void 0 : r.arrowTextureUrl) != null ? E : this.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }
         }
-      }, n = (y = (I = e.routes) == null ? void 0 : I.map((l) => {
-        var G;
-        return T({}, m, { id: (G = l.id) != null ? G : Date.now(), pano_group: l.panoIndexList });
-      })) != null ? y : [], h = (D = (L = e.lines) == null ? void 0 : L.map((l) => T({}, m, l))) != null ? D : [], C = [...n, ...h];
+      }, h = (y = (I = e.routes) == null ? void 0 : I.map((l) => {
+        var _;
+        return S({}, n, { id: (_ = l.id) != null ? _ : Date.now(), pano_group: l.panoIndexList });
+      })) != null ? y : [], A = (D = (L = e.lines) == null ? void 0 : L.map((l) => S({}, n, l))) != null ? D : [], C = [...h, ...A];
       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.debug(`${g} loaded`, e);
+      }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: p }), this.hooks.emit("dataLoaded", e), console.debug(`${g} loaded`, e);
     });
   }
   formatData(t) {
@@ -269,14 +273,14 @@ class Wr extends O {
     var a;
     if (this.disposed)
       return this.disposedErrorLog();
-    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);
+    const p = c({}, this.state);
+    this.state = c(c({}, this.state), t), t.visible !== void 0 && t.visible !== p.visible && this.handleVisible(t.visible, i == null ? void 0 : i.userAction), t.enabled !== void 0 && t.enabled !== p.enabled && this.handleEnable(t.enabled, i == null ? void 0 : i.userAction), $(p, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: p, userAction: (a = i == null ? void 0 : i.userAction) != null ? a : !0 }), this.five.needsRender = !0);
   }
   /** 添加一个 GuideLineItem */
   addGuideLineItem(t) {
-    const i = t.render_id || t.id, s = this.itemMap.get(i);
-    s && this.removeGuideLineItem(s);
-    const a = new $({ five: this.five, id: i, plugin: this });
+    const i = t.render_id || t.id, p = this.itemMap.get(i);
+    p && this.removeGuideLineItem(p);
+    const a = new k({ five: this.five, id: i, plugin: this });
     return this.itemMap.set(i, a), t && a.setData(t), this.heightOffset += 1e-4, a.setHeightOffset(this.heightOffset), a;
   }
   /** 获取 Plugin 内的 GuideLineItem */
@@ -293,15 +297,15 @@ class Wr extends O {
     function i(e) {
       return Array.isArray(e) && e.every((r) => typeof r == "number");
     }
-    function s(e, r) {
-      return new _.Vector3().fromArray(e).distanceTo(new _.Vector3().fromArray(r)) < 0.01;
+    function p(e, r) {
+      return new T.Vector3().fromArray(e).distanceTo(new T.Vector3().fromArray(r)) < 0.01;
     }
     function a(e) {
       var m;
       const r = (m = e.tag) == null ? void 0 : m.position;
       return i(r) ? t.every((n) => {
         var h;
-        return i((h = n.tag) == null ? void 0 : h.position) ? !s(r, n.tag.position) : !0;
+        return i((h = n.tag) == null ? void 0 : h.position) ? !p(r, n.tag.position) : !0;
       }) : !1;
     }
     this.itemMap.forEach((e) => {
@@ -344,6 +348,6 @@ class Wr extends O {
   }
 }
 export {
-  Wr as default,
-  xr as pluginFlag
+  Ur as default,
+  Wr as pluginFlag
 };

package/libs/GuideLinePlugin/GuideLineItem/index.js

@@ -63,7 +63,7 @@ class C {
       n.setGeometryByPanoGroup(t.pano_group, d({ skipPanoGroup: m }, l));
     } else
       t.path && n.setGeometryByPath(u, l);
-    n.setMartial(a), n.setVisibleFloorIndexes((r = t.visible_floor_indexes) != null ? r : null), n.setStartTag(i == null ? void 0 : i.start_tag), n.setEndTag(i == null ? void 0 : i.end_tag);
+    n.name = t.name, n.setMartial(a), n.setVisibleFloorIndexes((r = t.visible_floor_indexes) != null ? r : null), n.setStartTag(i == null ? void 0 : i.start_tag), n.setEndTag(i == null ? void 0 : i.end_tag);
   }
   show() {
     this._visible = !0, this.hooks.emit("show", { userAction: !0 });

package/libs/GuideLinePlugin/GuideLineItem.d.ts

@@ -2,7 +2,7 @@ import type { Five } from '@realsee/five';
 import type GuideLinePlugin from './Controller';
 import type * as PluginType from './typing';
 import { GuideLineModeItem } from './GuideLineModeItem';
-import { CruisePluginTypes } from '../CruisePlugin';
+import type { CruisePluginTypes } from '../CruisePlugin';
 import { Subscribe } from '@realsee/five';
 /** 路线引导实例。
  * - 路线包括两个部分：全景路线和模型路线。

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -55,7 +55,7 @@ import "../PanoTagPlugin/utils/planeNormal.js";
 import "../PanoTagPlugin/utils/normalPositionToPositions.js";
 import "../PanoTagPlugin/controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,18 +1,18 @@
-var C = Object.defineProperty, y = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var m = (o, e, i) => e in o ? C(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i, u = (o, e) => {
-  for (var i in e || (e = {}))
-    w.call(e, i) && m(o, i, e[i]);
-  if (c)
-    for (var i of c(e))
-      F.call(e, i) && m(o, i, e[i]);
-  return o;
-}, g = (o, e) => y(o, k(e));
-var t = (o, e, i) => (m(o, typeof e != "symbol" ? e + "" : e, i), i);
+var k = Object.defineProperty, w = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
+var v = (n, e, t) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, m = (n, e) => {
+  for (var t in e || (e = {}))
+    F.call(e, t) && v(n, t, e[t]);
+  if (C)
+    for (var t of C(e))
+      L.call(e, t) && v(n, t, e[t]);
+  return n;
+}, p = (n, e) => w(n, P(e));
+var i = (n, e, t) => (v(n, typeof e != "symbol" ? e + "" : e, t), t);
 import * as l from "three";
-import { logWarning as V, logError as T } from "../../shared-utils/log.js";
+import { logWarning as T, logError as V } from "../../shared-utils/log.js";
 import { createLineGeometry as U } from "../utils/createLineGeometry.js";
 import { isPanoramaLike as x, isModelLike as _ } from "../../shared-utils/five/mode.js";
 import "hammerjs";
@@ -20,13 +20,13 @@ import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { BetterTween as M, tweenProgress as E } from "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as L } from "../../shared-utils/three/loadTexture.js";
-import b from "../../PanoTagPlugin/controller/index.js";
+import { BetterTween as M, tweenProgress as G } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
+import y from "../../PanoTagPlugin/controller/index.js";
 import O from "../Components/Tag.js";
-import { filterAdjacentDistinct as P } from "../utils/index.js";
-import { objectAssignDeepExports as G } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const S = (
+import { filterAdjacentDistinct as S } from "../utils/index.js";
+import { objectAssignDeepExports as A } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+const B = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -36,7 +36,7 @@ const S = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), A = (
+), I = (
   /* glsl */
   `
   // 是否使用颜色
@@ -120,77 +120,86 @@ const S = (
   }
 `
 );
-class B {
-  constructor(e, i) {
-    t(this, "startTagContainer");
-    t(this, "endTagContainer");
-    t(this, "mesh");
-    t(this, "five");
-    t(this, "mode");
-    t(this, "path", []);
-    t(this, "_panoGroup", null);
-    t(this, "skippedPositions", null);
-    t(this, "textureUrl", "");
-    t(this, "scale", 1);
-    t(this, "width", 0.5);
-    t(this, "unitLength", 0.5);
-    t(this, "_visibleFloorIndexes", null);
-    t(this, "visible", null);
+class R {
+  constructor(e, t) {
+    i(this, "name", "");
+    i(this, "startTagContainer");
+    i(this, "endTagContainer");
+    i(this, "mesh");
+    i(this, "five");
+    i(this, "mode");
+    i(this, "path", []);
+    i(this, "_curvePath", null);
+    i(this, "_curvePoints", null);
+    i(this, "_panoGroup", []);
+    i(this, "skippedPositions", null);
+    i(this, "textureUrl", "");
+    i(this, "scale", 1);
+    i(this, "width", 0.5);
+    i(this, "unitLength", 0.5);
+    i(this, "_visibleFloorIndexes", null);
+    i(this, "visible", null);
     /** Five Mode 是否满足 */
-    t(this, "modeVisible", !1);
+    i(this, "modeVisible", !1);
     /** 楼层是否满足展示条件 */
-    t(this, "floorVisible", !0);
+    i(this, "floorVisible", !0);
     /** 默认是否展示 */
-    t(this, "defaultVisible", !1);
+    i(this, "defaultVisible", !1);
     /** 走点动画 */
-    t(this, "inWalkAnimation", !1);
-    t(this, "customVisible", null);
-    t(this, "parent");
-    t(this, "plugin");
-    t(this, "textureHasLoaded", !1);
-    t(this, "disposed", !1);
-    t(this, "flowAnime", new M({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
-    t(this, "flickerAnime", E(300).yoyo(!0).repeat(5));
-    t(this, "dispose", () => {
-      var e, i;
-      this.disposed || (this.disposed = !0, this.parent.hooks.off("show", this.updateVisible), this.parent.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("show", this.updateVisible), this.plugin.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("enable", this.updateVisible), this.plugin.hooks.off("disable", this.updateVisible), this.five.off("modeChange", this.onFiveModeChange), this.five.off("modelShownFloorChange", this.onFiveModelShownFloorChange), this.doHide(), (e = this.startTagContainer) == null || e.plugin.dispose(), (i = this.endTagContainer) == null || i.plugin.dispose());
+    i(this, "inWalkAnimation", !1);
+    i(this, "customVisible", null);
+    i(this, "parent");
+    i(this, "plugin");
+    i(this, "textureHasLoaded", !1);
+    i(this, "disposed", !1);
+    i(this, "flowAnime", new M({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flickerAnime", G(300).yoyo(!0).repeat(5));
+    /** 缓存 panoGroup 中每个点距离起点的长度 */
+    i(this, "cacheLengths", []);
+    i(this, "dispose", () => {
+      var e, t;
+      this.disposed || (this.disposed = !0, this.parent.hooks.off("show", this.updateVisible), this.parent.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("show", this.updateVisible), this.plugin.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("enable", this.updateVisible), this.plugin.hooks.off("disable", this.updateVisible), this.five.off("modeChange", this.onFiveModeChange), this.five.off("modelShownFloorChange", this.onFiveModelShownFloorChange), this.doHide(), (e = this.startTagContainer) == null || e.plugin.dispose(), (t = this.endTagContainer) == null || t.plugin.dispose());
     });
     /** 开始走点动画 */
-    t(this, "onWalkAnimationStart", () => {
+    i(this, "onWalkAnimationStart", () => {
       this.inWalkAnimation = !0, this.updateVisible();
     });
     /** 结束走点动画 */
-    t(this, "onWalkAnimationEnd", () => {
+    i(this, "onWalkAnimationEnd", () => {
       this.inWalkAnimation = !1, this.updateVisible();
     });
     /** 模型状态变更 */
-    t(this, "onFiveModeChange", (e) => {
+    i(this, "onFiveModeChange", (e) => {
       this.modeVisible = this.mode === "panorama" ? x(e) : _(e), this.updateVisible();
     });
-    t(this, "onFiveModelShownFloorChange", (e) => {
+    i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
     });
     /** 更新可见性 */
-    t(this, "updateVisible", () => {
+    i(this, "updateVisible", () => {
       const e = (() => !this.parent.visible || !this.plugin.state.enabled || !this.plugin.state.visible ? !1 : this.customVisible !== null ? this.customVisible : this.inWalkAnimation ? !0 : this.modeVisible && this.textureHasLoaded && this.defaultVisible && this.floorVisible)();
       this.visible !== e && (this.visible = e, e ? this.doShow() : this.doHide());
     });
-    t(this, "onFlowAnimeUpdate", (e) => {
-      const { progress: i } = e;
-      this.mesh.material.uniforms.vOffset.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    i(this, "onFlowAnimeUpdate", (e) => {
+      const { progress: t } = e;
+      this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
-    t(this, "onFlickerAnimeUpdate", (e) => {
-      var n, s;
-      const { progress: i } = e, r = 1 - i;
-      this.mesh.material.uniforms.flicker.value = r, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && f(this.startTagContainer.tag) && ((n = this.startTagContainer.app) == null || n.$set(g(u({}, this.startTagContainer.tag.data), { opacity: r }))), this.endTagContainer.tag && f(this.endTagContainer.tag) && ((s = this.endTagContainer.app) == null || s.$set(g(u({}, this.endTagContainer.tag.data), { opacity: r })));
+    i(this, "onFlickerAnimeUpdate", (e) => {
+      var a, r;
+      const { progress: t } = e, s = 1 - t;
+      this.mesh.material.uniforms.flicker.value = s, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && b(this.startTagContainer.tag) && ((a = this.startTagContainer.app) == null || a.$set(p(m({}, this.startTagContainer.tag.data), {
+        opacity: s,
+        name: this.name,
+        distance: Math.round(this.curvePath.getLength())
+      }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((r = this.endTagContainer.app) == null || r.$set(p(m({}, this.endTagContainer.tag.data), { opacity: s })));
     });
-    t(this, "logWarning", (e) => V("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => T("GuideLineModeItem: ", e));
-    var s, a;
-    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new b(this.five) }, this.endTagContainer = { tag: null, plugin: new b(this.five) };
-    const r = new l.BufferGeometry(), n = new l.ShaderMaterial({
-      vertexShader: S,
-      fragmentShader: A,
+    i(this, "logWarning", (e) => T("GuideLineModeItem: ", e));
+    i(this, "logError", (e) => V("GuideLineModeItem: ", e));
+    var r, o;
+    this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new y(this.five) }, this.endTagContainer = { tag: null, plugin: new y(this.five) };
+    const s = new l.BufferGeometry(), a = new l.ShaderMaterial({
+      vertexShader: B,
+      fragmentShader: I,
       transparent: !0,
       uniforms: {
         map: { value: null },
@@ -207,7 +216,7 @@ class B {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new l.Mesh(r, n), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((a = (s = this.five.model) == null ? void 0 : s.shownFloor) != null ? a : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
+    this.mesh = new l.Mesh(s, a), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange((o = (r = this.five.model) == null ? void 0 : r.shownFloor) != null ? o : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -216,6 +225,14 @@ class B {
   get visibleFloorIndexes() {
     return this._visibleFloorIndexes;
   }
+  /** THREE Curve 路径 */
+  get curvePath() {
+    return this._curvePath;
+  }
+  /** THREE Curve 路径上的点 */
+  get curvePoints() {
+    return this._curvePoints;
+  }
   /** 自定义展示 */
   setCustomVisible(e) {
     if (this.disposed)
@@ -229,10 +246,10 @@ class B {
     this.defaultVisible !== e && (this.defaultVisible = e, this.updateVisible());
   }
   /** 基础宽、长 */
-  setUnitSize(e, i) {
+  setUnitSize(e, t) {
     if (this.disposed)
       return this.logError("disposed");
-    this.width = e, this.unitLength = i, this.setGeometryByPath(this.path, { width: e, unit_length: i });
+    this.width = e, this.unitLength = t, this.setGeometryByPath(this.path, { width: e, unit_length: t });
   }
   /** 设置缩放 */
   setScale(e) {
@@ -241,40 +258,40 @@ class B {
     this.scale = e, this.setGeometryByPath(this.path, { scale: e });
   }
   /** 通过点位设置线条形状 */
-  setGeometryByPanoGroup(e, i) {
+  setGeometryByPanoGroup(e, t) {
     if (this.disposed)
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const r = P(e);
-    if (this._panoGroup = r, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
-      const s = i.skipPanoGroup ? r.map((a) => this.five.work.observers[a]).map((a) => a.standingPosition.clone()) : null;
-      this.skippedPositions = s;
+    const s = S(e);
+    if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
+      const r = t.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+      this.skippedPositions = r;
     }
-    const n = this.getPathFromPanoGroup(r, this.five.work, i);
-    this.path = n, this.setGeometryByPath(n, i);
+    const a = this.getPathFromPanoGroup(s, this.five.work, t);
+    this.path = a, this.setGeometryByPath(a, t);
   }
   /** 通过路径设置线条形状 */
-  setGeometryByPath(e, i) {
-    var h, p, v;
+  setGeometryByPath(e, t) {
+    var f, g, c;
     if (this.disposed)
       return this.logError("disposed");
-    const r = (h = i == null ? void 0 : i.scale) != null ? h : this.scale, n = (p = i == null ? void 0 : i.width) != null ? p : this.width, s = (v = i == null ? void 0 : i.unit_length) != null ? v : this.unitLength;
-    this.path = e, this.scale = r, this.width = n, this.unitLength = s;
-    const { geometry: a, maxU: d } = U({
+    const s = (f = t == null ? void 0 : t.scale) != null ? f : this.scale, a = (g = t == null ? void 0 : t.width) != null ? g : this.width, r = (c = t == null ? void 0 : t.unit_length) != null ? c : this.unitLength;
+    this.path = e, this.scale = s, this.width = a, this.unitLength = r;
+    const { geometry: o, maxU: u, curvePath: d, curvePoints: h } = U({
       path: e,
-      width: n * r,
-      unitLength: s * r,
+      width: a * s,
+      unitLength: r * s,
       skipPositions: this.skippedPositions
     });
-    this.mesh.geometry = a, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    this._curvePath = d, this._curvePoints = h, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = u, this.five.needsRender = !0;
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var i;
+    var t;
     if (this.disposed)
       return this.logError("disposed");
-    (e == null ? void 0 : e.visible) !== void 0 && this.setDefaultVisible(e.visible), (e == null ? void 0 : e.color) !== void 0 && this.setColor(e.color), (e == null ? void 0 : e.opacity) !== void 0 && this.setOpacity(e.opacity), ((i = e == null ? void 0 : e.texture) == null ? void 0 : i.url) !== void 0 && this.setTextureUrl(e.texture.url), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity);
+    (e == null ? void 0 : e.visible) !== void 0 && this.setDefaultVisible(e.visible), (e == null ? void 0 : e.color) !== void 0 && this.setColor(e.color), (e == null ? void 0 : e.opacity) !== void 0 && this.setOpacity(e.opacity), ((t = e == null ? void 0 : e.texture) == null ? void 0 : t.url) !== void 0 && this.setTextureUrl(e.texture.url), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity);
   }
   /** 设置贴图颜色 */
   setColor(e) {
@@ -322,15 +339,15 @@ class B {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, L(e).then((i) => {
-      this.disposed || this.textureUrl === e && (i.wrapT = l.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    this.textureUrl = e, E(e).then((t) => {
+      this.disposed || this.textureUrl === e && (t.wrapT = l.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
     });
   }
   setVisibleFloorIndexes(e) {
-    var i, r;
+    var t, s;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (i = this.five.model) == null ? void 0 : i.shownFloor) != null ? r : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? s : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -344,22 +361,42 @@ class B {
       return this.logError("disposed");
     this.flickerAnime.play();
   }
-  setTag(e, i) {
-    const r = e === "start" ? this.startTagContainer : this.endTagContainer;
-    i || r.plugin.clearTags();
-    const s = G({}, {
+  /** 求起点到 panoIndex 曲线长度
+   * @param index panoIndex 在 panoGroup 中的索引
+   *
+   * @description 为什么不使用 panoIndex 作为参数？
+   * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
+   */
+  getLengthByPanoGroupIndex(e) {
+    return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
+  }
+  getPanoGroupLengths() {
+    const e = this.panoGroup.map((h) => this.five.work.observers[h]), t = this.curvePoints.length, s = this.curvePath.getLength(), a = t - 1, r = s / a, o = this.curvePath.getLengths(a), u = [];
+    let d = 0;
+    for (let h = 0; h < t; h++) {
+      const f = this.curvePoints[h], g = e[d];
+      if (!g)
+        break;
+      g.standingPosition.clone().setY(0).distanceTo(f.clone().setY(0)) < r && (u.push(o[h]), d += 1);
+    }
+    return u;
+  }
+  setTag(e, t) {
+    const s = e === "start" ? this.startTagContainer : this.endTagContainer;
+    t || s.plugin.clearTags();
+    const r = A({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
-    }, i);
-    r.tag = s, f(s) && (r.tag.element = (a) => {
+    }, t);
+    s.tag = r, b(r) && (s.tag.element = (o) => {
       var h;
-      (h = r.app) == null || h.$destroy();
-      const d = new O({ target: a, intro: !0, props: s.data });
-      return r.app = d, () => d.$destroy();
-    }), r.plugin.load({ tagList: [r.tag] });
+      (h = s.app) == null || h.$destroy();
+      const u = e === "start" ? p(m({}, r.data), { name: this.name, distance: Math.round(this.curvePath.getLength()), i18n: this.plugin.config.i18n }) : r.data, d = new O({ target: o, intro: !0, props: u });
+      return s.app = d, () => d.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
   }
   doShow() {
     this.mode === "model" && this.flowAnime.play(), this.five.scene.add(this.mesh), this.startTagContainer.plugin.show(), this.endTagContainer.plugin.show(), this.five.needsRender = !0;
@@ -368,21 +405,21 @@ class B {
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.mesh), this.startTagContainer.plugin.hide(), this.endTagContainer.plugin.hide(), this.five.needsRender = !0;
   }
   /** 通过 panoIndex 数组计算路径 */
-  getPathFromPanoGroup(e, i, r) {
+  getPathFromPanoGroup(e, t, s) {
     if (e.length < 2)
       return [];
-    const s = e.map((a) => i.observers[a]).map((a) => a.standingPosition.toArray());
-    return [u({ type: "CatmullRomCurve3", points: s }, r)];
+    const r = e.map((o) => t.observers[o]).map((o) => o.standingPosition.toArray());
+    return [m({ type: "CatmullRomCurve3", points: r }, s)];
   }
 }
-function f(o) {
-  return o.contentType === "Custom";
+function b(n) {
+  return n.contentType === "Custom";
 }
-const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: B
+  GuideLineModeItem: R
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  B as GuideLineModeItem,
-  Z as GuideLineModeItem$1
+  R as GuideLineModeItem,
+  te as GuideLineModeItem$1
 };