@realsee/dnalogel 3.77.3 → 3.77.4-alpha.0

package/libs/GuideLinePlugin/Controller.js

@@ -9,9 +9,9 @@ var b = (a, p, t) => p in a ? V(a, p, { enumerable: !0, configurable: !0, writab
     for (var t of U(p))
       R.call(p, t) && b(a, t, p[t]);
   return a;
-}, f = (a, p) => N(a, P(p));
+}, c = (a, p) => N(a, P(p));
 var d = (a, p, t) => (b(a, typeof p != "symbol" ? p + "" : p, t), t);
-var c = (a, p, t) => new Promise((i, s) => {
+var f = (a, p, t) => new Promise((i, s) => {
   var e = (m) => {
     try {
       r(t.next(m));
@@ -43,7 +43,7 @@ import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../vendor/earcut/src/earcut.js";
 import { uuid as H } from "../shared-utils/uuid.js";
-import { GUIDELINE_WHITE_ARROW_TEXTURE as j, GUIDELINE_DEFAULT_ARROW_TEXTURE as F } from "../shared-utils/url/defaultUrls.js";
+import { GUIDELINE_WHITE_ARROW_TEXTURE as F, GUIDELINE_DEFAULT_ARROW_TEXTURE as j } from "../shared-utils/url/defaultUrls.js";
 import { replaceStaticPrefix as g } from "../shared-utils/url/replace-static-prefix.js";
 import { equal as B } from "../shared-utils/equal.js";
 import "../shared-utils/five/FivePuppet.js";
@@ -395,43 +395,43 @@ class le extends k {
     return this._disposed;
   }
   load(t, i, s = !0) {
-    return c(this, null, function* () {
-      var y, I, v, x, L, D, w;
+    return f(this, null, function* () {
+      var I, y, v, D, x, T, L;
       const e = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, o = yield this.formatData(t);
       this.hooks.emit("dataChange", o, e), this.data = o;
-      const r = o.config, m = !o.lines && o.routes, n = (y = r == null ? void 0 : r.arrowTextureUrl) != null ? y : g(this.staticPrefix, j), h = f(l({}, r), {
+      const r = o.config, m = !o.lines && o.routes, n = (I = r == null ? void 0 : r.arrowTextureUrl) != null ? I : g(this.staticPrefix, F), h = c(l({}, r), {
         model_style: {
           texture: { url: n }
         },
         panorama_style: {
           visible: !!m,
-          unit_length: (I = r == null ? void 0 : r.unitHeight) != null ? I : 0.4,
+          unit_length: (y = r == null ? void 0 : r.unitHeight) != null ? y : 0.4,
           width: (v = r == null ? void 0 : r.unitWidth) != null ? v : 0.6,
           texture: { url: n }
         }
-      }), O = (L = (x = o.routes) == null ? void 0 : x.map((u) => {
-        var T;
-        return G({}, h, { id: (T = u.id) != null ? T : H(), pano_group: u.panoIndexList });
-      })) != null ? L : [], S = (w = (D = o.lines) == null ? void 0 : D.map((u) => G({}, h, u))) != null ? w : [], M = [...O, ...S];
+      }), O = (x = (D = o.routes) == null ? void 0 : D.map((u) => {
+        var w;
+        return G({}, h, { id: (w = u.id) != null ? w : H(), pano_group: u.panoIndexList });
+      })) != null ? x : [], S = (L = (T = o.lines) == null ? void 0 : T.map((u) => G({}, h, u))) != null ? L : [], M = [...O, ...S];
       yield $(this.five), this.clear(), M.forEach((u) => {
         this.addGuideLineItem(this.processItemUrls(u));
       }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: s }), this.hooks.emit("dataLoaded", o), console.debug(`${E} loaded`, o);
     });
   }
   formatData(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       return this.getDataWithoutVersion(t);
     });
   }
   /** 展示插件 */
   show(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       this.setState({ visible: !0 }, t);
     });
   }
   /** 隐藏插件 */
   hide(t) {
-    return c(this, null, function* () {
+    return f(this, null, function* () {
       this.setState({ visible: !1 }, t);
     });
   }
@@ -463,19 +463,19 @@ class le extends k {
   }
   processItemUrls(t) {
     var e, o, r, m;
-    const i = l({}, t), s = F;
+    const i = l({}, t), s = j;
     if (i.panorama_style) {
       const n = (o = (e = i.panorama_style.texture) == null ? void 0 : e.url) != null ? o : s;
-      i.panorama_style = f(l({}, i.panorama_style), {
-        texture: f(l({}, i.panorama_style.texture), {
+      i.panorama_style = c(l({}, i.panorama_style), {
+        texture: c(l({}, i.panorama_style.texture), {
           url: g(this.staticPrefix, n)
         })
       });
     }
     if (i.model_style) {
       const n = (m = (r = i.model_style.texture) == null ? void 0 : r.url) != null ? m : s;
-      i.model_style = f(l({}, i.model_style), {
-        texture: f(l({}, i.model_style.texture), {
+      i.model_style = c(l({}, i.model_style), {
+        texture: c(l({}, i.model_style.texture), {
           url: g(this.staticPrefix, n)
         })
       });
@@ -490,6 +490,37 @@ class le extends k {
   removeGuideLineItem(t) {
     this.itemMap.delete(t.id), t.panoramaItem.dispose(), t.modelItem.dispose();
   }
+  /**
+   * 动态更新距离格式化函数，立即刷新所有路线标签的距离显示。
+   * 不传参时恢复为默认格式（i18n('全程') + 距离 + i18n('米')）。
+   * @param fn 格式化函数，输入米数，返回带单位的完整字符串
+   * @example
+   *   // 室内英制：英尺 + 英寸（如 "5'10""）
+   *   plugin.setDistanceFormatter((m) => {
+   *     const totalInches = Math.round(m * 39.3701)
+   *     const feet = Math.floor(totalInches / 12)
+   *     const inches = totalInches % 12
+   *     return `${feet}'${inches}"`
+   *   })
+   *   // 室外英制：英里（如 "1.24 mi"）
+   *   plugin.setDistanceFormatter((m) => `${(m * 0.000621371).toFixed(2)} mi`)
+   *   // 自动切换：近距离用英尺，远距离用英里
+   *   plugin.setDistanceFormatter((m) => {
+   *     if (m < 300) return `${Math.round(m * 3.28084)} ft`
+   *     return `${(m * 0.000621371).toFixed(2)} mi`
+   *   })
+   *   // 恢复默认（i18n '米'）
+   *   plugin.setDistanceFormatter()
+   */
+  setDistanceFormatter(t) {
+    this._config.formatDistance = t, this.updateTagDistances();
+  }
+  /** 更新所有 tag 的距离显示（当 formatDistance 函数改变时调用） */
+  updateTagDistances() {
+    this.itemMap.forEach((t) => {
+      t.panoramaItem.updateTagDistance(), t.modelItem.updateTagDistance();
+    });
+  }
   /** 全量更新 tag */
   updateTagsEnable() {
     const t = [];
@@ -508,10 +539,13 @@ class le extends k {
       }) : !1;
     }
     this.itemMap.forEach((o) => {
-      const r = o.modelItem.startTagContainer, m = o.modelItem.endTagContainer, n = e(r);
-      n && t.push(r), r == null || r.plugin.setState({ enabled: n }, {});
+      const r = o.modelItem.startTagContainer, m = o.modelItem.endTagContainer;
+      if (!r && !m)
+        return;
+      const n = e(r);
+      n && r && t.push(r), r == null || r.plugin.setState({ enabled: n }, {});
       const h = e(m);
-      h && t.push(m), m == null || m.plugin.setState({ enabled: h }, {});
+      h && m && t.push(m), m == null || m.plugin.setState({ enabled: h }, {});
     });
   }
   /** 清空所有 GuideLineItem */

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,44 +1,44 @@
-var w = Object.defineProperty, S = Object.defineProperties;
-var V = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var b = (l, e, t) => e in l ? w(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, p = (l, e) => {
+var P = Object.defineProperty, x = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var T = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var y = (l, e, t) => e in l ? P(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t, c = (l, e) => {
   for (var t in e || (e = {}))
-    F.call(e, t) && b(l, t, e[t]);
-  if (y)
-    for (var t of y(e))
-      T.call(e, t) && b(l, t, e[t]);
+    M.call(e, t) && y(l, t, e[t]);
+  if (T)
+    for (var t of T(e))
+      _.call(e, t) && y(l, t, e[t]);
   return l;
-}, C = (l, e) => S(l, V(e));
-var i = (l, e, t) => (b(l, typeof e != "symbol" ? e + "" : e, t), t);
+}, S = (l, e) => x(l, L(e));
+var i = (l, e, t) => (y(l, typeof e != "symbol" ? e + "" : e, t), t);
 import * as n from "three";
-import { logError as P } from "../../shared-utils/log.js";
-import { createLineGeometry as x } from "../utils/createLineGeometry.js";
+import { logError as O } from "../../shared-utils/log.js";
+import { createLineGeometry as E } from "../utils/createLineGeometry.js";
 import "../../shared-utils/tag.js";
-import { isPanoramaLike as L, isModelLike as M } from "../../shared-utils/five/mode.js";
+import { isPanoramaLike as U, isModelLike as A } 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 _ } from "../../shared-utils/isNil.js";
+import { notNil as G } 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 { blink as B } from "../../shared-utils/three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/earcut/src/earcut.js";
-import { GUIDELINE_DEFAULT_ARROW_TEXTURE as E } from "../../shared-utils/url/defaultUrls.js";
-import { BetterTween as U } from "../../shared-utils/animationFrame/BetterTween.js";
+import { GUIDELINE_DEFAULT_ARROW_TEXTURE as I } from "../../shared-utils/url/defaultUrls.js";
+import { BetterTween as R } from "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/five/FivePuppet.js";
-import { loadTexture as A } from "../../shared-utils/three/loadTexture.js";
-import k from "../../PanoTagPlugin/controller/index.js";
-import G from "../Components/Tag.js";
-import { filterAdjacentDistinct as B } from "../utils/index.js";
-import { objectAssignDeepExports as R } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { createPath as I } from "../utils/createPath.js";
-import { getGlobalResponsiveFontSize as W, getCurrentFontSize as z } from "../../shared-utils/fontSize.js";
-const N = (
+import { loadTexture as W } from "../../shared-utils/three/loadTexture.js";
+import V from "../../PanoTagPlugin/controller/index.js";
+import z from "../Components/Tag.js";
+import { filterAdjacentDistinct as D } from "../utils/index.js";
+import { objectAssignDeepExports as N } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { createPath as H } from "../utils/createPath.js";
+import { getGlobalResponsiveFontSize as $, getCurrentFontSize as j } from "../../shared-utils/fontSize.js";
+const Y = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -51,7 +51,7 @@ const N = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), D = (
+), Z = (
   /* glsl */
   `
   precision highp float;
@@ -170,7 +170,7 @@ const N = (
   }
 `
 );
-class H {
+class X {
   constructor(e, t) {
     i(this, "name", "");
     i(this, "startTagContainer");
@@ -182,6 +182,9 @@ class H {
     i(this, "group", new n.Group());
     i(this, "mesh");
     i(this, "visible", null);
+    /** 保存原始的 tag 数据，用于更新距离显示 */
+    i(this, "startTagData", null);
+    i(this, "endTagData", null);
     i(this, "five");
     i(this, "mode");
     i(this, "_curvePath", null);
@@ -206,15 +209,15 @@ class H {
     i(this, "plugin");
     i(this, "textureHasLoaded", !1);
     i(this, "disposed", !1);
-    i(this, "flowAnime", new U({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flowAnime", new R({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     i(this, "cacheLengths", []);
     /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
     i(this, "heightOffset", 0);
     /** 响应式字体大小管理器 */
-    i(this, "fontSizeManager", W());
+    i(this, "fontSizeManager", $());
     /** 当前字体大小 */
-    i(this, "currentFontSize", z());
+    i(this, "currentFontSize", j());
     /** 字体大小订阅取消函数 */
     i(this, "unsubscribeFontSize", null);
     i(this, "dispose", () => {
@@ -231,7 +234,7 @@ class H {
     });
     /** 模型状态变更 */
     i(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? L(e) : M(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? U(e) : A(e), this.updateVisible();
     });
     i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
@@ -245,7 +248,7 @@ class H {
       const { progress: t } = e;
       this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
-    i(this, "logError", (e) => P("GuideLineModeItem: ", e));
+    i(this, "logError", (e) => O("GuideLineModeItem: ", e));
     /** 更新标签字体大小 */
     i(this, "updateTagFontSize", () => {
       var e, t;
@@ -254,8 +257,8 @@ class H {
     var a, o;
     this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.group.name = "GuideLineModeItem";
     const s = new n.BufferGeometry(), r = new n.ShaderMaterial({
-      vertexShader: N,
-      fragmentShader: D,
+      vertexShader: Y,
+      fragmentShader: Z,
       transparent: !0,
       uniforms: {
         map: { value: null },
@@ -323,36 +326,36 @@ class H {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = B(e);
+    const s = D(e);
     if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const g = t.skipPanoGroup ? s.map((m) => this.plugin.workUtil.getObserverStandingPosition(m)).filter(_) : null;
-      this.skippedPositions = g;
+      const m = t.skipPanoGroup ? s.map((f) => this.plugin.workUtil.getObserverStandingPosition(f)).filter(G) : null;
+      this.skippedPositions = m;
     }
-    const r = this.five.getCurrentState(), a = this.plugin.workUtil.workCode || r.workCode, o = this.five.works.getWork(a), h = I(s, o, t);
+    const r = this.five.getCurrentState(), a = this.plugin.workUtil.workCode || r.workCode, o = this.five.works.getWork(a), h = H(s, o, t);
     this.path = h, this.setGeometryByPath(h, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var u, f, d;
+    var u, g, d;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (u = t == null ? void 0 : t.scale) != null ? u : this.scale, r = (f = t == null ? void 0 : t.width) != null ? f : this.width, a = (d = t == null ? void 0 : t.unit_length) != null ? d : this.unitLength;
+    const s = (u = t == null ? void 0 : t.scale) != null ? u : this.scale, r = (g = t == null ? void 0 : t.width) != null ? g : this.width, a = (d = t == null ? void 0 : t.unit_length) != null ? d : this.unitLength;
     this.scale = s, this.width = r, this.unitLength = a;
-    const { geometry: o, maxV: h, curvePath: g, curvePoints: m } = x({
+    const { geometry: o, maxV: h, curvePath: m, curvePoints: f } = E({
       path: e,
       width: r * s,
       unitLength: a * s,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = g, this._curvePoints = m, this.mesh.geometry.copy(o), this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxV.value = h, this.five.needsRender = !0, this.path = e, this.geometryStyle = p(p({}, this.geometryStyle), t);
+    this._curvePath = m, this._curvePoints = f, this.mesh.geometry.copy(o), this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxV.value = h, this.five.needsRender = !0, this.path = e, this.geometryStyle = c(c({}, this.geometryStyle), t);
   }
   /** 设置线条材质 */
   setMartial(e) {
     var s, r, a, o, h;
     if (this.disposed)
       return this.logError("disposed");
-    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((h = (o = e == null ? void 0 : e.texture) == null ? void 0 : o.url) != null ? h : E), (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 = p(p({}, 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((h = (o = e == null ? void 0 : e.texture) == null ? void 0 : o.url) != null ? h : I), (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.materialStyle = t;
   }
   /** 设置模型状态 */
@@ -361,7 +364,7 @@ class H {
       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 = p(p({}, this.meshStyle), e);
+    const t = c(c({}, this.meshStyle), e);
     this.meshStyle = t;
     function s(r, a) {
       if (!(r != null && r.tag))
@@ -436,7 +439,7 @@ class H {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, A(e).then((t) => {
+    this.textureUrl = e, W(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());
     });
   }
@@ -447,17 +450,21 @@ class H {
     this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? s : null);
   }
   setStartTag(e) {
-    this.setTag("start", e);
+    this.startTagData = e, this.setTag("start", e);
   }
   setEndTag(e) {
-    this.setTag("end", e);
+    this.endTagData = e, this.setTag("end", e);
+  }
+  /** 更新 tag 的距离显示（当 formatDistance 函数改变时调用） */
+  updateTagDistance() {
+    this.curvePath && (this.startTagData && this.setTag("start", this.startTagData), this.endTagData && this.setTag("end", this.endTagData));
   }
   /** 闪烁 */
   flicker() {
     var e, t, s, r, a, o;
     if (this.disposed)
       return this.logError("disposed");
-    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].filter(Boolean), {
+    B([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].filter(Boolean), {
       loop: 6,
       updateRender: () => {
         this.five.needsRender = !0;
@@ -474,41 +481,41 @@ class H {
     return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
   }
   getPanoGroupLengths() {
-    var g, m, u, f;
+    var m, f, u, g;
     if (!this.curvePoints || !this.curvePath)
       return [];
-    const e = this.curvePoints.length, t = (m = (g = this.curvePath) == null ? void 0 : g.getLength()) != null ? m : 0, s = e - 1, r = t / s, a = (f = (u = this.curvePath) == null ? void 0 : u.getLengths(s)) != null ? f : [], o = [];
+    const e = this.curvePoints.length, t = (f = (m = this.curvePath) == null ? void 0 : m.getLength()) != null ? f : 0, s = e - 1, r = t / s, a = (g = (u = this.curvePath) == null ? void 0 : u.getLengths(s)) != null ? g : [], o = [];
     let h = 0;
     for (let d = 0; d < e; d++) {
-      const v = this.curvePoints[d], c = this.plugin.workUtil.getObserverStandingPosition(h);
-      if (!c)
+      const v = this.curvePoints[d], p = this.plugin.workUtil.getObserverStandingPosition(h);
+      if (!p)
         break;
-      c.clone().setY(0).distanceTo(v.clone().setY(0)) < r && (o.push(a[d]), h += 1);
+      p.clone().setY(0).distanceTo(v.clone().setY(0)) < r && (o.push(a[d]), h += 1);
     }
     return o;
   }
   setTag(e, t) {
-    var g, m;
+    var m, f;
     const s = this.curvePath;
     if (!(t != null && t.data))
       return;
-    const r = e === "start" ? (g = this.startTagContainer) != null ? g : (() => (this.startTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 10 }) }, this.startTagContainer))() : (m = this.endTagContainer) != null ? m : (() => (this.endTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 10 }) }, this.endTagContainer))(), o = R({}, {
+    const r = e === "start" ? (m = this.startTagContainer) != null ? m : (() => (this.startTagContainer = { tag: null, plugin: new V(this.five, { containerZIndex: 10 }) }, this.startTagContainer))() : (f = this.endTagContainer) != null ? f : (() => (this.endTagContainer = { tag: null, plugin: new V(this.five, { containerZIndex: 10 }) }, this.endTagContainer))(), o = N({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    r.tag = o, j(o) && (r.tag.element = (u) => {
-      var v, c;
-      (v = r.app) == null || v.$destroy();
-      const f = e === "start" ? C(p({}, o.data), { name: this.name, distance: Math.round((c = s == null ? void 0 : s.getLength()) != null ? c : 0), i18n: this.plugin.config.i18n }) : o.data, d = new G({ target: u, intro: !0, props: p({ fontSize: this.currentFontSize }, f) });
-      return r.app = d, () => d.$destroy();
+    r.tag = o, q(o) && (r.tag.element = (u) => {
+      var C, k, w;
+      (C = r.app) == null || C.$destroy();
+      const g = (k = s == null ? void 0 : s.getLength()) != null ? k : 0, d = (w = this.plugin.config.i18n) != null ? w : (F) => F, v = this.plugin.config.formatDistance ? this.plugin.config.formatDistance(g) : `${d("全程")}${Math.round(g)}${d("米")}`, p = e === "start" ? S(c({}, o.data), { name: this.name, distance: v }) : o.data, b = new z({ target: u, intro: !0, props: c({ fontSize: this.currentFontSize }, p) });
+      return r.app = b, () => b.$destroy();
     }), r.plugin.load({ tagList: [r.tag] });
     const h = this.meshStyle.translate;
     if (h && o.position) {
-      const u = new n.Vector3().fromArray(o.position), f = new n.Vector3().fromArray(h);
-      u.add(f), u.y += this.heightOffset;
+      const u = new n.Vector3().fromArray(o.position), g = new n.Vector3().fromArray(h);
+      u.add(g), u.y += this.heightOffset;
       const d = u.toArray();
       r.plugin.changeTagById(r.tag.id, { position: d });
     }
@@ -522,14 +529,14 @@ class H {
     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;
   }
 }
-function j(l) {
+function q(l) {
   return l.contentType === "Custom";
 }
-const Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: H
+  GuideLineModeItem: X
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  H as GuideLineModeItem,
-  Ce as GuideLineModeItem$1
+  X as GuideLineModeItem,
+  Se as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -23,8 +23,8 @@ declare class GuideLineModeItem {
     /** THREE Curve 路径上的点 */
     get curvePoints(): THREE.Vector3[];
     name: string;
-    startTagContainer: GuideLineTagContainer;
-    endTagContainer: GuideLineTagContainer;
+    startTagContainer?: GuideLineTagContainer;
+    endTagContainer?: GuideLineTagContainer;
     path: PluginType.PathItem[];
     geometryStyle: PluginType.GuideLineGeometryStyle;
     materialStyle: PluginType.GuideLineMaterialStyle;
@@ -32,6 +32,9 @@ declare class GuideLineModeItem {
     readonly group: THREE.Group;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     visible: boolean | null;
+    /** 保存原始的 tag 数据，用于更新距离显示 */
+    private startTagData;
+    private endTagData;
     private five;
     private mode;
     private _curvePath;
@@ -117,6 +120,8 @@ declare class GuideLineModeItem {
     setVisibleFloorIndexes(floorIndexes: number[]): void;
     setStartTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
     setEndTag(tag: Tag | PluginType.ModelGuideLineTagData | null): void;
+    /** 更新 tag 的距离显示（当 formatDistance 函数改变时调用） */
+    updateTagDistance(): void;
     /** 闪烁 */
     flicker(): void;
     /** 求起点到 panoIndex 曲线长度

package/libs/base/BasePlugin.js

@@ -1,7 +1,7 @@
 var e = Object.defineProperty;
 var s = (o, t, i) => t in o ? e(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
 var r = (o, t, i) => (s(o, typeof t != "symbol" ? t + "" : t, i), i);
-import { Subscribe as m } from "../shared-utils/Subscribe.js";
+import { Subscribe as l } from "../shared-utils/Subscribe.js";
 import "../shared-utils/tag.js";
 import "three";
 import "../vendor/hammerjs/hammer.js";
@@ -15,7 +15,7 @@ import "../shared-utils/three/blink.js";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../vendor/earcut/src/earcut.js";
-import { FiveUtil as l } from "../shared-utils/Utils/FiveUtil.js";
+import { FiveUtil as m } from "../shared-utils/Utils/FiveUtil.js";
 import { DEFAULT_STATIC_PREFIX as p } from "../shared-utils/url/defaultUrls.js";
 import "../shared-utils/five/FivePuppet.js";
 let I = class {
@@ -23,7 +23,7 @@ let I = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    r(this, "VERSION", "3.77.3");
+    r(this, "VERSION", "3.77.4-alpha.0");
     r(this, "NAME");
     r(this, "five");
     r(this, "workUtil");
@@ -31,9 +31,9 @@ let I = class {
     /**
      * @description: 插件事件钩子
      */
-    r(this, "hooks", new m());
+    r(this, "hooks", new l());
     r(this, "staticPrefix", p);
-    this.five = t, this.fiveUtil = new l(t), this.workUtil = this.fiveUtil.workUtil, i != null && i.staticPrefix && (this.staticPrefix = i.staticPrefix);
+    this.five = t, this.fiveUtil = new m(t), this.workUtil = this.fiveUtil.workUtil, i != null && i.staticPrefix && (this.staticPrefix = i.staticPrefix);
   }
   set workCode(t) {
     this.workUtil.workCode = t, this.onWorkCodeChange();

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.77.3",
+    "%c %c@realsee/dnalogel %cv3.77.4-alpha.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.77.3",
+  "version": "3.77.4-alpha.0",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",