@realsee/dnalogel 2.16.0-10 → 2.16.0-12

package/libs/GuideLinePlugin/GuideLineItem/index.js

@@ -10,30 +10,30 @@ var d = (o, e, t) => e in o ? G(o, e, { enumerable: !0, configurable: !0, writab
   return o;
 };
 var s = (o, e, t) => (d(o, typeof e != "symbol" ? e + "" : e, t), t);
-var h = (o, e, t) => new Promise((n, r) => {
+var h = (o, e, t) => new Promise((r, n) => {
   var l = (i) => {
     try {
       a(t.next(i));
     } catch (m) {
-      r(m);
+      n(m);
     }
   }, p = (i) => {
     try {
       a(t.throw(i));
     } catch (m) {
-      r(m);
+      n(m);
     }
-  }, a = (i) => i.done ? n(i.value) : Promise.resolve(i.value).then(l, p);
+  }, a = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(l, p);
   a((t = t.apply(o, e)).next());
 });
-import S from "object-assign-deep";
-import { GuideLineModeItem as y } from "../GuideLineModeItem/index.js";
+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 M {
+class E {
   constructor(e) {
     s(this, "id");
     s(this, "renderID");
@@ -44,23 +44,19 @@ class M {
     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 });
+    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 });
   }
   setData(e) {
     this.setDataByMode("panorama", e), this.setDataByMode("model", e);
   }
   setDataByMode(e, t) {
-    const n = e === "panorama" ? this.panoramaItem : this.modelItem, r = e === "panorama" ? t.panorama_style : t.model_style;
-    if (!r)
-      return;
-    const l = t.path, p = { url: this.plugin.staticPrefix + "/release/web/arrow6.b6ce0c62.png" }, a = r, i = S({ texture: p }, r);
-    if (t.path)
-      n.setGeometryByPath(l, a);
-    else if (t.pano_group) {
+    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);
+    if (t.pano_group) {
       const m = e === "panorama";
-      n.setGeometryByPanoGroup(t.pano_group, c({ skipPanoGroup: m }, a));
-    }
-    n.setMartial(i), r.start_tag && n.setStartTag(r.start_tag), r.end_tag && n.setEndTag(r.end_tag);
+      r.setGeometryByPanoGroup(t.pano_group, c({ skipPanoGroup: m }, a));
+    } else
+      t.path && r.setGeometryByPath(l, a);
+    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();
@@ -71,23 +67,23 @@ class M {
         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 [r] = yield v(M(this.five, t));
+      if (this.hooks.emit("walkEnded", { userAction: !0 }), r)
+        return this.logError(r.message);
     });
   }
 }
-function D(o, e) {
+function M(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((r, l) => {
+    const r = new _(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), n.playFromStart();
+      p.panoIndex === a[0] && m(p.panoIndex), r.playFromStart();
       function i(u) {
         if (u !== "Panorama")
           return f(new Error("mode not match"));
@@ -97,7 +93,7 @@ function D(o, e) {
         if (a = a.slice(1), u !== I)
           return f(new Error("panoIndex not match, wanted: " + I + ", got: " + u));
         if (a.length === 0)
-          return x();
+          return y();
       }
       function g() {
         o.off("modeChange", i), o.off("panoArrived", m);
@@ -105,8 +101,8 @@ function D(o, e) {
       function f(u) {
         g(), l(u);
       }
-      function x() {
-        g(), r();
+      function y() {
+        g(), n();
       }
       o.on("modeChange", i), o.on("panoArrived", m);
     });
@@ -114,9 +110,9 @@ function D(o, e) {
 }
 const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineItem: M
+  GuideLineItem: E
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  M as GuideLineItem,
+  E as GuideLineItem,
   z as GuideLineItem$1
 };

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -1,17 +1,23 @@
-import "object-assign-deep";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./GuideLineModeItem/index.js";
 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 Pm } from "./GuideLineItem/index.js";
+import { GuideLineItem as Wm } from "./GuideLineItem/index.js";
 import "three";
 import "./utils/createLineGeometry.js";
-import "polyline-normals";
+import "../vendor/polyline-normals/index.js";
+import "../vendor/polyline-miter-util/index.js";
+import "../vendor/gl-vec2/add.js";
+import "../vendor/gl-vec2/set.js";
+import "../vendor/gl-vec2/normalize.js";
+import "../vendor/gl-vec2/subtract.js";
+import "../vendor/gl-vec2/dot.js";
 import "../shared-utils/five/mode.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -29,19 +35,6 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/three/loadTexture.js";
-import "./utils/index.js";
-import "@realsee/five/gltf-loader";
-import "../vendor/svelte/internal/index.js";
-import "../PanoTagPlugin/utils/device.js";
-import "../shared-utils/threex/domevents/index.js";
-import "animejs";
-import "../PanoTagPlugin/utils/constants.js";
-import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
-import "lodash.get";
-import "lodash.clonedeep";
-import "lodash.isequal";
-import "classnames";
-import "../shared-utils/three/GLTFLoader.js";
 import "../PanoTagPlugin/controller/index.js";
 import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
@@ -64,6 +57,9 @@ 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";
@@ -76,11 +72,14 @@ 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";
@@ -106,10 +105,14 @@ 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 "../vendor/simply-reactive/src/utils/subscription.js";
-import "../vendor/simply-reactive/src/utils/object.js";
-import "../vendor/simply-reactive/src/utils/watcher.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-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";
@@ -127,12 +130,16 @@ 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 "../vendor/classnames/index.js";
 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 "@realsee/five/gltf-loader";
+import "../PanoTagPlugin/utils/model/imagePlane.js";
 import "./Components/Tag.js";
+import "./utils/index.js";
 import "../base/BasePluginWithData.js";
 import "./index.js";
 import "./Controller.js";
@@ -147,5 +154,5 @@ import "../CruisePlugin/utils/formatRad.js";
 import "../CruisePlugin/utils/linerValue.js";
 import "../CruisePlugin/utils/sleep.js";
 export {
-  Pm as GuideLineItem
+  Wm as GuideLineItem
 };

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,97 +1,108 @@
 var v = Object.defineProperty;
 var g = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+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) => {
   for (var i in e || (e = {}))
-    C.call(e, i) && h(r, i, e[i]);
+    b.call(e, i) && h(r, i, e[i]);
   if (g)
     for (var i of g(e))
-      b.call(e, i) && h(r, i, e[i]);
+      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);
-import * as o from "three";
-import { logWarning as E, logError as F } from "../../shared-utils/log.js";
-import { createLineGeometry as y } from "../utils/createLineGeometry.js";
-import { isPanoramaLike as k, isModelLike as P } from "../../shared-utils/five/mode.js";
+import * as n from "three";
+import { logWarning as y, logError as C } from "../../shared-utils/log.js";
+import { createLineGeometry as P } from "../utils/createLineGeometry.js";
+import { isPanoramaLike as w, isModelLike as U } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "@realsee/five";
-import "@tweenjs/tween.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
-import { loadTexture as w } from "../../shared-utils/three/loadTexture.js";
-import "object-assign-deep";
-import { filterAdjacentDistinct as U } from "../utils/index.js";
+import { BetterTween as x, tweenProgress as L } from "../../shared-utils/animationFrame/BetterTween.js";
+import { loadTexture as V } from "../../shared-utils/three/loadTexture.js";
 import p from "../../PanoTagPlugin/controller/index.js";
-import "@realsee/five/gltf-loader";
-import x from "../Components/Tag.js";
-const L = `
+import E from "../Components/Tag.js";
+import { filterAdjacentDistinct as G } from "../utils/index.js";
+const T = (
+  /* glsl */
+  `
   varying vec2 vUv;
 
   void main() {
     vUv = uv;
     gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
   }
-`, V = `
-  // \u662F\u5426\u4F7F\u7528\u989C\u8272
+`
+), _ = (
+  /* glsl */
+  `
+  // 是否使用颜色
   uniform int useMapColor;
-  // \u8D34\u56FE
+  // 贴图
   uniform sampler2D map;
-  // \u8D34\u56FE\u989C\u8272
+  // 贴图颜色
   uniform vec3 mapColor;
-  // \u8D34\u56FE\u900F\u660E\u5EA6
+  // 贴图透明度
   uniform float mapOpacity;
-  // \u80CC\u666F\u989C\u8272
+  // 背景颜色
   uniform vec3 backgroundColor;
-  // \u80CC\u666F\u900F\u660E\u5EA6
+  // 背景透明度
   uniform float backgroundOpacity;
-  // \u6574\u4F53\u900F\u660E\u5EA6
+  // 整体透明度
   uniform float opacity;
-  // \u6700\u5927 U \u503C
+  // 最大 U 值
   uniform float maxU;
-  // \u7EB9\u7406\u5750\u6807
+  // v offset
+  uniform float vOffset;
+  // 闪烁动画值
+  uniform float flicker;
+  // 纹理坐标
   varying vec2 vUv;
 
-  // \u83B7\u53D6\u7EB9\u7406\u989C\u8272
+  // 获取纹理颜色
   vec4 getTextureColor() {
-    // \u539F\u59CB\u8D34\u56FE\u989C\u8272
-    vec4 image = texture2D(map, vUv);
-    // \u5982\u679C\u4F7F\u7528\u989C\u8272
+    vec2 uv = vUv;
+    uv.y = uv.y - vOffset;
+    // 原始贴图颜色
+    vec4 image = texture2D(map, uv);
+    // 如果使用颜色
     if (useMapColor == 1) {
-      // \u6DF7\u5408\u989C\u8272
+      // 混合颜色
       image = mix(image, vec4(mapColor, image.a), image.a);
     }
     image.a = image.a * mapOpacity;
     return image;
   }
 
-  // \u83B7\u53D6\u7EBF\u6027\u6E10\u53D8\u7684\u900F\u660E\u5EA6
+  // 获取线性渐变的透明度
   float linearGradientOpacity() {
-    // \u5F53\u524D\u7684 u \u503C
+    // 当前的 u 值
     float u = vUv.y;
     float gradientLength = 1.0;
     if (u <= gradientLength) {
-      return u / gradientLength; // \u5728 [0, gradientLength] \u8303\u56F4\u5185\uFF0C\u900F\u660E\u5EA6\u4E3A [0, 1]
+      return u / gradientLength; // 在 [0, gradientLength] 范围内，透明度为 [0, 1]
     } else if (u <= maxU - gradientLength) {
-      return 1.0; // \u5728 (gradientLength, maxU - gradientLength) \u8303\u56F4\u5185\uFF0C\u900F\u660E\u5EA6\u4E3A 1
+      return 1.0; // 在 (gradientLength, maxU - gradientLength) 范围内，透明度为 1
     } else {
-      return (maxU - u) / gradientLength; // \u5728 [maxU - gradientLength, maxU] \u8303\u56F4\u5185\uFF0C\u900F\u660E\u5EA6\u4E3A [1, 0]
+      return (maxU - u) / gradientLength; // 在 [maxU - gradientLength, maxU] 范围内，透明度为 [1, 0]
     }
   }
 
   void main() {
     vec4 image = getTextureColor();
-    // \u8BBE\u7F6E\u80CC\u666F\u989C\u8272
+    // 设置背景颜色
     gl_FragColor = vec4(backgroundColor, backgroundOpacity);
-    // \u6DF7\u5408\u989C\u8272\u548C\u80CC\u666F
+    // 混合颜色和背景
     gl_FragColor = mix(gl_FragColor, image, image.a);
-    // \u8BBE\u7F6E\u6574\u4F53\u900F\u660E\u5EA6
+    // 设置整体透明度
     gl_FragColor.a = gl_FragColor.a * opacity;
     gl_FragColor.a = gl_FragColor.a * linearGradientOpacity();
+    gl_FragColor.a = gl_FragColor.a * flicker;
   }
-`;
-class G {
+`
+);
+class M {
   constructor(e, i) {
     t(this, "startTagPlugin");
     t(this, "endTagPlugin");
@@ -106,64 +117,88 @@ class G {
     t(this, "width", 0.5);
     t(this, "unitLength", 0.5);
     t(this, "visible", !1);
+    /** Five Mode 是否满足 */
     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);
-    t(this, "onTagContainerChange", (e, i) => new x({ target: e, intro: !0, props: i.data }).$destroy);
+    t(this, "flowAnime", new x({ progress: 0 }).to({ progress: 1 }).duration(5e3).repeat(1 / 0));
+    t(this, "flickerAnime", L(300).yoyo(!0).repeat(5));
+    t(this, "onTagContainerChange", (e, i) => new E({ target: e, intro: !0, props: i.data }).$destroy);
+    /** 当设置 GuideLinePLugin 展示 */
     t(this, "onPluginShow", () => {
       this.updateVisible();
     });
+    /** 当设置 GuideLinePLugin 隐藏 */
     t(this, "onPluginHide", () => {
       this.updateVisible();
     });
+    /** 当设置 GuideLinePLugin 开启 */
     t(this, "onPluginEnable", () => {
       this.updateVisible();
     });
+    /** 当设置 GuideLinePLugin 关闭 */
     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" ? k(e) : P(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? w(e) : U(e), this.updateVisible();
     });
-    t(this, "logWarning", (e) => E("GuideLineModeItem: ", e));
-    t(this, "logError", (e) => F("GuideLineModeItem: ", e));
+    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;
+    });
+    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.startTagPlugin = new p(this.five), this.endTagPlugin = new p(this.five);
-    const s = new o.BufferGeometry(), a = new o.ShaderMaterial({
-      vertexShader: L,
-      fragmentShader: V,
+    const s = new n.BufferGeometry(), a = new n.ShaderMaterial({
+      vertexShader: T,
+      fragmentShader: _,
       transparent: !0,
       uniforms: {
         map: { value: null },
         useMapColor: { value: 0 },
-        mapColor: { value: new o.Color() },
+        mapColor: { value: new n.Color() },
         mapOpacity: { value: 1 },
-        backgroundColor: { value: new o.Color() },
+        backgroundColor: { value: new n.Color() },
         backgroundOpacity: { value: 0 },
         opacity: { value: 1 },
-        maxU: { value: 0 }
+        flicker: { value: 1 },
+        maxU: { value: 0 },
+        vOffset: { value: 0 }
       }
     });
-    this.mesh = new o.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.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 n.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.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());
   }
+  /** 设置默认展示 */
   setDefaultVisible(e) {
     if (this.disposed)
       return this.logError("disposed");
@@ -172,79 +207,90 @@ class G {
   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());
   }
+  /** 基础宽、长 */
   setUnitSize(e, i) {
     if (this.disposed)
       return this.logError("disposed");
     this.width = e, this.unitLength = i, this.setGeometryByPath(this.path, { width: e, unit_length: i });
   }
+  /** 设置缩放 */
   setScale(e) {
     if (this.disposed)
       return this.logError("disposed");
     this.scale = e, this.setGeometryByPath(this.path, { scale: e });
   }
+  /** 通过点位设置线条形状 */
   setGeometryByPanoGroup(e, i) {
     if (this.disposed)
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = U(e);
+    const s = G(e);
     if (this._panoGroup = s, (i == null ? void 0 : i.skipPanoGroup) !== void 0) {
-      const n = i.skipPanoGroup ? s.map((u) => this.five.work.observers[u]).map((u) => u.standingPosition.clone()) : null;
-      this.skippedPositions = n;
+      const l = i.skipPanoGroup ? s.map((o) => this.five.work.observers[o]).map((o) => o.standingPosition.clone()) : null;
+      this.skippedPositions = l;
     }
     const a = this.getPathFromPanoGroup(s, this.five.work, i);
     this.path = a, this.setGeometryByPath(a, i);
   }
+  /** 通过路径设置线条形状 */
   setGeometryByPath(e, i) {
-    var l, d, m;
+    var u, d, m;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (l = i == null ? void 0 : i.scale) != null ? l : this.scale, a = (d = i == null ? void 0 : i.width) != null ? d : this.width, n = (m = i == null ? void 0 : i.unit_length) != null ? m : this.unitLength;
-    this.path = e, this.scale = s, this.width = a, this.unitLength = n;
-    const { geometry: u, maxU: c } = y({
+    const s = (u = i == null ? void 0 : i.scale) != null ? u : this.scale, a = (d = i == null ? void 0 : i.width) != null ? d : this.width, l = (m = i == null ? void 0 : i.unit_length) != null ? m : this.unitLength;
+    this.path = e, this.scale = s, this.width = a, this.unitLength = l;
+    const { geometry: o, maxU: c } = P({
       path: e,
       width: a * s,
-      unitLength: n * s,
+      unitLength: l * s,
       skipPositions: this.skippedPositions
     });
-    this.mesh.geometry = u, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = c, this.five.needsRender = !0;
+    this.mesh.geometry = o, this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxU.value = c, 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);
   }
+  /** 设置贴图颜色 */
   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 o.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 n.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 o.Color().setRGB(e[0], e[1], e[2]), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.uniforms.backgroundColor.value = new n.Color().setRGB(e[0], e[1], e[2]), 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;
   }
+  /** 设置背景透明度 */
   setBackgroundOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
     this.mesh.material.uniforms.backgroundOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
+  /** 设置贴图透明度 */
   setMapOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
     this.mesh.material.uniforms.mapOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
   }
+  /** 设置贴图 */
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, w(e).then((i) => {
-      this.disposed || this.textureUrl === e && (i.wrapT = o.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, V(e).then((i) => {
+      this.disposed || this.textureUrl === e && (i.wrapT = n.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) {
@@ -253,35 +299,43 @@ class G {
   setEndTag(e) {
     this.setTag("end", e);
   }
+  /** 闪烁 */
+  flicker() {
+    if (this.disposed)
+      return this.logError("disposed");
+    this.flickerAnime.play();
+  }
   setTag(e, i) {
     const s = e === "start" ? this.startTagPlugin : this.endTagPlugin;
-    T(i) && (i.element = (a) => this.onTagContainerChange(a, i)), s.load({ tagList: [i] });
+    A(i) && (i.element = (a) => this.onTagContainerChange(a, i)), s.load({ tagList: [i] });
   }
+  /** 更新可见性 */
   updateVisible() {
     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() {
-    this.five.scene.add(this.mesh), this.five.needsRender = !0;
+    this.mode === "model" && this.flowAnime.play(), this.five.scene.add(this.mesh), this.five.needsRender = !0;
   }
   doHide() {
-    this.five.scene.remove(this.mesh), this.five.needsRender = !0;
+    this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.mesh), this.five.needsRender = !0;
   }
+  /** 通过 panoIndex 数组计算路径 */
   getPathFromPanoGroup(e, i, s) {
     if (e.length < 2)
       return [];
-    const n = e.map((u) => i.observers[u]).map((u) => u.standingPosition.toArray());
-    return [f({ type: "CatmullRomCurve3", points: n }, s)];
+    const l = e.map((o) => i.observers[o]).map((o) => o.standingPosition.toArray());
+    return [f({ type: "CatmullRomCurve3", points: l }, s)];
   }
 }
-function T(r) {
+function A(r) {
   return r.contentType === "Custom";
 }
 const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: G
+  GuideLineModeItem: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  G as GuideLineModeItem,
+  M as GuideLineModeItem,
   J as GuideLineModeItem$1
 };