@realsee/dnalogel 3.2.0-dev.8 → 3.2.1

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,32 +1,32 @@
-var k = Object.defineProperty, w = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var C = Object.getOwnPropertySymbols;
+var P = Object.defineProperty, V = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
+var k = 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, p = (n, e) => {
+var b = (h, e, t) => e in h ? P(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, u = (h, 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;
-}, c = (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 T, logError as V } from "../../shared-utils/log.js";
+    F.call(e, t) && b(h, t, e[t]);
+  if (k)
+    for (var t of k(e))
+      L.call(e, t) && b(h, t, e[t]);
+  return h;
+}, p = (h, e) => V(h, T(e));
+var i = (h, e, t) => (b(h, typeof e != "symbol" ? e + "" : e, t), t);
+import * as n from "three";
+import { logWarning as x, logError as S } 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 { isPanoramaLike as _, isModelLike as M } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 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 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 S } from "../utils/index.js";
-import { objectAssignDeepExports as A } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const B = (
+import { BetterTween as O, tweenProgress as G } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as A } from "../../shared-utils/three/loadTexture.js";
+import w from "../../PanoTagPlugin/controller/index.js";
+import E from "../Components/Tag.js";
+import { filterAdjacentDistinct as B } from "../utils/index.js";
+import { objectAssignDeepExports as I } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+const R = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -36,7 +36,7 @@ const B = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), I = (
+), W = (
   /* glsl */
   `
   // 是否使用颜色
@@ -120,15 +120,18 @@ const B = (
   }
 `
 );
-class R {
+class N {
   constructor(e, t) {
     i(this, "name", "");
     i(this, "startTagContainer");
     i(this, "endTagContainer");
+    i(this, "path", []);
+    i(this, "geometryStyle", {});
+    i(this, "materialStyle", {});
+    i(this, "meshStyle", {});
     i(this, "mesh");
     i(this, "five");
     i(this, "mode");
-    i(this, "path", []);
     i(this, "_curvePath", null);
     i(this, "_curvePoints", null);
     i(this, "_panoGroup", []);
@@ -152,10 +155,12 @@ class R {
     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, "flowAnime", new O({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
     i(this, "flickerAnime", G(300).yoyo(!0).repeat(5));
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     i(this, "cacheLengths", []);
+    /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
+    i(this, "heightOffset", 0);
     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());
@@ -170,7 +175,7 @@ class R {
     });
     /** 模型状态变更 */
     i(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? x(e) : _(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? _(e) : M(e), this.updateVisible();
     });
     i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
@@ -185,30 +190,30 @@ class R {
       this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     i(this, "onFlickerAnimeUpdate", (e) => {
-      var r, a, o, d;
-      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) && ((o = this.startTagContainer.app) == null || o.$set(c(p({}, this.startTagContainer.tag.data), {
-        opacity: s,
+      var s, a, o, d;
+      const { progress: t } = e, r = 1 - t;
+      this.mesh.material.uniforms.flicker.value = r, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && y(this.startTagContainer.tag) && ((o = this.startTagContainer.app) == null || o.$set(p(u({}, this.startTagContainer.tag.data), {
+        opacity: r,
         name: this.name,
-        distance: Math.round((a = (r = this.curvePath) == null ? void 0 : r.getLength()) != null ? a : 0)
-      }))), this.endTagContainer.tag && b(this.endTagContainer.tag) && ((d = this.endTagContainer.app) == null || d.$set(c(p({}, this.endTagContainer.tag.data), { opacity: s })));
+        distance: Math.round((a = (s = this.curvePath) == null ? void 0 : s.getLength()) != null ? a : 0)
+      }))), this.endTagContainer.tag && y(this.endTagContainer.tag) && ((d = this.endTagContainer.app) == null || d.$set(p(u({}, this.endTagContainer.tag.data), { opacity: r })));
     });
-    i(this, "logWarning", (e) => T("GuideLineModeItem: ", e));
-    i(this, "logError", (e) => V("GuideLineModeItem: ", e));
+    i(this, "logWarning", (e) => x("GuideLineModeItem: ", e));
+    i(this, "logError", (e) => S("GuideLineModeItem: ", e));
     var a, 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(), r = new l.ShaderMaterial({
-      vertexShader: B,
-      fragmentShader: I,
+    this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.startTagContainer = { tag: null, plugin: new w(this.five) }, this.endTagContainer = { tag: null, plugin: new w(this.five) };
+    const r = new n.BufferGeometry(), s = new n.ShaderMaterial({
+      vertexShader: R,
+      fragmentShader: W,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new l.Color() },
+        mapColor: { value: new n.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new l.Color() },
+        backgroundColor: { value: new n.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new l.Color() },
+        borderColor: { value: new n.Color() },
         borderOpacity: { value: 0 },
         opacity: { value: 1 },
         flicker: { value: 1 },
@@ -216,7 +221,7 @@ class R {
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new l.Mesh(s, r), 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 = (a = this.five.model) == null ? void 0 : a.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 n.Mesh(r, s), 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 = (a = this.five.model) == null ? void 0 : a.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;
@@ -263,47 +268,73 @@ 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, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const a = t.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+    const r = B(e);
+    if (this._panoGroup = r, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
+      const a = t.skipPanoGroup ? r.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
       this.skippedPositions = a;
     }
-    const r = this.getPathFromPanoGroup(s, this.five.work, t);
-    this.path = r, this.setGeometryByPath(r, t);
+    const s = this.getPathFromPanoGroup(r, this.five.work, t);
+    this.path = s, this.setGeometryByPath(s, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var h, g, f;
+    var f, v, C;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (h = t == null ? void 0 : t.scale) != null ? h : this.scale, r = (g = t == null ? void 0 : t.width) != null ? g : this.width, a = (f = t == null ? void 0 : t.unit_length) != null ? f : this.unitLength;
-    this.path = e, this.scale = s, this.width = r, this.unitLength = a;
-    const { geometry: o, maxU: d, curvePath: m, curvePoints: u } = U({
+    const r = (f = t == null ? void 0 : t.scale) != null ? f : this.scale, s = (v = t == null ? void 0 : t.width) != null ? v : this.width, a = (C = t == null ? void 0 : t.unit_length) != null ? C : this.unitLength;
+    this.scale = r, this.width = s, this.unitLength = a;
+    const { geometry: o, maxU: d, curvePath: g, curvePoints: m } = U({
       path: e,
-      width: r * s,
-      unitLength: a * s,
+      width: s * r,
+      unitLength: a * r,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = m, this._curvePoints = u, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    this._curvePath = g, this._curvePoints = m, this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = d, this.five.needsRender = !0;
+    const l = e, c = u(u({}, this.geometryStyle), t);
+    this.path = l, this.geometryStyle = c;
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var t;
+    var r;
     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), ((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);
+    (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), ((r = e == null ? void 0 : e.texture) == null ? void 0 : r.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);
+    const t = u(u({}, this.materialStyle), e);
+    this.materialStyle = t;
+  }
+  /** 设置模型状态 */
+  setMeshStyle(e) {
+    if (e != null && e.translate) {
+      const s = new n.Vector3(), a = new n.Vector3().fromArray(e.translate);
+      a.y += this.heightOffset, s.add(a), this.mesh.position.copy(s), r(this.startTagContainer, a), r(this.endTagContainer, a);
+    }
+    const t = u(u({}, this.meshStyle), e);
+    this.meshStyle = t;
+    function r(s, a) {
+      if (!s.tag)
+        return;
+      const o = new n.Vector3().fromArray(s.tag.position);
+      o.add(a);
+      const d = o.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: d });
+    }
+  }
+  /** 设置 Y 轴上的偏移量，为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
+  setHeightOffset(e) {
+    const t = new n.Vector3();
+    this.meshStyle.translate && t.add(new n.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.mesh.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
   }
   /** 设置贴图颜色 */
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    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;
+    e && (this.mesh.material.uniforms.mapColor.value = new n.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 l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new n.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
@@ -315,7 +346,7 @@ class R {
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new n.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -339,15 +370,15 @@ class R {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    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());
+    this.textureUrl = e, A(e).then((t) => {
+      this.disposed || this.textureUrl === e && (t.wrapT = n.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 t, s;
+    var t, r;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? s : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? r : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -371,35 +402,42 @@ class R {
     return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
   }
   getPanoGroupLengths() {
-    var u;
+    var m;
     if (!this.curvePoints || !this.curvePath)
       return [];
-    const e = this.panoGroup.map((h) => this.five.work.observers[h]), t = this.curvePoints.length, s = this.curvePath.getLength(), r = t - 1, a = s / r, o = (u = this.curvePath.getLengths(r)) != null ? u : [], d = [];
-    let m = 0;
-    for (let h = 0; h < t; h++) {
-      const g = this.curvePoints[h], f = e[m];
+    const e = this.panoGroup.map((l) => this.five.work.observers[l]), t = this.curvePoints.length, r = this.curvePath.getLength(), s = t - 1, a = r / s, o = (m = this.curvePath.getLengths(s)) != null ? m : [], d = [];
+    let g = 0;
+    for (let l = 0; l < t; l++) {
+      const c = this.curvePoints[l], f = e[g];
       if (!f)
         break;
-      f.standingPosition.clone().setY(0).distanceTo(g.clone().setY(0)) < a && (d.push(o[h]), m += 1);
+      f.standingPosition.clone().setY(0).distanceTo(c.clone().setY(0)) < a && (d.push(o[l]), g += 1);
     }
     return d;
   }
   setTag(e, t) {
-    const s = this.curvePath, r = e === "start" ? this.startTagContainer : this.endTagContainer;
-    t || r.plugin.clearTags();
-    const o = A({}, {
+    const r = this.curvePath, s = e === "start" ? this.startTagContainer : this.endTagContainer;
+    t || s.plugin.clearTags();
+    const o = I({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    r.tag = o, b(o) && (r.tag.element = (d) => {
-      var h, g;
-      (h = r.app) == null || h.$destroy();
-      const m = e === "start" ? c(p({}, o.data), { name: this.name, distance: Math.round((g = s.getLength()) != null ? g : 0), i18n: this.plugin.config.i18n }) : o.data, u = new O({ target: d, intro: !0, props: m });
-      return r.app = u, () => u.$destroy();
-    }), r.plugin.load({ tagList: [r.tag] });
+    s.tag = o, y(o) && (s.tag.element = (g) => {
+      var c, f;
+      (c = s.app) == null || c.$destroy();
+      const m = e === "start" ? p(u({}, o.data), { name: this.name, distance: Math.round((f = r.getLength()) != null ? f : 0), i18n: this.plugin.config.i18n }) : o.data, l = new E({ target: g, intro: !0, props: m });
+      return s.app = l, () => l.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
+    const d = this.meshStyle.translate;
+    if (d) {
+      const g = new n.Vector3().fromArray(o.position), m = new n.Vector3().fromArray(d);
+      g.add(m), g.y += this.heightOffset;
+      const l = g.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: l });
+    }
   }
   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;
@@ -408,21 +446,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, t, s) {
+  getPathFromPanoGroup(e, t, r) {
     if (e.length < 2)
       return [];
     const a = e.map((o) => t.observers[o]).map((o) => o.standingPosition.toArray());
-    return [p({ type: "CatmullRomCurve3", points: a }, s)];
+    return [u({ type: "CatmullRomCurve3", points: a }, r)];
   }
 }
-function b(n) {
-  return n.contentType === "Custom";
+function y(h) {
+  return h.contentType === "Custom";
 }
-const ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: R
+  GuideLineModeItem: N
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  R as GuideLineModeItem,
-  ie as GuideLineModeItem$1
+  N as GuideLineModeItem,
+  se as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -25,10 +25,13 @@ declare class GuideLineModeItem {
     name: string;
     startTagContainer: GuideLineTagContainer;
     endTagContainer: GuideLineTagContainer;
+    path: PluginType.PathItem[];
+    geometryStyle: PluginType.GuideLineGeometryStyle;
+    materialStyle: PluginType.GuideLineMaterialStyle;
+    meshStyle: PluginType.GuideLineMeshStyle;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
-    private path;
     private _curvePath;
     private _curvePoints;
     private _panoGroup;
@@ -56,6 +59,8 @@ declare class GuideLineModeItem {
     private flickerAnime;
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     private cacheLengths;
+    /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
+    private heightOffset;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -78,6 +83,10 @@ declare class GuideLineModeItem {
     setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle): void;
     /** 设置线条材质 */
     setMartial(options?: PluginType.GuideLineMaterialStyle): void;
+    /** 设置模型状态 */
+    setMeshStyle(options?: PluginType.GuideLineMeshStyle): void;
+    /** 设置 Y 轴上的偏移量，为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
+    setHeightOffset(offset: number): void;
     /** 设置贴图颜色 */
     setColor(color: null | string): void;
     /** 设置边框 */

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -13,7 +13,7 @@ import "../PanoTagPlugin/controller/index.js";
 import "./Components/Tag.js";
 import "./utils/index.js";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
-import { GuideLineModeItem as Wi } from "./GuideLineModeItem/index.js";
+import { GuideLineModeItem as Vi } from "./GuideLineModeItem/index.js";
 import "../vendor/polyline-normals/index.js";
 import "../vendor/polyline-miter-util/index.js";
 import "../vendor/gl-vec2/add.js";
@@ -72,7 +72,6 @@ import "../shared-utils/five/calculateThreeMouse.js";
 import "../PanoTagPlugin/utils/tag/adaptConfig.js";
 import "../shared-utils/typescript/entries.js";
 import "../shared-utils/url/getUrl.js";
-import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFloorIndex.js";
 import "../shared-utils/safeObj.js";
 import "../PanoTagPlugin/Components/TagContainer.js";
@@ -153,5 +152,5 @@ import "../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../shared-utils/five/fiveModelLoad.js";
 export {
-  Wi as GuideLineModeItem
+  Vi as GuideLineModeItem
 };

package/libs/GuideLinePlugin/index.js

@@ -1,6 +1,6 @@
 import t from "./Controller.js";
-import { GuideLineItem$1 as lt } from "./GuideLineItem/index.js";
-import { GuideLineModeItem$1 as It } from "./GuideLineModeItem/index.js";
+import { GuideLineItem$1 as ft } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as st } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -85,7 +85,6 @@ import "../shared-utils/five/calculateThreeMouse.js";
 import "../PanoTagPlugin/utils/tag/adaptConfig.js";
 import "../shared-utils/typescript/entries.js";
 import "../shared-utils/url/getUrl.js";
-import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFloorIndex.js";
 import "../shared-utils/safeObj.js";
 import "../PanoTagPlugin/Components/TagContainer.js";
@@ -169,10 +168,10 @@ import "./utils/index.js";
 import "../shared-utils/to.js";
 import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";
-const Lt = (i, o) => new t(i, o);
+const Gt = (i, o) => new t(i, o);
 export {
-  lt as GuideLineItem,
-  It as GuideLineModeItem,
-  Lt as GuideLinePlugin,
-  Lt as default
+  ft as GuideLineItem,
+  st as GuideLineModeItem,
+  Gt as GuideLinePlugin,
+  Gt as default
 };

package/libs/GuideLinePlugin/typing.d.ts

@@ -95,7 +95,12 @@ export interface ModelGuideLineStyle extends GuideLineStyle {
     end_tag?: ModelGuideLineTagData;
 }
 /** 不同模态下的路线数据 */
-export type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle;
+export type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle & GuideLineMeshStyle;
+/** 影响模型的样式 */
+export interface GuideLineMeshStyle {
+    /** 三维偏移值: [x, y, z] */
+    translate?: number[];
+}
 /** 影响形状的样式 */
 export interface GuideLineGeometryStyle {
     /** scale 之前的路线宽度，默认值是 0.5 */

package/libs/PanoTagPlugin/Components/Common/Icon/Icon.js

@@ -1,13 +1,13 @@
 var Q = Object.defineProperty, V = Object.defineProperties;
 var X = Object.getOwnPropertyDescriptors;
-var D = Object.getOwnPropertySymbols;
+var E = Object.getOwnPropertySymbols;
 var Y = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
-var E = (e, i, o) => i in e ? Q(e, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[i] = o, C = (e, i) => {
+var F = (e, i, o) => i in e ? Q(e, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[i] = o, C = (e, i) => {
   for (var o in i || (i = {}))
-    Y.call(i, o) && E(e, o, i[o]);
-  if (D)
-    for (var o of D(i))
-      Z.call(i, o) && E(e, o, i[o]);
+    Y.call(i, o) && F(e, o, i[o]);
+  if (E)
+    for (var o of E(i))
+      Z.call(i, o) && F(e, o, i[o]);
   return e;
 }, L = (e, i) => V(e, X(i));
 var K = (e, i, o) => new Promise((t, n) => {
@@ -26,7 +26,7 @@ var K = (e, i, o) => new Promise((t, n) => {
   }, u = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(r, m);
   u((o = o.apply(e, i)).next());
 });
-import { SvelteComponent as $, init as x, safe_not_equal as ee, append_styles as ie, empty as N, insert as w, transition_in as _, transition_out as y, check_outros as B, detach as b, createEventDispatcher as ne, onMount as te, element as R, space as oe, attr as p, set_style as c, append as re, group_outros as G, create_component as ae, mount_component as le, destroy_component as ue, handle_promise as q, update_await_block_branch as J, noop as s, src_url_equal as F } from "../../../../vendor/svelte/internal/index.js";
+import { SvelteComponent as $, init as x, safe_not_equal as ee, append_styles as ie, empty as N, insert as w, transition_in as _, transition_out as y, check_outros as B, detach as b, createEventDispatcher as ne, onMount as te, element as R, space as oe, attr as p, set_style as c, append as re, group_outros as G, create_component as ae, mount_component as le, destroy_component as ue, handle_promise as q, update_await_block_branch as J, noop as s, src_url_equal as M } from "../../../../vendor/svelte/internal/index.js";
 import "three";
 import { noTypecheck as W } from "../../../utils/noTypecheck.js";
 import { getKeyframeInfo as se, getImageInfo as fe } from "../../../utils/getImageInfo.js";
@@ -37,13 +37,13 @@ import "../../../../vendor/svelte/easing/index.js";
 function de(e) {
   ie(e, "svelte-316sq3", "@keyframes svelte-316sq3-sprites-animation{0%{background-position:0 0}100%{background-position:100% 0}}.icon-image.svelte-316sq3{display:block;width:auto}.icon-keyframe.svelte-316sq3{background-repeat:no-repeat;background-size:auto 100%;animation-direction:normal;animation-iteration-count:infinite;animation-name:svelte-316sq3-sprites-animation;animation-delay:0}");
 }
-function M(e) {
+function T(e) {
   e[1] = e[19].width;
 }
-function T(e) {
+function U(e) {
   e[1] = e[19].width, e[16] = e[19].height, e[17] = e[19].steps, e[18] = e[19].duration;
 }
-function U(e) {
+function j(e) {
   let i, o, t, n = (
     /*shadow*/
     e[0] && A()
@@ -237,11 +237,11 @@ function _e(e) {
   return { c: s, m: s, p: s, d: s };
 }
 function pe(e) {
-  M(e);
+  T(e);
   let i, o;
   return {
     c() {
-      i = R("img"), p(i, "alt", "tag-icon"), p(i, "class", "icon-image svelte-316sq3"), F(i.src, o = /*iconUrl*/
+      i = R("img"), p(i, "alt", "tag-icon"), p(i, "class", "icon-image svelte-316sq3"), M(i.src, o = /*iconUrl*/
       e[7]) || p(i, "src", o), c(i, "width", g(k({
         originWidth: (
           /*width*/
@@ -261,8 +261,8 @@ function pe(e) {
       w(t, i, n);
     },
     p(t, n) {
-      M(t), n & /*iconUrl*/
-      128 && !F(i.src, o = /*iconUrl*/
+      T(t), n & /*iconUrl*/
+      128 && !M(i.src, o = /*iconUrl*/
       t[7]) && p(i, "src", o), n & /*iconUrl, iconRatio, iconScale, iconWidth*/
       184 && c(i, "width", g(k({
         originWidth: (
@@ -291,10 +291,10 @@ function ke(e) {
   return { c: s, m: s, p: s, d: s };
 }
 function we(e) {
-  T(e);
+  U(e);
   let i, o = `url(${/*iconUrl*/
   e[7]})`, t = `steps(${/*steps*/
-  e[17]}, jump-none)`;
+  e[17] - 1})`;
   return {
     c() {
       i = R("div"), p(i, "class", "icon-keyframe svelte-316sq3"), c(i, "width", g(k({
@@ -342,7 +342,7 @@ function we(e) {
       w(n, i, r);
     },
     p(n, r) {
-      T(n), r & /*iconUrl, iconSteps, iconFps, iconRatio, iconScale, iconWidth*/
+      U(n), r & /*iconUrl, iconSteps, iconFps, iconRatio, iconScale, iconWidth*/
       252 && c(i, "width", g(k({
         originWidth: (
           /*width*/
@@ -388,7 +388,7 @@ function we(e) {
         n[18]
       ), r & /*iconUrl, iconSteps, iconFps, iconRatio*/
       228 && t !== (t = `steps(${/*steps*/
-      n[17]}, jump-none)`) && c(i, "animation-timing-function", t);
+      n[17] - 1})`) && c(i, "animation-timing-function", t);
     },
     d(n) {
       n && b(i);
@@ -401,7 +401,7 @@ function be(e) {
 function ye(e) {
   let i, o, t = (
     /*iconCopy*/
-    e[9] && U(e)
+    e[9] && j(e)
   );
   return {
     c() {
@@ -413,7 +413,7 @@ function ye(e) {
     p(n, [r]) {
       /*iconCopy*/
       n[9] ? t ? (t.p(n, r), r & /*iconCopy*/
-      512 && _(t, 1)) : (t = U(n), t.c(), _(t, 1), t.m(i.parentNode, i)) : t && (G(), y(t, 1, 1, () => {
+      512 && _(t, 1)) : (t = j(n), t.c(), _(t, 1), t.m(i.parentNode, i)) : t && (G(), y(t, 1, 1, () => {
         t = null;
       }), B());
     },
@@ -433,7 +433,7 @@ function k(e) {
   return L(C({}, e), { width: r, height: m });
 }
 function We(e, i, o) {
-  let t, n, r, m, u, a, d, v, I, { width: H = null } = i, { icon: l = null } = i, { shadow: j = !1 } = i;
+  let t, n, r, m, u, a, d, v, I, { width: H = null } = i, { icon: l = null } = i, { shadow: z = !1 } = i;
   const S = ne();
   function O(f) {
     return K(this, null, function* () {
@@ -449,13 +449,13 @@ function We(e, i, o) {
       return S("iconLoaded", h), h;
     });
   }
-  function z() {
+  function D() {
     v || S("iconLoaded");
   }
   return te(() => {
-    z();
+    D();
   }), e.$$set = (f) => {
-    "width" in f && o(1, H = f.width), "icon" in f && o(12, l = f.icon), "shadow" in f && o(0, j = f.shadow);
+    "width" in f && o(1, H = f.width), "icon" in f && o(12, l = f.icon), "shadow" in f && o(0, z = f.shadow);
   }, e.$$.update = () => {
     var f, h;
     e.$$.dirty & /*icon*/
@@ -475,8 +475,8 @@ function We(e, i, o) {
     })), e.$$.dirty & /*iconSteps*/
     4 && o(8, v = n > 1), e.$$.dirty & /*width*/
     2 && (I = H);
-  }, z(), [
-    j,
+  }, D(), [
+    z,
     H,
     n,
     a,