@realsee/dnalogel 2.20.1 → 2.20.2

package/libs/GuideLinePlugin/Controller.js

@@ -1,37 +1,37 @@
-var V = Object.defineProperty;
+var M = 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 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]);
+    N.call(o, t) && f(s, t, o[t]);
   if (S)
     for (var t of S(o))
-      N.call(o, t) && f(p, t, o[t]);
-  return p;
+      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 { 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 T } from "../vendor/object-assign-deep/objectAssignDeep.js";
-import * as _ from "three";
+import * as V from "three";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
@@ -188,52 +188,52 @@ 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 _ = "v1.1.0", b = "GuideLinePlugin", g = `${b}@${_}`, Wr = (s) => `${g}--${s}`;
+class Ur extends P {
   constructor(t, i) {
     super(t, i);
-    d(this, "version", A);
+    d(this, "version", _);
     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, "_disposed", !1);
     d(this, "disposedErrorLog", () => {
       console.error(`${g} is disposed`);
     });
-    this.cruisePlugin = new k(t, { useGuideLine: !1 }), Object.assign(window, { [`__${b}_DEBUG__`]: this });
+    this.cruisePlugin = new x(t, { useGuideLine: !1 }), Object.assign(window, { [`__${b}_DEBUG__`]: this });
   }
   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) => {
+      }, h = (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];
+        return T({}, n, { id: (G = l.id) != null ? G : Date.now(), pano_group: l.panoIndexList });
+      })) != null ? y : [], A = (D = (L = e.lines) == null ? void 0 : L.map((l) => T({}, 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 +269,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 +293,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 V.Vector3().fromArray(e).distanceTo(new V.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 +344,6 @@ class Wr extends O {
   }
 }
 export {
-  Wr as default,
-  xr as pluginFlag
+  Ur as default,
+  Wr as pluginFlag
 };

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 type { CruisePluginTypes } from '../CruisePlugin';
+import { CruisePluginTypes } from '../CruisePlugin';
 import { Subscribe } from '@realsee/five';
 /** 路线引导实例。
  * - 路线包括两个部分：全景路线和模型路线。

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,18 +1,18 @@
-var k = Object.defineProperty, w = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var c = (n, e, i) => e in n ? k(n, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[e] = i, f = (n, e) => {
+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 = {}))
-    F.call(e, i) && c(n, i, e[i]);
-  if (C)
-    for (var i of C(e))
-      T.call(e, i) && c(n, i, e[i]);
-  return n;
-}, v = (n, e) => w(n, P(e));
-var t = (n, e, i) => (c(n, typeof e != "symbol" ? e + "" : e, i), i);
-import * as h from "three";
-import { logWarning as V, logError as L } from "../../shared-utils/log.js";
+    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);
+import * as l from "three";
+import { logWarning as V, logError as T } 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 G, tweenProgress as M } from "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
-import y from "../../PanoTagPlugin/controller/index.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 O from "../Components/Tag.js";
-import { filterAdjacentDistinct as S } from "../utils/index.js";
-import { objectAssignDeepExports as A } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const B = (
+import { filterAdjacentDistinct as P } from "../utils/index.js";
+import { objectAssignDeepExports as G } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+const S = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -36,7 +36,7 @@ const B = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), I = (
+), A = (
   /* glsl */
   `
   // 是否使用颜色
@@ -120,7 +120,7 @@ const B = (
   }
 `
 );
-class R {
+class B {
   constructor(e, i) {
     t(this, "startTagContainer");
     t(this, "endTagContainer");
@@ -128,9 +128,7 @@ class R {
     t(this, "five");
     t(this, "mode");
     t(this, "path", []);
-    t(this, "_curvePath", null);
-    t(this, "_curvePoints", null);
-    t(this, "_panoGroup", []);
+    t(this, "_panoGroup", null);
     t(this, "skippedPositions", null);
     t(this, "textureUrl", "");
     t(this, "scale", 1);
@@ -151,10 +149,8 @@ class R {
     t(this, "plugin");
     t(this, "textureHasLoaded", !1);
     t(this, "disposed", !1);
-    t(this, "flowAnime", new G({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
-    t(this, "flickerAnime", M(300).yoyo(!0).repeat(5));
-    /** 缓存 panoGroup 中每个点距离起点的长度 */
-    t(this, "cacheLengths", []);
+    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());
@@ -184,26 +180,26 @@ class R {
       this.mesh.material.uniforms.vOffset.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     t(this, "onFlickerAnimeUpdate", (e) => {
-      var a, r;
-      const { progress: i } = e, s = 1 - i;
-      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(v(f({}, this.startTagContainer.tag.data), { opacity: s }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((r = this.endTagContainer.app) == null || r.$set(v(f({}, this.endTagContainer.tag.data), { opacity: s })));
+      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 })));
     });
     t(this, "logWarning", (e) => V("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => L("GuideLineModeItem: ", e));
-    var r, o;
-    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new y(this.five) }, this.endTagContainer = { tag: null, plugin: new y(this.five) };
-    const s = new h.BufferGeometry(), a = new h.ShaderMaterial({
-      vertexShader: B,
-      fragmentShader: I,
+    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,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new h.Color() },
+        mapColor: { value: new l.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new h.Color() },
+        backgroundColor: { value: new l.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new h.Color() },
+        borderColor: { value: new l.Color() },
         borderOpacity: { value: 0 },
         opacity: { value: 1 },
         flicker: { value: 1 },
@@ -211,7 +207,7 @@ class R {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new h.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);
+    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);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -220,14 +216,6 @@ class R {
   get visibleFloorIndexes() {
     return this._visibleFloorIndexes;
   }
-  /** THREE Curve 路径 */
-  get curvePath() {
-    return this._curvePath;
-  }
-  /** THREE Curve 路径上的点 */
-  get curvePoints() {
-    return this._curvePoints;
-  }
   /** 自定义展示 */
   setCustomVisible(e) {
     if (this.disposed)
@@ -258,28 +246,28 @@ class R {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = S(e);
-    if (this._panoGroup = s, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
-      const r = i.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
-      this.skippedPositions = r;
+    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 a = this.getPathFromPanoGroup(s, this.five.work, i);
-    this.path = a, this.setGeometryByPath(a, i);
+    const n = this.getPathFromPanoGroup(r, this.five.work, i);
+    this.path = n, this.setGeometryByPath(n, i);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, i) {
-    var m, g, p;
+    var h, p, v;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (m = i == null ? void 0 : i.scale) != null ? m : this.scale, a = (g = i == null ? void 0 : i.width) != null ? g : this.width, r = (p = i == null ? void 0 : i.unit_length) != null ? p : this.unitLength;
-    this.path = e, this.scale = s, this.width = a, this.unitLength = r;
-    const { geometry: o, maxU: d, curvePath: u, curvePoints: l } = U({
+    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({
       path: e,
-      width: a * s,
-      unitLength: r * s,
+      width: n * r,
+      unitLength: s * r,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = u, this._curvePoints = l, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    this.mesh.geometry = a, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
   }
   /** 设置线条材质 */
   setMartial(e) {
@@ -292,13 +280,13 @@ class R {
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    e && (this.mesh.material.uniforms.mapColor.value = new h.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    e && (this.mesh.material.uniforms.mapColor.value = new l.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框 */
   setBorderColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
@@ -310,7 +298,7 @@ class R {
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -334,15 +322,15 @@ class R {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, E(e).then((i) => {
-      this.disposed || this.textureUrl === e && (i.wrapT = h.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, 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());
     });
   }
   setVisibleFloorIndexes(e) {
-    var i, s;
+    var i, r;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (i = this.five.model) == null ? void 0 : i.shownFloor) != null ? s : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (i = this.five.model) == null ? void 0 : i.shownFloor) != null ? r : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -356,42 +344,22 @@ class R {
       return this.logError("disposed");
     this.flickerAnime.play();
   }
-  /** 求起点到 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((l) => this.five.work.observers[l]), i = this.curvePoints.length, s = this.curvePath.getLength(), a = i - 1, r = s / a, o = this.curvePath.getLengths(a), d = [];
-    let u = 0;
-    for (let l = 0; l < i; l++) {
-      const m = this.curvePoints[l], g = e[u];
-      if (!g)
-        break;
-      g.standingPosition.clone().setY(0).distanceTo(m.clone().setY(0)) < r && (d.push(o[l]), u += 1);
-    }
-    return d;
-  }
   setTag(e, i) {
-    const s = e === "start" ? this.startTagContainer : this.endTagContainer;
-    i || s.plugin.clearTags();
-    const r = A({}, {
+    const r = e === "start" ? this.startTagContainer : this.endTagContainer;
+    i || r.plugin.clearTags();
+    const s = G({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, i);
-    s.tag = r, b(r) && (s.tag.element = (o) => {
-      var u;
-      (u = s.app) == null || u.$destroy();
-      const d = new O({ target: o, intro: !0, props: r.data });
-      return s.app = d, () => d.$destroy();
-    }), s.plugin.load({ tagList: [s.tag] });
+    r.tag = s, f(s) && (r.tag.element = (a) => {
+      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] });
   }
   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;
@@ -400,21 +368,21 @@ class R {
     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, s) {
+  getPathFromPanoGroup(e, i, r) {
     if (e.length < 2)
       return [];
-    const r = e.map((o) => i.observers[o]).map((o) => o.standingPosition.toArray());
-    return [f({ type: "CatmullRomCurve3", points: r }, s)];
+    const s = e.map((a) => i.observers[a]).map((a) => a.standingPosition.toArray());
+    return [u({ type: "CatmullRomCurve3", points: s }, r)];
   }
 }
-function b(n) {
-  return n.contentType === "Custom";
+function f(o) {
+  return o.contentType === "Custom";
 }
-const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: R
+  GuideLineModeItem: B
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  R as GuideLineModeItem,
-  ie as GuideLineModeItem$1
+  B as GuideLineModeItem,
+  Z as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -18,18 +18,12 @@ declare class GuideLineModeItem {
     get panoGroup(): number[];
     /** 可展示的楼层 */
     get visibleFloorIndexes(): number[];
-    /** THREE Curve 路径 */
-    get curvePath(): THREE.CurvePath<THREE.Vector3>;
-    /** THREE Curve 路径上的点 */
-    get curvePoints(): THREE.Vector3[];
     startTagContainer: GuideLineTagContainer;
     endTagContainer: GuideLineTagContainer;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
-    private _curvePath;
-    private _curvePoints;
     private _panoGroup;
     private skippedPositions;
     private textureUrl;
@@ -53,8 +47,6 @@ declare class GuideLineModeItem {
     private disposed;
     private flowAnime;
     private flickerAnime;
-    /** 缓存 panoGroup 中每个点距离起点的长度 */
-    private cacheLengths;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -98,14 +90,6 @@ declare class GuideLineModeItem {
     setEndTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
     /** 闪烁 */
     flicker(): void;
-    /** 求起点到 panoIndex 曲线长度
-     * @param index panoIndex 在 panoGroup 中的索引
-     *
-     * @description 为什么不使用 panoIndex 作为参数？
-     * - panoIndex 在一个曲线中可能出现多次，无法确定是哪一个。
-     */
-    getLengthByPanoGroupIndex(index: number): number | void;
-    private getPanoGroupLengths;
     private setTag;
     /** 开始走点动画 */
     private onWalkAnimationStart;

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -19,12 +19,5 @@ interface LineGeometryOption {
 export declare function createLineGeometry(options: LineGeometryOption): {
     geometry: THREE.BufferGeometry;
     maxU: number;
-    curvePath?: undefined;
-    curvePoints?: undefined;
-} | {
-    geometry: THREE.BufferGeometry;
-    maxU: number;
-    curvePath: THREE.CurvePath<THREE.Vector3>;
-    curvePoints: THREE.Vector3[];
 };
 export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,5 +1,5 @@
 import * as n from "three";
-import { Vector3 as x } from "three";
+import { Vector3 as P } from "three";
 import { polylineNormals as G } from "../../vendor/polyline-normals/index.js";
 import "../../vendor/polyline-miter-util/index.js";
 import "../../vendor/gl-vec2/add.js";
@@ -12,35 +12,33 @@ function Q(e) {
   const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
   if (E.length === 0)
     return { geometry: new n.BufferGeometry(), maxU: 0 };
-  const u = new n.CurvePath();
+  const h = new n.CurvePath();
   E.forEach((t) => {
-    const m = I(t);
-    m && u.add(m);
+    const a = I(t);
+    a && h.add(a);
   });
-  const w = Math.ceil(u.getLength() * 100);
-  u.arcLengthDivisions = w;
-  const o = u.getPoints(w), y = o.length, L = G(o.map((t) => [t.x, t.z])), B = (y - 1) * z * M, d = 2 * y, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), a = new Float32Array(U);
-  let N = 0, R = 0;
+  const x = Math.ceil(h.getLength() * 100), o = h.getPoints(x), w = o.length, L = G(o.map((t) => [t.x, t.z])), B = (w - 1) * z * M, y = 2 * w, C = y * X, U = y * k, r = new Uint32Array(B), s = new Float32Array(C), u = new Float32Array(U);
+  let d = 0, N = 0;
   for (let t = 0; t < o.length; t++) {
-    const [m, A] = L[t][0], T = o[t], { x: _, y: b, z: P } = T, f = new x(_ + m * c, b + 0.05, P + A * c);
-    s[t * 6 + 0] = f.x, s[t * 6 + 1] = f.y, s[t * 6 + 2] = f.z;
-    const h = new x(_ - m * c, b + 0.05, P - A * c);
-    s[t * 6 + 3] = h.x, s[t * 6 + 4] = h.y, s[t * 6 + 5] = h.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const v = N / i / g;
-    if (R = v, a[t * 4 + 0] = 0, a[t * 4 + 1] = v, a[t * 4 + 2] = 1, a[t * 4 + 3] = v, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(f, h, 0.5);
+    const [a, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, l = new P(A + a * c, _ + 0.05, b + R * c);
+    s[t * 6 + 0] = l.x, s[t * 6 + 1] = l.y, s[t * 6 + 2] = l.z;
+    const f = new P(A - a * c, _ + 0.05, b - R * c);
+    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, d += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const p = d / i / g;
+    if (N = p, u[t * 4 + 0] = 0, u[t * 4 + 1] = p, u[t * 4 + 2] = 1, u[t * 4 + 3] = p, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(l, f, 0.5);
       if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
         continue;
     }
     t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const l = new n.BufferGeometry();
-  return l.setAttribute("position", new n.BufferAttribute(s, 3)), l.setAttribute("uv", new n.BufferAttribute(a, 2)), l.setIndex(new n.BufferAttribute(r, 1)), { geometry: l, maxU: R, curvePath: u, curvePoints: o };
+  const m = new n.BufferGeometry();
+  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(u, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: N };
 }
 function I(e) {
   if (O(e)) {
-    const i = [e.closed, e.curve_type, e.tension], p = e.points.map((c) => new n.Vector3().fromArray(c));
-    return new n.CatmullRomCurve3(p, ...i);
+    const i = [e.closed, e.curve_type, e.tension], v = e.points.map((c) => new n.Vector3().fromArray(c));
+    return new n.CatmullRomCurve3(v, ...i);
   }
 }
 function O(e) {