@realsee/dnalogel 3.2.0-dev.8 → 3.3.0-dev.0

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 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 P = Object.defineProperty, V = Object.defineProperties;
+var F = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var L = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var b = (n, e, t) => e in n ? P(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, d = (n, e) => {
   for (var t in e || (e = {}))
-    F.call(e, t) && v(n, t, e[t]);
-  if (C)
-    for (var t of C(e))
-      L.call(e, t) && v(n, t, e[t]);
+    L.call(e, t) && b(n, t, e[t]);
+  if (k)
+    for (var t of k(e))
+      T.call(e, t) && b(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";
-import { createLineGeometry as U } from "../utils/createLineGeometry.js";
-import { isPanoramaLike as x, isModelLike as _ } from "../../shared-utils/five/mode.js";
+}, p = (n, e) => V(n, F(e));
+var i = (n, e, t) => (b(n, typeof e != "symbol" ? e + "" : e, t), t);
+import * as h from "three";
+import { logWarning as x, logError as U } from "../../shared-utils/log.js";
+import { createLineGeometry as S } from "../utils/createLineGeometry.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 { BetterTween as G, tweenProgress as O } 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 w from "../../PanoTagPlugin/controller/index.js";
+import A 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, "flickerAnime", G(300).yoyo(!0).repeat(5));
+    i(this, "flowAnime", new G({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flickerAnime", O(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;
+      var r, a, o, u;
       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), {
+      this.mesh.material.uniforms.flicker.value = s, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && y(this.startTagContainer.tag) && ((o = this.startTagContainer.app) == null || o.$set(p(d({}, this.startTagContainer.tag.data), {
         opacity: s,
         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 })));
+      }))), this.endTagContainer.tag && y(this.endTagContainer.tag) && ((u = this.endTagContainer.app) == null || u.$set(p(d({}, this.endTagContainer.tag.data), { opacity: s })));
     });
-    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) => U("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 s = new h.BufferGeometry(), r = new h.ShaderMaterial({
+      vertexShader: R,
+      fragmentShader: W,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new l.Color() },
+        mapColor: { value: new h.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new l.Color() },
+        backgroundColor: { value: new h.Color() },
         backgroundOpacity: { value: 0 },
-        borderColor: { value: new l.Color() },
+        borderColor: { value: new h.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 h.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);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -263,7 +268,7 @@ class R {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = S(e);
+    const s = B(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;
       this.skippedPositions = a;
@@ -273,37 +278,55 @@ class R {
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var h, g, f;
+    var c, 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 s = (c = t == null ? void 0 : t.scale) != null ? c : this.scale, r = (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 = s, this.width = r, this.unitLength = a;
+    const { geometry: o, maxU: u, curvePath: g, curvePoints: m } = S({
       path: e,
       width: r * s,
       unitLength: a * s,
       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 = u, this.five.needsRender = !0;
+    const l = e, f = d(d({}, this.geometryStyle), t);
+    this.path = l, this.geometryStyle = f;
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var t;
+    var s;
     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), ((s = e == null ? void 0 : e.texture) == null ? void 0 : s.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 = d(d({}, this.materialStyle), e);
+    this.materialStyle = t;
+  }
+  /** 设置模型状态 */
+  setMeshStyle(e) {
+    if (e != null && e.translate) {
+      const s = new h.Vector3(), r = new h.Vector3().fromArray(e.translate);
+      s.add(r), s.y += this.heightOffset, this.mesh.position.copy(s);
+    }
+    const t = d(d({}, this.meshStyle), e);
+    this.meshStyle = t;
+  }
+  /** 设置 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.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 h.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 h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
@@ -315,7 +338,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 h.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -340,7 +363,7 @@ class R {
     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.disposed || this.textureUrl === e && (t.wrapT = h.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) {
@@ -371,34 +394,34 @@ 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];
-      if (!f)
+    const e = this.panoGroup.map((l) => this.five.work.observers[l]), t = this.curvePoints.length, s = this.curvePath.getLength(), r = t - 1, a = s / r, o = (m = this.curvePath.getLengths(r)) != null ? m : [], u = [];
+    let g = 0;
+    for (let l = 0; l < t; l++) {
+      const f = this.curvePoints[l], c = e[g];
+      if (!c)
         break;
-      f.standingPosition.clone().setY(0).distanceTo(g.clone().setY(0)) < a && (d.push(o[h]), m += 1);
+      c.standingPosition.clone().setY(0).distanceTo(f.clone().setY(0)) < a && (u.push(o[l]), g += 1);
     }
-    return d;
+    return u;
   }
   setTag(e, t) {
     const s = this.curvePath, r = e === "start" ? this.startTagContainer : this.endTagContainer;
     t || r.plugin.clearTags();
-    const o = A({}, {
+    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.tag = o, y(o) && (r.tag.element = (u) => {
+      var l, f;
+      (l = r.app) == null || l.$destroy();
+      const g = e === "start" ? p(d({}, o.data), { name: this.name, distance: Math.round((f = s.getLength()) != null ? f : 0), i18n: this.plugin.config.i18n }) : o.data, m = new A({ target: u, intro: !0, props: g });
+      return r.app = m, () => m.$destroy();
     }), r.plugin.load({ tagList: [r.tag] });
   }
   doShow() {
@@ -412,17 +435,17 @@ class 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 [d({ type: "CatmullRomCurve3", points: a }, s)];
   }
 }
-function b(n) {
+function y(n) {
   return n.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/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,

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -79,7 +79,7 @@ class Je extends N {
     {
       const s = [], u = (() => {
         var r, c, v;
-        const o = (r = e.config.visibleConfig) != null ? r : {};
+        const o = (r = this.getTagConfig(e).visibleConfig) != null ? r : {};
         if (typeof o == "function")
           return { value: o(this.five, { tag: e, distance: this.getDistance(e) }), checkedList: s, reason: "config function result" };
         if (o.keep === "hidden")