@realsee/dnalogel 3.63.4-alpha.4 → 3.64.0

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,38 +1,39 @@
-var k = Object.defineProperty, x = Object.defineProperties;
-var M = Object.getOwnPropertyDescriptors;
-var D = Object.getOwnPropertySymbols;
-var w = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var T = (m, e, t) => e in m ? k(m, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[e] = t, c = (m, e) => {
+var w = Object.defineProperty, V = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var p = (h, e, t) => e in h ? w(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, f = (h, e) => {
   for (var t in e || (e = {}))
-    w.call(e, t) && T(m, t, e[t]);
-  if (D)
-    for (var t of D(e))
-      P.call(e, t) && T(m, t, e[t]);
-  return m;
-}, y = (m, e) => x(m, M(e));
-var i = (m, e, t) => (T(m, typeof e != "symbol" ? e + "" : e, t), t);
-import * as h from "three";
-import { logError as F } from "../../shared-utils/log.js";
-import { createLineGeometry as U } from "../utils/createLineGeometry.js";
+    x.call(e, t) && p(h, t, e[t]);
+  if (y)
+    for (var t of y(e))
+      T.call(e, t) && p(h, t, e[t]);
+  return h;
+}, C = (h, e) => V(h, P(e));
+var i = (h, e, t) => (p(h, typeof e != "symbol" ? e + "" : e, t), t);
+import * as n from "three";
+import { logError as L } from "../../shared-utils/log.js";
+import { createLineGeometry as F } from "../utils/createLineGeometry.js";
 import "../../shared-utils/tag.js";
-import { isPanoramaLike as L, isModelLike as S } from "../../shared-utils/five/mode.js";
+import { isPanoramaLike as S, isModelLike as M } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
 import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "@realsee/five/line";
-import { notNil as V } from "../../shared-utils/isNil.js";
+import { notNil as _ } from "../../shared-utils/isNil.js";
 import "../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import { blink as O } from "../../shared-utils/three/blink.js";
-import { BetterTween as _ } from "../../shared-utils/animationFrame/BetterTween.js";
+import { BetterTween as U } from "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/five/FivePuppet.js";
-import { loadTexture as A } from "../../shared-utils/three/loadTexture.js";
-import C from "../../PanoTagPlugin/controller/index.js";
-import E from "../Components/Tag.js";
+import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
+import k from "../../PanoTagPlugin/controller/index.js";
+import A from "../Components/Tag.js";
 import { filterAdjacentDistinct as G } from "../utils/index.js";
 import { objectAssignDeepExports as B } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const I = (
+import { createPath as I } from "../utils/createPath.js";
+const W = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -45,7 +46,7 @@ const I = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), N = (
+), R = (
   /* glsl */
   `
   precision highp float;
@@ -74,12 +75,6 @@ const I = (
   uniform float opacity;
   // 最大 U 值
   uniform float maxV;
-  // 只显示 includeMinV ~ includeMaxV 之内的颜色
-  uniform float includeMinV;
-  uniform float includeMaxV;
-  // 不显示 excludeMinV ~ excludeMaxV 之内的颜色
-  uniform float excludeMinV;
-  uniform float excludeMaxV;
   // v offset
   uniform float vOffset;
   // 闪烁动画值
@@ -153,20 +148,6 @@ const I = (
 
   void main() {
     float v = vUv.y;
-    // 低版本 webgl 有精度问题，所以这里不能用 includeMinV != -1.0 && includeMaxV != -1.0
-    if (includeMinV > -0.9 && includeMaxV > -0.9) {
-      if (v < includeMinV || v > includeMaxV) {
-        gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
-        return;
-      }
-    }
-    // 同上
-    if (excludeMinV > -0.9 && excludeMaxV > -0.9) {
-      if (v >= excludeMinV && v <= excludeMaxV) {
-        gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);
-        return;
-      }
-    }
     vec4 image = getImage();
     vec4 border = getBorder();
     vec4 background = getBackground();
@@ -184,7 +165,7 @@ const I = (
   }
 `
 );
-class R {
+class N {
   constructor(e, t) {
     i(this, "name", "");
     i(this, "startTagContainer");
@@ -193,9 +174,8 @@ class R {
     i(this, "geometryStyle", {});
     i(this, "materialStyle", {});
     i(this, "meshStyle", {});
-    i(this, "group", new h.Group());
-    i(this, "meshWithDepthTest");
-    i(this, "meshWithoutDepthTest");
+    i(this, "group", new n.Group());
+    i(this, "mesh");
     i(this, "visible", null);
     i(this, "five");
     i(this, "mode");
@@ -221,16 +201,14 @@ class R {
     i(this, "plugin");
     i(this, "textureHasLoaded", !1);
     i(this, "disposed", !1);
-    i(this, "flowAnime", new _({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flowAnime", new U({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     i(this, "cacheLengths", []);
     /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
     i(this, "heightOffset", 0);
-    i(this, "panoMap", {});
-    i(this, "autoDepthTestEffectDistance");
     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("panoArrived", this.onFivePanoArrived), this.five.off("modelShownFloorChange", this.onFiveModelShownFloorChange), this.doHide(), (e = this.startTagContainer) == null || e.plugin.dispose(), (t = this.endTagContainer) == null || t.plugin.dispose());
+      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());
     });
     /** 开始走点动画 */
     i(this, "onWalkAnimationStart", () => {
@@ -242,20 +220,7 @@ class R {
     });
     /** 模型状态变更 */
     i(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? L(e) : S(e), this.updateVisible();
-    });
-    /** 走点 */
-    i(this, "onFivePanoArrived", (e) => {
-      var s, a, o, n, l, d;
-      const t = (o = (a = (s = this.path) == null ? void 0 : s[0]) == null ? void 0 : a.panoIndexMap) == null ? void 0 : o[e], r = this.panoMap[t != null ? t : e];
-      if (r === void 0)
-        this.group.children.includes(this.meshWithoutDepthTest) && this.group.remove(this.meshWithoutDepthTest), this.meshWithDepthTest.material.uniforms.excludeMinV.value = -1, this.meshWithDepthTest.material.uniforms.excludeMaxV.value = -1;
-      else {
-        this.group.children.includes(this.meshWithoutDepthTest) || this.group.add(this.meshWithoutDepthTest), this.meshWithoutDepthTest.visible = !0;
-        const u = this.meshWithDepthTest.geometry.getAttribute("uv"), p = 100 * ((n = this.autoDepthTestEffectDistance) != null ? n : 2), g = (l = u.getY((r - p) * 2)) != null ? l : 0, f = (d = u.getY((r + p) * 2)) != null ? d : u.getY(u.count - 1);
-        this.meshWithDepthTest.material.uniforms.excludeMinV.value = g, this.meshWithDepthTest.material.uniforms.excludeMaxV.value = f, this.meshWithDepthTest.material.uniforms.includeMinV.value = -1, this.meshWithDepthTest.material.uniforms.includeMaxV.value = -1, this.meshWithoutDepthTest.material.uniforms.includeMinV.value = g, this.meshWithoutDepthTest.material.uniforms.includeMaxV.value = f, this.meshWithoutDepthTest.material.uniforms.excludeMinV.value = -1, this.meshWithoutDepthTest.material.uniforms.excludeMaxV.value = -1;
-      }
-      this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+      this.modeVisible = this.mode === "panorama" ? S(e) : M(e), this.updateVisible();
     });
     i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
@@ -267,37 +232,33 @@ class R {
     });
     i(this, "onFlowAnimeUpdate", (e) => {
       const { progress: t } = e;
-      this.meshWithDepthTest.material.uniforms.vOffset.value = t, this.meshWithoutDepthTest.material.uniforms.vOffset.value = t, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+      this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
-    i(this, "logError", (e) => F("GuideLineModeItem: ", e));
+    i(this, "logError", (e) => L("GuideLineModeItem: ", e));
     var a, o;
     this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.group.name = "GuideLineModeItem";
-    const r = new h.BufferGeometry(), s = new h.ShaderMaterial({
-      vertexShader: I,
-      fragmentShader: N,
+    const s = new n.BufferGeometry(), r = new n.ShaderMaterial({
+      vertexShader: W,
+      fragmentShader: R,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new h.Color() },
+        mapColor: { value: new n.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new h.Color() },
+        backgroundColor: { value: new n.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new h.Color() },
+        borderColor: { value: new n.Color() },
         borderOpacity: { value: 0 },
         backgroundClip: { value: 0 },
         borderWidth: { value: 0.05 },
         opacity: { value: 1 },
         flicker: { value: 1 },
         maxV: { value: 0 },
-        vOffset: { value: 0 },
-        includeMinV: { value: -1 },
-        includeMaxV: { value: -1 },
-        excludeMinV: { value: -1 },
-        excludeMaxV: { value: -1 }
+        vOffset: { value: 0 }
       }
     });
-    this.meshWithDepthTest = new h.Mesh(r, s), this.meshWithoutDepthTest = new h.Mesh(r, s.clone()), this.meshWithoutDepthTest.material.depthTest = !1, this.meshWithDepthTest.name = "GuideLineModeItemWithDepthTest", this.meshWithoutDepthTest.name = "GuideLineModeItemWithoutDepthTest", this.group.add(this.meshWithDepthTest), this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd), this.onFivePanoArrived(this.five.getCurrentState().panoIndex)), 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.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("panoArrived", this.onFivePanoArrived), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange), this.five.needsRender = !0;
+    this.mesh = new n.Mesh(s, r), this.mesh.name = "GuideLineModeItem", this.group.add(this.mesh), 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.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.five.needsRender = !0;
   }
   get panoGroup() {
     return this._panoGroup;
@@ -344,86 +305,82 @@ class R {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const r = G(e);
-    if (this._panoGroup = r, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const a = t.skipPanoGroup ? r.map((o) => this.plugin.workUtil.getObserverStandingPosition(o)).filter(V) : null;
+    const s = G(e);
+    if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
+      const a = t.skipPanoGroup ? s.map((o) => this.plugin.workUtil.getObserverStandingPosition(o)).filter(_) : null;
       this.skippedPositions = a;
     }
-    const s = this.getPathFromPanoGroup(r, this.five.work, t);
-    this.path = s, this.setGeometryByPath(s, t);
+    const r = I(s, this.five.work, t);
+    this.path = r, this.setGeometryByPath(r, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var g, f, v, W;
+    var d, g, m;
     if (this.disposed)
       return this.logError("disposed");
-    const r = (g = t == null ? void 0 : t.scale) != null ? g : this.scale, s = (f = t == null ? void 0 : t.width) != null ? f : this.width, a = (v = t == null ? void 0 : t.unit_length) != null ? v : this.unitLength;
-    this.scale = r, this.width = s, this.unitLength = a;
-    const { geometry: o, maxV: n, curvePath: l, curvePoints: d, panoMap: u, totalLength: p } = U({
+    const s = (d = t == null ? void 0 : t.scale) != null ? d : this.scale, r = (g = t == null ? void 0 : t.width) != null ? g : this.width, a = (m = t == null ? void 0 : t.unit_length) != null ? m : this.unitLength;
+    this.scale = s, this.width = r, this.unitLength = a;
+    const { geometry: o, maxV: l, curvePath: c, curvePoints: u } = F({
       path: e,
-      width: s * r,
-      unitLength: a * r,
-      skipPositions: this.skippedPositions,
-      useAutoDepthTest: t.useAutoDepthTest
+      width: r * s,
+      unitLength: a * s,
+      skipPositions: this.skippedPositions
     });
-    this.autoDepthTestEffectDistance = (W = t.autoDepthTestEffectDistance) != null ? W : (() => {
-      const b = p / 10;
-      return b > 3 ? 3 : b < 1 ? 1 : b;
-    })(), this.panoMap = u, this._curvePath = l, this._curvePoints = d, this.meshWithDepthTest.geometry.copy(o), this.onFivePanoArrived(this.five.getCurrentState().panoIndex), this.meshWithDepthTest.material.needsUpdate = !0, this.meshWithDepthTest.material.uniforms.maxV.value = n, this.meshWithoutDepthTest.material.needsUpdate = !0, this.meshWithoutDepthTest.material.uniforms.maxV.value = n, this.five.needsRender = !0, this.path = e, this.geometryStyle = c(c({}, this.geometryStyle), t);
+    this._curvePath = c, this._curvePoints = u, this.mesh.geometry.copy(o), this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxV.value = l, this.five.needsRender = !0, this.path = e, this.geometryStyle = f(f({}, this.geometryStyle), t);
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var r, s, a, o, n;
+    var s, r, a, o, l;
     if (this.disposed)
       return this.logError("disposed");
-    this.setDefaultVisible((r = e == null ? void 0 : e.visible) != null ? r : !1), this.setColor((s = e == null ? void 0 : e.color) != null ? s : "#ffffff"), this.setOpacity((a = e == null ? void 0 : e.opacity) != null ? a : 0.5), this.setTextureUrl((n = (o = e == null ? void 0 : e.texture) == null ? void 0 : o.url) != null ? n : "https://vr-image-4.realsee-cdn.cn/release/web/arrow1.ebe7d0ff.png"), (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.border_width) !== void 0 && this.setBorderWidth(e.border_width), (e == null ? void 0 : e.background_clip) !== void 0 && this.setBackgroundClip(e.background_clip);
-    const t = c(c({}, this.materialStyle), e);
+    this.setDefaultVisible((s = e == null ? void 0 : e.visible) != null ? s : !1), this.setColor((r = e == null ? void 0 : e.color) != null ? r : "#ffffff"), this.setOpacity((a = e == null ? void 0 : e.opacity) != null ? a : 0.5), this.setTextureUrl((l = (o = e == null ? void 0 : e.texture) == null ? void 0 : o.url) != null ? l : "https://vr-image-4.realsee-cdn.cn/release/web/arrow1.ebe7d0ff.png"), (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.border_width) !== void 0 && this.setBorderWidth(e.border_width), (e == null ? void 0 : e.background_clip) !== void 0 && this.setBackgroundClip(e.background_clip);
+    const t = f(f({}, this.materialStyle), e);
     this.materialStyle = t;
   }
   /** 设置模型状态 */
   setMeshStyle(e) {
     if (e != null && e.translate) {
-      const s = new h.Vector3(), a = new h.Vector3().fromArray(e.translate);
-      a.y += this.heightOffset, s.add(a), this.group.position.copy(s), r(this.startTagContainer, a), r(this.endTagContainer, a);
+      const r = new n.Vector3(), a = new n.Vector3().fromArray(e.translate);
+      a.y += this.heightOffset, r.add(a), this.group.position.copy(r), s(this.startTagContainer, a), s(this.endTagContainer, a);
     }
-    const t = c(c({}, this.meshStyle), e);
+    const t = f(f({}, this.meshStyle), e);
     this.meshStyle = t;
-    function r(s, a) {
-      if (!(s != null && s.tag))
+    function s(r, a) {
+      if (!(r != null && r.tag))
         return;
-      const o = new h.Vector3().fromArray(s.tag.position);
+      const o = new n.Vector3().fromArray(r.tag.position);
       o.add(a);
-      const n = o.toArray();
-      s.plugin.changeTagById(s.tag.id, { position: n });
+      const l = o.toArray();
+      r.plugin.changeTagById(r.tag.id, { position: l });
     }
   }
   /** 设置 Y 轴上的偏移量，为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
   setHeightOffset(e) {
-    const t = new h.Vector3();
-    this.meshStyle.translate && t.add(new h.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.group.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
+    const t = new n.Vector3();
+    this.meshStyle.translate && t.add(new n.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.group.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
   }
   /** 设置贴图颜色 */
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    e && (this.meshWithDepthTest.material.uniforms.mapColor.value = new h.Color().set(e), this.meshWithoutDepthTest.material.uniforms.mapColor.value = new h.Color().set(e)), this.meshWithDepthTest.material.uniforms.useMapColor.value = e ? 1 : 0, this.meshWithoutDepthTest.material.uniforms.useMapColor.value = e ? 1 : 0, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.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.meshWithDepthTest.material.uniforms.borderColor.value = new h.Color().set(e), this.meshWithoutDepthTest.material.uniforms.borderColor.value = new h.Color().set(e), this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new n.Color().set(e), this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.borderOpacity.value = e, this.meshWithoutDepthTest.material.uniforms.borderOpacity.value = e, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   setBackgroundClip(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.backgroundClip.value = e === "border-box" ? 0 : 1, this.meshWithoutDepthTest.material.uniforms.backgroundClip.value = e === "border-box" ? 0 : 1, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundClip.value = e === "border-box" ? 0 : 1, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /**
    * @description: 设置边框宽度
@@ -431,45 +388,45 @@ class R {
   setBorderWidth(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.borderWidth.value = e, this.meshWithoutDepthTest.material.uniforms.borderWidth.value = e, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderWidth.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景颜色 */
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.backgroundColor.value = new h.Color().set(e), this.meshWithoutDepthTest.material.uniforms.backgroundColor.value = new h.Color().set(e), this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.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) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.backgroundOpacity.value = e, this.meshWithoutDepthTest.material.uniforms.backgroundOpacity.value = e, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置整体透明度 */
   setOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.opacity.value = e, this.meshWithoutDepthTest.material.uniforms.opacity.value = e, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.opacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置贴图透明度 */
   setMapOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.meshWithDepthTest.material.uniforms.mapOpacity.value = e, this.meshWithoutDepthTest.material.uniforms.mapOpacity.value = e, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.mapOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置贴图 */
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, A(e).then((t) => {
-      this.disposed || this.textureUrl === e && (t.wrapT = h.RepeatWrapping, this.textureHasLoaded = !0, this.meshWithDepthTest.material.uniforms.map.value = t, this.meshWithoutDepthTest.material.uniforms.map.value = t, this.meshWithDepthTest.material.uniformsNeedUpdate = !0, this.meshWithoutDepthTest.material.uniformsNeedUpdate = !0, this.meshWithDepthTest.material.needsUpdate = !0, this.meshWithoutDepthTest.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    this.textureUrl = e, E(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, r;
+    var t, s;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (t = this.five.model) == null ? void 0 : t.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);
@@ -479,10 +436,10 @@ class R {
   }
   /** 闪烁 */
   flicker() {
-    var e, t, r, s, a, o;
+    var e, t, s, r, a, o;
     if (this.disposed)
       return this.logError("disposed");
-    O([this.group, (r = (t = (e = this.startTagContainer) == null ? void 0 : e.plugin) == null ? void 0 : t.tags[0]) == null ? void 0 : r.dom, (o = (a = (s = this.endTagContainer) == null ? void 0 : s.plugin) == null ? void 0 : a.tags[0]) == null ? void 0 : o.dom], {
+    O([this.group, (s = (t = (e = this.startTagContainer) == null ? void 0 : e.plugin) == null ? void 0 : t.tags[0]) == null ? void 0 : s.dom, (o = (a = (r = this.endTagContainer) == null ? void 0 : r.plugin) == null ? void 0 : a.tags[0]) == null ? void 0 : o.dom], {
       loop: 6,
       updateRender: () => {
         this.five.needsRender = !0;
@@ -499,43 +456,43 @@ class R {
     return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
   }
   getPanoGroupLengths() {
-    var l;
+    var c;
     if (!this.curvePoints || !this.curvePath)
       return [];
-    const e = this.curvePoints.length, t = this.curvePath.getLength(), r = e - 1, s = t / r, a = (l = this.curvePath.getLengths(r)) != null ? l : [], o = [];
-    let n = 0;
-    for (let d = 0; d < e; d++) {
-      const u = this.curvePoints[d], p = this.plugin.workUtil.getObserverStandingPosition(n);
-      if (!p)
+    const e = this.curvePoints.length, t = this.curvePath.getLength(), s = e - 1, r = t / s, a = (c = this.curvePath.getLengths(s)) != null ? c : [], o = [];
+    let l = 0;
+    for (let u = 0; u < e; u++) {
+      const d = this.curvePoints[u], g = this.plugin.workUtil.getObserverStandingPosition(l);
+      if (!g)
         break;
-      p.clone().setY(0).distanceTo(u.clone().setY(0)) < s && (o.push(a[d]), n += 1);
+      g.clone().setY(0).distanceTo(d.clone().setY(0)) < r && (o.push(a[u]), l += 1);
     }
     return o;
   }
   setTag(e, t) {
-    var l, d;
-    const r = this.curvePath;
+    var c, u;
+    const s = this.curvePath;
     if (!(t != null && t.data))
       return;
-    const s = e === "start" ? (l = this.startTagContainer) != null ? l : (() => (this.startTagContainer = { tag: null, plugin: new C(this.five, { containerZIndex: 1 }) }, this.startTagContainer))() : (d = this.endTagContainer) != null ? d : (() => (this.endTagContainer = { tag: null, plugin: new C(this.five, { containerZIndex: 1 }) }, this.endTagContainer))(), o = B({}, {
+    const r = e === "start" ? (c = this.startTagContainer) != null ? c : (() => (this.startTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 1 }) }, this.startTagContainer))() : (u = this.endTagContainer) != null ? u : (() => (this.endTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 1 }) }, this.endTagContainer))(), o = B({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    s.tag = o, H(o) && (s.tag.element = (u) => {
-      var f, v;
-      (f = s.app) == null || f.$destroy();
-      const p = e === "start" ? y(c({}, o.data), { name: this.name, distance: Math.round((v = r.getLength()) != null ? v : 0), i18n: this.plugin.config.i18n }) : o.data, g = new E({ target: u, intro: !0, props: p });
-      return s.app = g, () => g.$destroy();
-    }), s.plugin.load({ tagList: [s.tag] });
-    const n = this.meshStyle.translate;
-    if (n && o.position) {
-      const u = new h.Vector3().fromArray(o.position), p = new h.Vector3().fromArray(n);
-      u.add(p), u.y += this.heightOffset;
-      const g = u.toArray();
-      s.plugin.changeTagById(s.tag.id, { position: g });
+    r.tag = o, H(o) && (r.tag.element = (d) => {
+      var v, b;
+      (v = r.app) == null || v.$destroy();
+      const g = e === "start" ? C(f({}, o.data), { name: this.name, distance: Math.round((b = s.getLength()) != null ? b : 0), i18n: this.plugin.config.i18n }) : o.data, m = new A({ target: d, intro: !0, props: g });
+      return r.app = m, () => m.$destroy();
+    }), r.plugin.load({ tagList: [r.tag] });
+    const l = this.meshStyle.translate;
+    if (l && o.position) {
+      const d = new n.Vector3().fromArray(o.position), g = new n.Vector3().fromArray(l);
+      d.add(g), d.y += this.heightOffset;
+      const m = d.toArray();
+      r.plugin.changeTagById(r.tag.id, { position: m });
     }
   }
   doShow() {
@@ -546,38 +503,15 @@ class R {
     var e, t;
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.group), (e = this.startTagContainer) == null || e.plugin.hide(), (t = this.endTagContainer) == null || t.plugin.hide(), this.five.needsRender = !0;
   }
-  /** 通过 panoIndex 数组计算路径 */
-  getPathFromPanoGroup(e, t, r) {
-    if (e.length < 2)
-      return [];
-    const s = {}, a = e.map((l, d) => {
-      const u = this.plugin.workUtil.getObserverStandingPosition(l);
-      if (!u)
-        return;
-      const p = e[d - 1];
-      if ((d === 0 ? 999 : u.distanceTo(this.plugin.workUtil.getObserverStandingPosition(p))) < 0.05) {
-        let f = p;
-        for (; s[f] !== void 0; )
-          f = s[f];
-        s[l] = f;
-        return;
-      }
-      return {
-        position: u,
-        panoIndex: l
-      };
-    }).filter(V), o = a.map((l) => l.position.toArray()), n = a.map((l) => l.panoIndex);
-    return [y(c({ type: "CatmullRomCurve3", points: o }, r), { panoIndexList: n, panoIndexMap: s })];
-  }
 }
-function H(m) {
-  return m.contentType === "Custom";
+function H(h) {
+  return h.contentType === "Custom";
 }
-const de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: R
+  GuideLineModeItem: N
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  R as GuideLineModeItem,
-  de as GuideLineModeItem$1
+  N as GuideLineModeItem,
+  ue as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -30,8 +30,7 @@ declare class GuideLineModeItem {
     materialStyle: PluginType.GuideLineMaterialStyle;
     meshStyle: PluginType.GuideLineMeshStyle;
     readonly group: THREE.Group;
-    readonly meshWithDepthTest: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
-    readonly meshWithoutDepthTest: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
+    readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     visible: boolean | null;
     private five;
     private mode;
@@ -62,8 +61,6 @@ declare class GuideLineModeItem {
     private cacheLengths;
     /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
     private heightOffset;
-    private panoMap;
-    private autoDepthTestEffectDistance?;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
@@ -79,16 +76,11 @@ declare class GuideLineModeItem {
     /** 设置缩放 */
     setScale(scale: number): void;
     /** 通过点位设置线条形状 */
-    setGeometryByPanoGroup(_panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle & {
+    setGeometryByPanoGroup(_panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.ExtraRouteData & PluginType.GuideLineGeometryStyle & {
         skipPanoGroup?: boolean;
-        useAutoDepthTest?: boolean;
-        autoDepthTestEffectDistance?: number;
     }): void;
     /** 通过路径设置线条形状 */
-    setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle & {
-        useAutoDepthTest?: boolean;
-        autoDepthTestEffectDistance?: number;
-    }): void;
+    setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle): void;
     /** 设置线条材质 */
     setMartial(options?: PluginType.GuideLineMaterialStyle): void;
     /** 设置模型状态 */
@@ -136,15 +128,11 @@ declare class GuideLineModeItem {
     private onWalkAnimationEnd;
     /** 模型状态变更 */
     private onFiveModeChange;
-    /** 走点 */
-    private onFivePanoArrived;
     private onFiveModelShownFloorChange;
     /** 更新可见性 */
     private updateVisible;
     private doShow;
     private doHide;
-    /** 通过 panoIndex 数组计算路径 */
-    private getPathFromPanoGroup;
     private onFlowAnimeUpdate;
     private logError;
 }

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -19,6 +19,7 @@ import "../PanoTagPlugin/controller/index.js";
 import "./Components/Tag.js";
 import "./utils/index.js";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
+import "./utils/createPath.js";
 import { GuideLineModeItem as Nm } from "./GuideLineModeItem/index.js";
 import "../vendor/polyline-normals/index.js";
 import "../vendor/polyline-miter-util/index.js";
@@ -68,7 +69,6 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
-import "../Sculpt/utils/unit.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";

package/libs/GuideLinePlugin/index.js

@@ -55,7 +55,6 @@ import "../shared-utils/three/core/LineGeometry.js";
 import "../shared-utils/three/core/LineMaterial.js";
 import "../shared-utils/three/core/Line2.js";
 import "../shared-utils/three/core/LineMaterial2.js";
-import "../Sculpt/utils/unit.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -210,6 +209,7 @@ import "../PanoTagPlugin/Components/TagItem.js";
 import "../PanoTagPlugin/Components/Common/TagPoint.js";
 import "./Components/Tag.js";
 import "./utils/index.js";
+import "./utils/createPath.js";
 import "../shared-utils/to.js";
 import "../shared-utils/five/changeMode.js";
 import "../shared-utils/nearlyEqual.js";