@realsee/dnalogel 2.16.0-4 → 2.16.0-6

package/libs/GuideLinePlugin/GuideLineItem/index.js

@@ -1,35 +1,122 @@
-var u = Object.defineProperty;
-var h = (o, e, t) => e in o ? u(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var i = (o, e, t) => (h(o, typeof e != "symbol" ? e + "" : e, t), t);
-import g from "object-assign-deep";
-import { GuideLineModeItem as s } from "../GuideLineModeItem/index.js";
-class c {
+var G = 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) => {
+  for (var t in e || (e = {}))
+    L.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]);
+  return o;
+};
+var s = (o, e, t) => (d(o, typeof e != "symbol" ? e + "" : e, t), t);
+var h = (o, e, t) => new Promise((n, a) => {
+  var l = (i) => {
+    try {
+      r(t.next(i));
+    } catch (m) {
+      a(m);
+    }
+  }, p = (i) => {
+    try {
+      r(t.throw(i));
+    } catch (m) {
+      a(m);
+    }
+  }, r = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(l, p);
+  r((t = t.apply(o, e)).next());
+});
+import S from "object-assign-deep";
+import { GuideLineModeItem as y } 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 M {
   constructor(e) {
-    i(this, "id");
-    i(this, "renderID");
-    i(this, "isGuideLine", !0);
-    i(this, "panoramaItem");
-    i(this, "modelItem");
-    i(this, "plugin");
-    i(this, "five");
-    this.id = e.id, this.five = e.five, this.plugin = e.plugin, this.panoramaItem = new s(this.five, { mode: "panorama", plugin: this.plugin }), this.modelItem = new s(this.five, { mode: "model", plugin: this.plugin });
+    s(this, "id");
+    s(this, "renderID");
+    s(this, "isGuideLine", !0);
+    s(this, "panoramaItem");
+    s(this, "modelItem");
+    s(this, "hooks", new C());
+    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 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;
-    if (!n)
+    const n = e === "panorama" ? this.panoramaItem : this.modelItem, a = e === "panorama" ? t.panorama_style : t.model_style;
+    if (!a)
       return;
-    const p = t.path, m = { url: this.plugin.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }, a = n, l = g({ texture: m }, n);
-    t.pano_group && e === "panorama" && r.setSkippedPanoGroup(t.pano_group), t.path ? r.setGeometryByPath(p, a) : t.pano_group && r.setGeometryByPanoGroup(t.pano_group, a), r.setMartial(l);
+    const l = t.path, p = { url: this.plugin.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }, r = a, i = S({ texture: p }, a);
+    if (t.path)
+      n.setGeometryByPath(l, r);
+    else if (t.pano_group) {
+      const m = e === "panorama";
+      n.setGeometryByPanoGroup(t.pano_group, c({ skipPanoGroup: m }, r));
+    }
+    n.setMartial(i), a.start_tag && n.setStartTag(a.start_tag);
+  }
+  dispose() {
+    this.panoramaItem.dispose(), this.modelItem.dispose();
+  }
+  walk(e) {
+    return h(this, null, function* () {
+      if (!this.panoramaItem.panoGroup)
+        return;
+      const t = c({ panoIndexList: this.panoramaItem.panoGroup }, e);
+      this.hooks.emit("walkStart", { userAction: !0 });
+      const [n] = yield v(D(this.five, t));
+      if (this.hooks.emit("walkEnded", { userAction: !0 }), n)
+        return this.logError(n.message);
+    });
   }
 }
-const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+function D(o, e) {
+  return h(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 n = new _(o, { useGuideLine: !1 });
+    yield n.load(e), yield new Promise((a, l) => {
+      const p = o.getCurrentState();
+      let r = e.panoIndexList.slice();
+      p.panoIndex === r[0] && m(p.panoIndex), n.playFromStart();
+      function i(u) {
+        if (u !== "Panorama")
+          return g(new Error("mode not match"));
+      }
+      function m(u) {
+        const I = r[0];
+        if (r = r.slice(1), u !== I)
+          return g(new Error("panoIndex not match, wanted: " + I + ", got: " + u));
+        if (r.length === 0)
+          return x();
+      }
+      function f() {
+        o.off("modeChange", i), o.off("panoArrived", m);
+      }
+      function g(u) {
+        f(), l(u);
+      }
+      function x() {
+        f(), a();
+      }
+      o.on("modeChange", i), o.on("panoArrived", m);
+    });
+  });
+}
+const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineItem: c
+  GuideLineItem: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  c as GuideLineItem,
-  I as GuideLineItem$1
+  M as GuideLineItem,
+  z as GuideLineItem$1
 };

package/libs/GuideLinePlugin/GuideLineItem.d.ts

@@ -2,6 +2,8 @@ import type { Five } from '@realsee/five';
 import type GuideLinePlugin from './Controller';
 import type * as PluginType from './typing';
 import { GuideLineModeItem } from './GuideLineModeItem';
+import { CruisePluginTypes } from '../CruisePlugin';
+import { Subscribe } from '@realsee/five';
 /** 路线引导实例。
  * - 路线包括两个部分：全景路线和模型路线。
  * - Five 切换模态时，路线会自动切换。
@@ -13,6 +15,7 @@ declare class GuideLineItem {
     readonly isGuideLine = true;
     readonly panoramaItem: GuideLineModeItem;
     readonly modelItem: GuideLineModeItem;
+    readonly hooks: Subscribe<PluginType.GuideLineItemEventMap>;
     private plugin;
     private five;
     constructor(options: {
@@ -22,5 +25,8 @@ declare class GuideLineItem {
     });
     setData(data: PluginType.GuideLineItem): void;
     setDataByMode(mode: PluginType.GuideLineModeItemMode, data: PluginType.GuideLineItem): void;
+    dispose(): void;
+    walk(options?: CruisePluginTypes.MoveAction): Promise<void>;
+    private logError;
 }
 export { GuideLineItem };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -1,12 +1,15 @@
 import "object-assign-deep";
 import "./GuideLineModeItem/index.js";
-import { GuideLineItem as A } from "./GuideLineItem/index.js";
-import "three";
+import "../CruisePlugin/Controller.js";
 import "../shared-utils/log.js";
+import "../shared-utils/to.js";
+import "@realsee/five";
+import "../shared-utils/five/changeMode.js";
+import { GuideLineItem as Nm } from "./GuideLineItem/index.js";
+import "three";
 import "./utils/createLineGeometry.js";
 import "polyline-normals";
 import "../shared-utils/five/mode.js";
-import "@realsee/five";
 import "hammerjs";
 import "@tweenjs/tween.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -26,6 +29,121 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/three/loadTexture.js";
+import "../PanoTagPlugin/controller/index.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "@realsee/five/gltf-loader";
+import "../PanoTagPlugin/utils/tag/tagCheck.js";
+import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
+import "../PanoTagPlugin/utils/debounce.js";
+import "../PanoTagPlugin/utils/throttle.js";
+import "../PanoTagPlugin/utils/resizeObserver.js";
+import "../PanoTagPlugin/utils/tag/format.js";
+import "../shared-utils/audio.js";
+import "../PanoTagPlugin/controller/TagRender.js";
+import "../PanoTagPlugin/controller/TagComputer.js";
+import "../PanoTagPlugin/utils/tagPosition.js";
+import "../PanoTagPlugin/utils/checkRange.js";
+import "../shared-utils/isNil.js";
+import "../PanoTagPlugin/controller/TagUtil.js";
+import "../PanoTagPlugin/tag.config.js";
+import "../PanoTagPlugin/utils/planeNormal.js";
+import "../PanoTagPlugin/utils/normalPositionToPositions.js";
+import "../PanoTagPlugin/controller/TagCache.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/isAbsoluteURL.js";
+import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
+import "../PanoTagPlugin/utils/device.js";
+import "../shared-utils/threex/domevents/index.js";
+import "../PanoTagPlugin/Components/TagContainer.js";
+import "../PanoTagPlugin/Components/TagItem.js";
+import "../PanoTagPlugin/Components/Tag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Straight.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
+import "../shared-utils/uuid.js";
+import "../PanoTagPlugin/Components/Common/Shadow.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
+import "animejs";
+import "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/utils/constants.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
+import "../PanoTagPlugin/Components/Common/Text/MText.js";
+import "../PanoTagPlugin/utils/px2rem.js";
+import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
+import "../PanoTagPlugin/Components/Common/Media.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../vendor/simply-reactive/src/simply-reactive.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "../vendor/simply-reactive/src/utils/subscription.js";
+import "../vendor/simply-reactive/src/utils/object.js";
+import "lodash.isequal";
+import "../vendor/simply-reactive/src/utils/watcher.js";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
+import "../PanoTagPlugin/Components/Common/MediaItem.js";
+import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
+import "../PanoTagPlugin/utils/noTypecheck.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
+import "../PanoTagPlugin/Components/Common/Audio.js";
+import "../PanoTagPlugin/utils/audio/SharedAudio.js";
+import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
+import "../PanoTagPlugin/Components/Tag/LinkTag.js";
+import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
+import "../PanoTagPlugin/utils/getImageInfo.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "classnames";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../PanoTagPlugin/utils/model/imagePlane.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "../base/BasePluginWithData.js";
+import "./index.js";
+import "./Controller.js";
+import "../shared-utils/equal.js";
+import "../shared-utils/isTruelyObject.js";
+import "../shared-utils/nearlyEqual.js";
+import "../CruisePlugin/utils/coordinatesAngle.js";
+import "../CruisePlugin/utils/coordinatesToVector.js";
+import "../CruisePlugin/utils/safeCall.js";
+import "../CruisePlugin/utils/vectorToCoordinates.js";
+import "../CruisePlugin/utils/formatRad.js";
+import "../CruisePlugin/utils/linerValue.js";
+import "../CruisePlugin/utils/sleep.js";
 export {
-  A as GuideLineItem
+  Nm as GuideLineItem
 };

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,26 +1,29 @@
 var c = Object.defineProperty;
 var g = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var n = (r, e, i) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i, f = (r, e) => {
+var C = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var h = (r, e, i) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i, f = (r, e) => {
   for (var i in e || (e = {}))
-    v.call(e, i) && n(r, i, e[i]);
+    C.call(e, i) && h(r, i, e[i]);
   if (g)
     for (var i of g(e))
-      C.call(e, i) && n(r, i, e[i]);
+      b.call(e, i) && h(r, i, e[i]);
   return r;
 };
-var t = (r, e, i) => (n(r, typeof e != "symbol" ? e + "" : e, i), i);
-import * as u from "three";
-import { logWarning as b, logError as E } from "../../shared-utils/log.js";
-import { createLineGeometry as F } from "../utils/createLineGeometry.js";
-import { isPanoramaLike as y, isModelLike as k } from "../../shared-utils/five/mode.js";
+var t = (r, e, i) => (h(r, typeof e != "symbol" ? e + "" : e, i), i);
+import * as a from "three";
+import { logWarning as E, logError as F } from "../../shared-utils/log.js";
+import { createLineGeometry as k } from "../utils/createLineGeometry.js";
+import { isPanoramaLike as y, isModelLike as P } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "@realsee/five";
 import "@tweenjs/tween.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as P } from "../../shared-utils/three/loadTexture.js";
+import { loadTexture as w } from "../../shared-utils/three/loadTexture.js";
+import "object-assign-deep";
+import p from "../../PanoTagPlugin/controller/index.js";
+import "@realsee/five/gltf-loader";
 const U = `
   varying vec2 vUv;
 
@@ -28,7 +31,7 @@ const U = `
     vUv = uv;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
-`, w = `
+`, x = `
   // \u662F\u5426\u4F7F\u7528\u989C\u8272
   uniform int useMapColor;
   // \u8D34\u56FE
@@ -86,12 +89,15 @@ const U = `
     gl_FragColor.a = gl_FragColor.a * linearGradientOpacity();
   }
 `;
-class x {
+class L {
   constructor(e, i) {
+    t(this, "startTagPlugin");
+    t(this, "endTagPlugin");
     t(this, "mesh");
     t(this, "five");
     t(this, "mode");
     t(this, "path", []);
+    t(this, "_panoGroup", null);
     t(this, "skippedPositions", null);
     t(this, "textureUrl", "");
     t(this, "scale", 1);
@@ -99,7 +105,10 @@ class x {
     t(this, "unitLength", 0.5);
     t(this, "visible", !1);
     t(this, "modeVisible", !1);
+    t(this, "defaultVisible", !0);
+    t(this, "inWalkAnimation", !1);
     t(this, "customVisible", null);
+    t(this, "parent");
     t(this, "plugin");
     t(this, "textureHasLoaded", !1);
     t(this, "disposed", !1);
@@ -115,38 +124,47 @@ class x {
     t(this, "onPluginDisable", () => {
       this.updateVisible();
     });
+    t(this, "onWalkAnimationStart", () => {
+      this.inWalkAnimation = !0, this.updateVisible();
+    });
+    t(this, "onWalkAnimationEnd", () => {
+      this.inWalkAnimation = !1, this.updateVisible();
+    });
     t(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? y(e) : k(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? y(e) : P(e), this.updateVisible();
     });
-    t(this, "logWarning", (e) => b("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => E("GuideLineModeItem: ", e));
-    this.five = e, this.mode = i.mode, this.plugin = i.plugin;
-    const s = new u.BufferGeometry(), o = new u.ShaderMaterial({
+    t(this, "logWarning", (e) => E("GuideLineModeItem: ", e));
+    t(this, "logError", (e) => F("GuideLineModeItem: ", e));
+    this.five = e, this.mode = i.mode, this.plugin = i.plugin, this.parent = i.parent, this.startTagPlugin = new p(this.five), this.endTagPlugin = new p(this.five);
+    const s = new a.BufferGeometry(), o = new a.ShaderMaterial({
       vertexShader: U,
-      fragmentShader: w,
+      fragmentShader: x,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new u.Color() },
+        mapColor: { value: new a.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new u.Color() },
+        backgroundColor: { value: new a.Color() },
         backgroundOpacity: { value: 0 },
         opacity: { value: 1 },
         maxU: { value: 0 }
       }
     });
-    this.mesh = new u.Mesh(s, o), this.mesh.name = "GuideLineModeItem", 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.five.on("modeChange", this.onFiveModeChange), this.onFiveModeChange(this.five.getCurrentState().mode);
+    this.mesh = new a.Mesh(s, o), this.mesh.name = "GuideLineModeItem", this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), 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.five.on("modeChange", this.onFiveModeChange), this.onFiveModeChange(this.five.getCurrentState().mode);
+  }
+  get panoGroup() {
+    return this._panoGroup;
   }
   setCustomVisible(e) {
     if (this.disposed)
       return this.logError("disposed");
     this.customVisible !== e && (this.customVisible = e, this.updateVisible());
   }
-  setModeVisible(e) {
+  setDefaultVisible(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.modeVisible !== e && (this.modeVisible = e, this.updateVisible());
+    this.defaultVisible !== e && (this.defaultVisible = e, this.updateVisible());
   }
   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());
@@ -166,46 +184,42 @@ class x {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
+    if (this._panoGroup = e, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
+      const o = i.skipPanoGroup ? e.map((u) => this.five.work.observers[u]).map((u) => u.standingPosition.clone()) : null;
+      this.skippedPositions = o;
+    }
     const s = this.getPathFromPanoGroup(e, this.five.work, i);
     this.path = s, this.setGeometryByPath(s, i);
   }
   setGeometryByPath(e, i) {
-    var d, l, m;
+    var l, d, m;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (d = i == null ? void 0 : i.scale) != null ? d : this.scale, o = (l = i == null ? void 0 : i.width) != null ? l : this.width, h = (m = i == null ? void 0 : i.unit_length) != null ? m : this.unitLength;
-    this.path = e, this.scale = s, this.width = o, this.unitLength = h;
-    const { geometry: a, maxU: p } = F({
+    const s = (l = i == null ? void 0 : i.scale) != null ? l : this.scale, o = (d = i == null ? void 0 : i.width) != null ? d : this.width, u = (m = i == null ? void 0 : i.unit_length) != null ? m : this.unitLength;
+    this.path = e, this.scale = s, this.width = o, this.unitLength = u;
+    const { geometry: n, maxU: v } = k({
       path: e,
       width: o * s,
-      unitLength: h * s,
+      unitLength: u * s,
       skipPositions: this.skippedPositions
     });
-    this.mesh.geometry = a, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = p, this.five.needsRender = !0;
-  }
-  setSkippedPanoGroup(e) {
-    if (this.disposed)
-      return this.logError("disposed");
-    if (!this.five.work)
-      return this.logError("setSkippedPanoGroup: work is not ready");
-    const i = e ? e.map((s) => this.five.work.observers[s]).map((s) => s.standingPosition.clone()) : null;
-    this.skippedPositions = i;
+    this.mesh.geometry = n, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = v, this.five.needsRender = !0;
   }
   setMartial(e) {
     var i;
     if (this.disposed)
       return this.logError("disposed");
-    e != null && e.color && this.setColor(e.color), e != null && e.opacity && this.setOpacity(e.opacity), (i = e == null ? void 0 : e.texture) != null && i.url && this.setTextureUrl(e.texture.url), e != null && e.background_color && this.setBackgroundColor(e.background_color), e != null && e.background_opacity && 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);
   }
   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 u.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.useMapColor.value = e ? 1 : 0, this.mesh.material.uniforms.mapColor.value = new a.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new u.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new a.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
   setOpacity(e) {
     if (this.disposed)
@@ -225,12 +239,21 @@ class x {
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, P(e).then((i) => {
-      this.disposed || this.textureUrl === e && (i.wrapT = u.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());
+    this.textureUrl = e, w(e).then((i) => {
+      this.disposed || this.textureUrl === e && (i.wrapT = a.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());
     });
   }
+  setStartTag(e) {
+    this.setTag("start", e);
+  }
+  setEndTag(e) {
+    this.setTag("end", e);
+  }
+  setTag(e, i) {
+    (e === "start" ? this.startTagPlugin : this.endTagPlugin).load({ tagList: [i] });
+  }
   updateVisible() {
-    const e = (() => !this.plugin.state.enabled || !this.plugin.state.visible ? !1 : this.customVisible !== null ? this.customVisible : this.modeVisible && this.textureHasLoaded)();
+    const e = (() => !this.plugin.state.enabled || !this.plugin.state.visible ? !1 : this.customVisible !== null ? this.customVisible : this.inWalkAnimation ? !0 : this.modeVisible && this.textureHasLoaded && this.defaultVisible)();
     this.visible !== e && (this.visible = e, e ? this.doShow() : this.doHide());
   }
   doShow() {
@@ -240,15 +263,15 @@ class x {
     this.five.scene.remove(this.mesh), this.five.needsRender = !0;
   }
   getPathFromPanoGroup(e, i, s) {
-    const h = e.map((a) => i.observers[a]).map((a) => a.standingPosition.toArray());
-    return [f({ type: "CatmullRomCurve3", points: h }, s)];
+    const u = e.map((n) => i.observers[n]).map((n) => n.standingPosition.toArray());
+    return [f({ type: "CatmullRomCurve3", points: u }, s)];
   }
 }
-const H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: x
+  GuideLineModeItem: L
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  x as GuideLineModeItem,
-  H as GuideLineModeItem$1
+  L as GuideLineModeItem,
+  I as GuideLineModeItem$1
 };

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -2,61 +2,93 @@ import type GuideLinePlugin from './Controller';
 import type { Five } from '@realsee/five';
 import type * as PluginType from './typing';
 import * as THREE from 'three';
+import { GuideLineItem } from './GuideLineItem';
+import { PanoTagPluginController, Tag } from '../PanoTagPlugin';
 /** @link https://threejs.org/docs/index.html#api/en/extras/curves/CatmullRomCurve3 */
 declare type CatmullRomCurve3RestParams = Omit<PluginType.CatmullRomCurve3, 'type' | 'points'>;
 /** 在不同模态下的 GuideLine */
 declare class GuideLineModeItem {
+    get panoGroup(): number[];
+    startTagPlugin: PanoTagPluginController;
+    endTagPlugin: PanoTagPluginController;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
+    private _panoGroup;
     private skippedPositions;
     private textureUrl;
     private scale;
     private width;
     private unitLength;
     private visible;
-    /** 在当前模态下，是否展示 */
+    /** Five Mode 是否满足 */
     private modeVisible;
+    /** 默认是否展示 */
+    private defaultVisible;
+    /** 走点动画 */
+    private inWalkAnimation;
     private customVisible;
+    private parent;
     private plugin;
     private textureHasLoaded;
     private disposed;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
+        parent: GuideLineItem;
     });
     /** 自定义展示 */
     setCustomVisible(visible: boolean | null): void;
-    /** 设置模型态展示 */
-    setModeVisible(visible: boolean): void;
+    /** 设置默认展示 */
+    setDefaultVisible(visible: boolean): void;
     dispose(): void;
     /** 基础宽、长 */
     setUnitSize(width: number, length: number): void;
     /** 设置缩放 */
     setScale(scale: number): void;
     /** 通过点位设置线条形状 */
-    setGeometryByPanoGroup(panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle): void;
+    setGeometryByPanoGroup(panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle & {
+        skipPanoGroup?: boolean;
+    }): void;
     /** 通过路径设置线条形状 */
     setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle): void;
-    setSkippedPanoGroup(panoGroup: null | number[]): void;
     /** 设置线条材质 */
     setMartial(options?: PluginType.GuideLineMaterialStyle): void;
+    /** 设置贴图颜色 */
     setColor(color: null | number[]): void;
+    /** 设置背景颜色 */
     setBackgroundColor(color: number[]): void;
+    /** 设置整体透明度 */
     setOpacity(opacity: number): void;
+    /** 设置背景透明度 */
     setBackgroundOpacity(opacity: number): void;
+    /** 设置贴图透明度 */
     setMapOpacity(opacity: number): void;
+    /** 设置贴图 */
     setTextureUrl(url: string): void;
+    setStartTag(tag: Tag): void;
+    setEndTag(tag: Tag): void;
+    private setTag;
+    /** 当设置 GuideLinePLugin 展示 */
     private onPluginShow;
+    /** 当设置 GuideLinePLugin 隐藏 */
     private onPluginHide;
+    /** 当设置 GuideLinePLugin 开启 */
     private onPluginEnable;
+    /** 当设置 GuideLinePLugin 关闭 */
     private onPluginDisable;
+    /** 开始走点动画 */
+    private onWalkAnimationStart;
+    /** 结束走点动画 */
+    private onWalkAnimationEnd;
     /** 模型状态变更 */
     private onFiveModeChange;
+    /** 更新可见性 */
     private updateVisible;
     private doShow;
     private doHide;
+    /** 通过 panoIndex 数组计算路径 */
     private getPathFromPanoGroup;
     private logWarning;
     private logError;