@realsee/dnalogel 2.16.0-13 → 2.16.0-15

package/libs/GuideLinePlugin/GuideLineItem/index.js

@@ -1,118 +1,117 @@
-var G = Object.defineProperty;
+var L = Object.defineProperty;
 var w = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var d = (o, e, t) => e in o ? G(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, c = (o, e) => {
+var S = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var d = (o, e, t) => e in o ? L(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, h = (o, e) => {
   for (var t in e || (e = {}))
-    L.call(e, t) && d(o, t, e[t]);
+    S.call(e, t) && d(o, t, e[t]);
   if (w)
     for (var t of w(e))
-      P.call(e, t) && d(o, t, e[t]);
+      _.call(e, t) && d(o, t, e[t]);
   return o;
 };
 var s = (o, e, t) => (d(o, typeof e != "symbol" ? e + "" : e, t), t);
-var h = (o, e, t) => new Promise((r, n) => {
-  var l = (i) => {
+var c = (o, e, t) => new Promise((r, n) => {
+  var l = (a) => {
     try {
-      a(t.next(i));
-    } catch (m) {
-      n(m);
+      i(t.next(a));
+    } catch (p) {
+      n(p);
     }
-  }, p = (i) => {
+  }, m = (a) => {
     try {
-      a(t.throw(i));
-    } catch (m) {
-      n(m);
+      i(t.throw(a));
+    } catch (p) {
+      n(p);
     }
-  }, a = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(l, p);
-  a((t = t.apply(o, e)).next());
+  }, i = (a) => a.done ? r(a.value) : Promise.resolve(a.value).then(l, m);
+  i((t = t.apply(o, e)).next());
 });
-import { objectAssignDeepExports as S } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { GuideLineModeItem as x } from "../GuideLineModeItem/index.js";
-import _ from "../../CruisePlugin/Controller.js";
-import { logError as k } from "../../shared-utils/log.js";
-import { to as v } from "../../shared-utils/to.js";
-import { Subscribe as C } from "@realsee/five";
-import { changeMode as b } from "../../shared-utils/five/changeMode.js";
-class E {
+import { GuideLineModeItem as y } from "../GuideLineModeItem/index.js";
+import P from "../../CruisePlugin/Controller.js";
+import { logError as x } from "../../shared-utils/log.js";
+import { to as k } from "../../shared-utils/to.js";
+import { Subscribe as v } from "@realsee/five";
+import { changeMode as C } from "../../shared-utils/five/changeMode.js";
+class M {
   constructor(e) {
     s(this, "id");
     s(this, "renderID");
     s(this, "isGuideLine", !0);
     s(this, "panoramaItem");
     s(this, "modelItem");
-    s(this, "hooks", new C());
+    s(this, "hooks", new v());
     s(this, "plugin");
     s(this, "five");
-    s(this, "logError", (e) => k("GuideLineItem: ", e));
-    this.id = e.id, this.five = e.five, this.plugin = e.plugin, this.panoramaItem = new x(this.five, { mode: "panorama", plugin: this.plugin, parent: this }), this.modelItem = new x(this.five, { mode: "model", plugin: this.plugin, parent: this });
+    s(this, "logError", (e) => x("GuideLineItem: ", e));
+    this.id = e.id, this.five = e.five, this.plugin = e.plugin, this.panoramaItem = new y(this.five, { mode: "panorama", plugin: this.plugin, parent: this }), this.modelItem = new y(this.five, { mode: "model", plugin: this.plugin, parent: this });
   }
   setData(e) {
     this.setDataByMode("panorama", e), this.setDataByMode("model", e);
   }
   setDataByMode(e, t) {
-    const r = e === "panorama" ? this.panoramaItem : this.modelItem, n = e === "panorama" ? t.panorama_style : t.model_style, l = t.path, p = { url: this.plugin.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }, a = n, i = S({ texture: p }, n);
+    const r = e === "panorama" ? this.panoramaItem : this.modelItem, n = e === "panorama" ? t.panorama_style : t.model_style, l = t.path, m = n, i = n;
     if (t.pano_group) {
-      const m = e === "panorama";
-      r.setGeometryByPanoGroup(t.pano_group, c({ skipPanoGroup: m }, a));
+      const a = e === "panorama";
+      r.setGeometryByPanoGroup(t.pano_group, h({ skipPanoGroup: a }, m));
     } else
-      t.path && r.setGeometryByPath(l, a);
+      t.path && r.setGeometryByPath(l, m);
     r.setMartial(i), n != null && n.start_tag && r.setStartTag(n.start_tag), n != null && n.end_tag && r.setEndTag(n.end_tag);
   }
   dispose() {
     this.panoramaItem.dispose(), this.modelItem.dispose();
   }
   walk(e) {
-    return h(this, null, function* () {
+    return c(this, null, function* () {
       if (!this.panoramaItem.panoGroup)
         return;
-      const t = c({ panoIndexList: this.panoramaItem.panoGroup }, e);
+      const t = h({ panoIndexList: this.panoramaItem.panoGroup }, e);
       this.hooks.emit("walkStart", { userAction: !0 });
-      const [r] = yield v(M(this.five, t));
+      const [r] = yield k(E(this.five, t));
       if (this.hooks.emit("walkEnded", { userAction: !0 }), r)
         return this.logError(r.message);
     });
   }
 }
-function M(o, e) {
-  return h(this, null, function* () {
+function E(o, e) {
+  return c(this, null, function* () {
     if (e.panoIndexList.length === 0)
       return;
     const t = o.getCurrentState();
-    t.mode !== "Panorama" && (yield b(o, ["Panorama", { longitude: t.longitude, latitude: 0, panoIndex: e.panoIndexList[0] }]));
-    const r = new _(o, { useGuideLine: !1 });
+    t.mode !== "Panorama" && (yield C(o, ["Panorama", { longitude: t.longitude, latitude: 0, panoIndex: e.panoIndexList[0] }]));
+    const r = new P(o, { useGuideLine: !1 });
     yield r.load(e), yield new Promise((n, l) => {
-      const p = o.getCurrentState();
-      let a = e.panoIndexList.slice();
-      p.panoIndex === a[0] && m(p.panoIndex), r.playFromStart();
-      function i(u) {
+      const m = o.getCurrentState();
+      let i = e.panoIndexList.slice();
+      m.panoIndex === i[0] && p(m.panoIndex), r.playFromStart();
+      function a(u) {
         if (u !== "Panorama")
           return f(new Error("mode not match"));
       }
-      function m(u) {
-        const I = a[0];
-        if (a = a.slice(1), u !== I)
+      function p(u) {
+        const I = i[0];
+        if (i = i.slice(1), u !== I)
           return f(new Error("panoIndex not match, wanted: " + I + ", got: " + u));
-        if (a.length === 0)
-          return y();
+        if (i.length === 0)
+          return G();
       }
       function g() {
-        o.off("modeChange", i), o.off("panoArrived", m);
+        o.off("modeChange", a), o.off("panoArrived", p);
       }
       function f(u) {
         g(), l(u);
       }
-      function y() {
+      function G() {
         g(), n();
       }
-      o.on("modeChange", i), o.on("panoArrived", m);
+      o.on("modeChange", a), o.on("panoArrived", p);
     });
   });
 }
-const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineItem: E
+  GuideLineItem: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  E as GuideLineItem,
-  z as GuideLineItem$1
+  M as GuideLineItem,
+  O as GuideLineItem$1
 };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -1,4 +1,3 @@
-import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./GuideLineModeItem/index.js";
 import "../CruisePlugin/Controller.js";
 import "../shared-utils/log.js";
@@ -36,6 +35,7 @@ import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/three/loadTexture.js";
 import "../PanoTagPlugin/controller/index.js";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,31 +1,32 @@
-var v = Object.defineProperty;
-var g = Object.getOwnPropertySymbols;
-var b = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var h = (r, e, i) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i, f = (r, e) => {
+var C = Object.defineProperty, y = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var v = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var m = (o, e, i) => e in o ? C(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i, u = (o, e) => {
   for (var i in e || (e = {}))
-    b.call(e, i) && h(r, i, e[i]);
-  if (g)
-    for (var i of g(e))
-      k.call(e, i) && h(r, i, e[i]);
-  return r;
-};
-var t = (r, e, i) => (h(r, typeof e != "symbol" ? e + "" : e, i), i);
+    w.call(e, i) && m(o, i, e[i]);
+  if (v)
+    for (var i of v(e))
+      U.call(e, i) && m(o, i, e[i]);
+  return o;
+}, g = (o, e) => y(o, k(e));
+var t = (o, e, i) => (m(o, typeof e != "symbol" ? e + "" : e, i), i);
 import * as l from "three";
-import { logWarning as y, logError as C } from "../../shared-utils/log.js";
-import { createLineGeometry as w } from "../utils/createLineGeometry.js";
-import { isPanoramaLike as P, isModelLike as U } from "../../shared-utils/five/mode.js";
+import { logWarning as P, logError as T } from "../../shared-utils/log.js";
+import { createLineGeometry as x } from "../utils/createLineGeometry.js";
+import { isPanoramaLike as E, isModelLike as _ } 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 T, tweenProgress as x } from "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
-import p from "../../PanoTagPlugin/controller/index.js";
-import L from "../Components/Tag.js";
-import { filterAdjacentDistinct as V } from "../utils/index.js";
-import { objectAssignDeepExports as G } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-const M = (
+import { BetterTween as L, tweenProgress as O } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as V } from "../../shared-utils/three/loadTexture.js";
+import b from "../../PanoTagPlugin/controller/index.js";
+import G from "../Components/Tag.js";
+import { filterAdjacentDistinct as M } from "../utils/index.js";
+import { objectAssignDeepExports as F } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+const A = (
   /* glsl */
   `
   varying vec2 vUv;
@@ -35,7 +36,7 @@ const M = (
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
 `
-), _ = (
+), S = (
   /* glsl */
   `
   // 是否使用颜色
@@ -48,6 +49,10 @@ const M = (
   uniform float mapOpacity;
   // 背景颜色
   uniform vec3 backgroundColor;
+  // 边框颜色
+  uniform vec3 borderColor;
+  // 边框透明度
+  uniform float borderOpacity;
   // 背景透明度
   uniform float backgroundOpacity;
   // 整体透明度
@@ -62,7 +67,7 @@ const M = (
   varying vec2 vUv;
 
   // 获取纹理颜色
-  vec4 getTextureColor() {
+  vec4 getImage() {
     vec2 uv = vUv;
     uv.y = uv.y - vOffset;
     // 原始贴图颜色
@@ -78,24 +83,36 @@ const M = (
 
   // 获取线性渐变的透明度
   float linearGradientOpacity() {
-    // 当前的 u 值
-    float u = vUv.y;
+    // 当前的 v 值
+    float v = vUv.y;
     float gradientLength = 1.0;
-    if (u <= gradientLength) {
-      return u / gradientLength; // 在 [0, gradientLength] 范围内，透明度为 [0, 1]
-    } else if (u <= maxU - gradientLength) {
+    if (v <= gradientLength) {
+      return v / gradientLength; // 在 [0, gradientLength] 范围内，透明度为 [0, 1]
+    } else if (v <= maxU - gradientLength) {
       return 1.0; // 在 (gradientLength, maxU - gradientLength) 范围内，透明度为 1
     } else {
-      return (maxU - u) / gradientLength; // 在 [maxU - gradientLength, maxU] 范围内，透明度为 [1, 0]
+      return (maxU - v) / gradientLength; // 在 [maxU - gradientLength, maxU] 范围内，透明度为 [1, 0]
+    }
+  }
+
+  vec4 getBorder() {
+    float u = vUv.x;
+    float borderSize = 0.05;
+    if (u <= borderSize || u >= 1.0 - borderSize) {
+      return vec4(borderColor, borderOpacity);
     }
+    return vec4(0.0, 0.0, 0.0, 0.0);
   }
 
   void main() {
-    vec4 image = getTextureColor();
+    vec4 image = getImage();
+    vec4 border = getBorder();
     // 设置背景颜色
     gl_FragColor = vec4(backgroundColor, backgroundOpacity);
     // 混合颜色和背景
     gl_FragColor = mix(gl_FragColor, image, image.a);
+    // 混合边框
+    gl_FragColor = mix(gl_FragColor, border, border.a);
     // 设置整体透明度
     gl_FragColor.a = gl_FragColor.a * opacity;
     gl_FragColor.a = gl_FragColor.a * linearGradientOpacity();
@@ -103,7 +120,7 @@ const M = (
   }
 `
 );
-class A {
+class B {
   constructor(e, i) {
     t(this, "startTagContainer");
     t(this, "endTagContainer");
@@ -129,12 +146,12 @@ class A {
     t(this, "plugin");
     t(this, "textureHasLoaded", !1);
     t(this, "disposed", !1);
-    t(this, "flowAnime", new T({ progress: 0 }).to({ progress: 1 }).duration(5e3).repeat(1 / 0));
-    t(this, "flickerAnime", x(300).yoyo(!0).repeat(5));
+    t(this, "flowAnime", new L({ progress: 0 }).to({ progress: 1 }).duration(5e3).repeat(1 / 0));
+    t(this, "flickerAnime", O(300).yoyo(!0).repeat(5));
     t(this, "dispose", () => {
-      this.disposed || (this.disposed = !0, this.five.off("modeChange", this.onFiveModeChange), this.plugin.hooks.off("show", this.onPluginShow), this.plugin.hooks.off("hide", this.onPluginHide), this.plugin.hooks.off("enable", this.onPluginEnable), this.plugin.hooks.off("disable", this.onPluginDisable), this.doHide());
+      var e, i;
+      this.disposed || (this.disposed = !0, this.five.off("modeChange", this.onFiveModeChange), this.plugin.hooks.off("show", this.onPluginShow), this.plugin.hooks.off("hide", this.onPluginHide), this.plugin.hooks.off("enable", this.onPluginEnable), this.plugin.hooks.off("disable", this.onPluginDisable), this.doHide(), (e = this.startTagContainer) == null || e.plugin.dispose(), (i = this.endTagContainer) == null || i.plugin.dispose());
     });
-    t(this, "onTagContainerChange", (e, i) => new L({ target: e, intro: !0, props: i.data }).$destroy);
     /** 当设置 GuideLinePLugin 展示 */
     t(this, "onPluginShow", () => {
       this.updateVisible();
@@ -161,22 +178,23 @@ class A {
     });
     /** 模型状态变更 */
     t(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? P(e) : U(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? E(e) : _(e), this.updateVisible();
     });
     t(this, "onFlowAnimeUpdate", (e) => {
       const { progress: i } = e;
       this.mesh.material.uniforms.vOffset.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
     });
     t(this, "onFlickerAnimeUpdate", (e) => {
-      const { progress: i } = e;
-      this.mesh.material.uniforms.flicker.value = 1 - i, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+      var a, s;
+      const { progress: i } = e, r = 1 - i;
+      this.mesh.material.uniforms.flicker.value = r, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0, this.startTagContainer.tag && f(this.startTagContainer.tag) && ((a = this.startTagContainer.app) == null || a.$set(g(u({}, this.startTagContainer.tag.data), { opacity: r }))), this.endTagContainer.tag && f(this.endTagContainer.tag) && ((s = this.endTagContainer.app) == null || s.$set(g(u({}, this.endTagContainer.tag.data), { opacity: r })));
     });
-    t(this, "logWarning", (e) => y("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => C("GuideLineModeItem: ", e));
-    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new p(this.five) }, this.endTagContainer = { tag: null, plugin: new p(this.five) };
-    const s = new l.BufferGeometry(), a = new l.ShaderMaterial({
-      vertexShader: M,
-      fragmentShader: _,
+    t(this, "logWarning", (e) => P("GuideLineModeItem: ", e));
+    t(this, "logError", (e) => T("GuideLineModeItem: ", e));
+    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagContainer = { tag: null, plugin: new b(this.five) }, this.endTagContainer = { tag: null, plugin: new b(this.five) };
+    const r = new l.BufferGeometry(), a = new l.ShaderMaterial({
+      vertexShader: A,
+      fragmentShader: S,
       transparent: !0,
       uniforms: {
         map: { value: null },
@@ -185,13 +203,15 @@ class A {
         mapOpacity: { value: 1 },
         backgroundColor: { value: new l.Color() },
         backgroundOpacity: { value: 0 },
+        borderColor: { value: new l.Color() },
+        borderOpacity: { value: 0 },
         opacity: { value: 1 },
         flicker: { value: 1 },
         maxU: { value: 0 },
         vOffset: { value: 0 }
       }
     });
-    this.mesh = new l.Mesh(s, a), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.plugin.hooks.on("show", this.onPluginShow), this.plugin.hooks.on("hide", this.onPluginHide), this.plugin.hooks.on("enable", this.onPluginEnable), this.plugin.hooks.on("disable", this.onPluginDisable), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.onFiveModeChange(this.five.getCurrentState().mode);
+    this.mesh = new l.Mesh(r, a), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.flickerAnime.onUpdate(this.onFlickerAnimeUpdate), this.plugin.hooks.on("show", this.onPluginShow), this.plugin.hooks.on("hide", this.onPluginHide), this.plugin.hooks.on("enable", this.onPluginEnable), this.plugin.hooks.on("disable", this.onPluginDisable), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.onFiveModeChange(this.five.getCurrentState().mode);
   }
   get panoGroup() {
     return this._panoGroup;
@@ -226,53 +246,59 @@ class A {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = V(e);
-    if (this._panoGroup = s, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
-      const o = i.skipPanoGroup ? s.map((n) => this.five.work.observers[n]).map((n) => n.standingPosition.clone()) : null;
-      this.skippedPositions = o;
+    const r = M(e);
+    if (this._panoGroup = r, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
+      const s = i.skipPanoGroup ? r.map((n) => this.five.work.observers[n]).map((n) => n.standingPosition.clone()) : null;
+      this.skippedPositions = s;
     }
-    const a = this.getPathFromPanoGroup(s, this.five.work, i);
+    const a = this.getPathFromPanoGroup(r, this.five.work, i);
     this.path = a, this.setGeometryByPath(a, i);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, i) {
-    var d, u, m;
+    var d, p, c;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (d = i == null ? void 0 : i.scale) != null ? d : this.scale, a = (u = i == null ? void 0 : i.width) != null ? u : this.width, o = (m = i == null ? void 0 : i.unit_length) != null ? m : this.unitLength;
-    this.path = e, this.scale = s, this.width = a, this.unitLength = o;
-    const { geometry: n, maxU: c } = w({
+    const r = (d = i == null ? void 0 : i.scale) != null ? d : this.scale, a = (p = i == null ? void 0 : i.width) != null ? p : this.width, s = (c = i == null ? void 0 : i.unit_length) != null ? c : this.unitLength;
+    this.path = e, this.scale = r, this.width = a, this.unitLength = s;
+    const { geometry: n, maxU: h } = x({
       path: e,
-      width: a * s,
-      unitLength: o * s,
+      width: a * r,
+      unitLength: s * r,
       skipPositions: this.skippedPositions
     });
-    this.mesh.geometry = n, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = c, this.five.needsRender = !0;
+    this.mesh.geometry = n, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = h, this.five.needsRender = !0;
   }
   /** 设置线条材质 */
   setMartial(e) {
     var i;
     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), ((i = e == null ? void 0 : e.texture) == null ? void 0 : i.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.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), ((i = e == null ? void 0 : e.texture) == null ? void 0 : i.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);
   }
   /** 设置贴图颜色 */
   setColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniforms.mapColor.value = new l.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    e && (this.mesh.material.uniforms.mapColor.value = new l.Color().set(e)), this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
-  /** 设置背景颜色 */
-  setBackgroundColor(e) {
+  /** 设置边框 */
+  setBorderColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new l.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
-  /** 设置整体透明度 */
-  setOpacity(e) {
+  /** 设置边框透明度 */
+  setBorderOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.opacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.borderOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+  }
+  /** 设置背景颜色 */
+  setBackgroundColor(e) {
+    if (this.disposed)
+      return this.logError("disposed");
+    console.log("🐶 ==> color:", e), this.mesh.material.uniforms.backgroundColor.value = new l.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   /** 设置背景透明度 */
   setBackgroundOpacity(e) {
@@ -280,6 +306,12 @@ class A {
       return this.logError("disposed");
     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.mesh.material.uniforms.opacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+  }
   /** 设置贴图透明度 */
   setMapOpacity(e) {
     if (this.disposed)
@@ -290,7 +322,7 @@ class A {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, E(e).then((i) => {
+    this.textureUrl = e, V(e).then((i) => {
       this.disposed || this.textureUrl === e && (i.wrapT = l.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = i, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
     });
   }
@@ -307,14 +339,19 @@ class A {
     this.flickerAnime.play();
   }
   setTag(e, i) {
-    const a = G({}, {
+    const a = F({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"] } },
       style: { point: { enabled: !1 } },
       data: {}
-    }, i), o = e === "start" ? this.startTagContainer : this.endTagContainer;
-    o.tag = a, F(a) && (o.tag.element = (n) => this.onTagContainerChange(n, a)), o.plugin.load({ tagList: [o.tag] });
+    }, i), s = e === "start" ? this.startTagContainer : this.endTagContainer;
+    s.tag = a, f(a) && (s.tag.element = (n) => {
+      var d;
+      (d = s.app) == null || d.$destroy();
+      const h = new G({ target: n, intro: !0, props: a.data });
+      return s.app = h, () => h.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
   }
   /** 更新可见性 */
   updateVisible() {
@@ -328,21 +365,21 @@ class A {
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.mesh), this.five.needsRender = !0;
   }
   /** 通过 panoIndex 数组计算路径 */
-  getPathFromPanoGroup(e, i, s) {
+  getPathFromPanoGroup(e, i, r) {
     if (e.length < 2)
       return [];
-    const o = e.map((n) => i.observers[n]).map((n) => n.standingPosition.toArray());
-    return [f({ type: "CatmullRomCurve3", points: o }, s)];
+    const s = e.map((n) => i.observers[n]).map((n) => n.standingPosition.toArray());
+    return [u({ type: "CatmullRomCurve3", points: s }, r)];
   }
 }
-function F(r) {
-  return r.contentType === "Custom";
+function f(o) {
+  return o.contentType === "Custom";
 }
-const Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: A
+  GuideLineModeItem: B
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  A as GuideLineModeItem,
-  Q as GuideLineModeItem$1
+  B as GuideLineModeItem,
+  Z as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -5,11 +5,13 @@ import type * as PluginType from './typing';
 import type { GuideLineItem } from './GuideLineItem';
 import * as THREE from 'three';
 import { PanoTagPluginController } from '../PanoTagPlugin';
+import CustomTag from './Components/Tag.svelte';
 /** @link https://threejs.org/docs/index.html#api/en/extras/curves/CatmullRomCurve3 */
 type CatmullRomCurve3RestParams = Omit<PluginType.CatmullRomCurve3, 'type' | 'points'>;
 export interface GuideLineTagContainer {
     tag: Tag | null;
     plugin: PanoTagPluginController;
+    app?: CustomTag;
 }
 /** 在不同模态下的 GuideLine */
 declare class GuideLineModeItem {
@@ -63,13 +65,17 @@ declare class GuideLineModeItem {
     /** 设置线条材质 */
     setMartial(options?: PluginType.GuideLineMaterialStyle): void;
     /** 设置贴图颜色 */
-    setColor(color: null | number[]): void;
+    setColor(color: null | string): void;
+    /** 设置边框 */
+    setBorderColor(color: string): void;
+    /** 设置边框透明度 */
+    setBorderOpacity(opacity: number): void;
     /** 设置背景颜色 */
-    setBackgroundColor(color: number[]): void;
-    /** 设置整体透明度 */
-    setOpacity(opacity: number): void;
+    setBackgroundColor(color: string): void;
     /** 设置背景透明度 */
     setBackgroundOpacity(opacity: number): void;
+    /** 设置整体透明度 */
+    setOpacity(opacity: number): void;
     /** 设置贴图透明度 */
     setMapOpacity(opacity: number): void;
     /** 设置贴图 */
@@ -79,7 +85,6 @@ declare class GuideLineModeItem {
     /** 闪烁 */
     flicker(): void;
     private setTag;
-    private onTagContainerChange;
     /** 当设置 GuideLinePLugin 展示 */
     private onPluginShow;
     /** 当设置 GuideLinePLugin 隐藏 */

package/libs/GuideLinePlugin/index.js

@@ -34,7 +34,6 @@ import "../CruisePlugin/utils/vectorToCoordinates.js";
 import "../CruisePlugin/utils/formatRad.js";
 import "../CruisePlugin/utils/linerValue.js";
 import "../CruisePlugin/utils/sleep.js";
-import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/log.js";
 import "./utils/createLineGeometry.js";
 import "../vendor/polyline-normals/index.js";
@@ -49,6 +48,7 @@ import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/three/loadTexture.js";
 import "../PanoTagPlugin/controller/index.js";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";

package/libs/GuideLinePlugin/typing.d.ts

@@ -103,12 +103,16 @@ export interface GuideLineGeometryStyle {
 export interface GuideLineMaterialStyle {
     /** 是否可见 */
     visible?: boolean;
-    /** rgb 颜色 [r, g, b] */
-    color?: number[];
+    /** hex 颜色 */
+    color?: string;
     /** 背景颜色 */
-    background_color?: number[];
+    background_color?: string;
     /** 背景透明度 */
     background_opacity?: number;
+    /** 边框颜色 */
+    border_color?: string;
+    /** 边框透明度 */
+    border_opacity?: number;
     /** 透明度 */
     opacity?: number;
     /** 贴图 */

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let n = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "2.16.0-13");
+    e(this, "VERSION", "2.16.0-15");
     e(this, "five");
     /**
      * 插件事件钩子

package/libs/index.js

@@ -363,7 +363,7 @@ import "./shared-utils/three/PointHelper.js";
 import "./shared-utils/three/Assets/index.js";
 import "./shared-utils/three/PointDomHelper.js";
 import "./shared-utils/three/FivePointSelector.js";
-console.info("@realsee/dnalogel %cv2.16.0-13", "background-color: #12ce9b;color:black;padding:0 6px;border-radius: 3px");
+console.info("@realsee/dnalogel %cv2.16.0-15", "background-color: #12ce9b;color:black;padding:0 6px;border-radius: 3px");
 export {
   le as CSS3DRender,
   Zm as CSS3DRenderPlugin,