@realsee/dnalogel 3.64.23-alpha.4 → 3.64.23-ke-webgpu.1

package/libs/GuideLinePlugin/GuideLineModeItem/index.js

@@ -1,173 +1,95 @@
-var w = Object.defineProperty, V = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var x = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var b = (h, e, t) => e in h ? w(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t, f = (h, e) => {
+var H = Object.defineProperty, q = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var F = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var M = (u, e, t) => e in u ? H(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t, b = (u, e) => {
   for (var t in e || (e = {}))
-    x.call(e, t) && b(h, t, e[t]);
-  if (y)
-    for (var t of y(e))
-      S.call(e, t) && b(h, t, e[t]);
-  return h;
-}, C = (h, e) => V(h, P(e));
-var i = (h, e, t) => (b(h, typeof e != "symbol" ? e + "" : e, t), t);
-import * as n from "three";
-import { logError as T } from "../../shared-utils/log.js";
-import { createLineGeometry as L } from "../utils/createLineGeometry.js";
+    N.call(e, t) && M(u, t, e[t]);
+  if (F)
+    for (var t of F(e))
+      j.call(e, t) && M(u, t, e[t]);
+  return u;
+}, G = (u, e) => q(u, D(e));
+var i = (u, e, t) => (M(u, typeof e != "symbol" ? e + "" : e, t), t);
+import * as h from "three";
+import { MeshBasicNodeMaterial as Y } from "three/webgpu";
+import { texture as $, uniform as f, uv as U, Fn as z, vec2 as Z, mix as P, vec4 as k, select as C, float as B, materialOpacity as J } from "three/tsl";
+import { logError as K } from "../../shared-utils/log.js";
+import { createLineGeometry as Q } from "../utils/createLineGeometry.js";
 import "../../shared-utils/tag.js";
-import { isPanoramaLike as F, isModelLike as M } from "../../shared-utils/five/mode.js";
+import { isPanoramaLike as X, isModelLike as ee } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import { notNil as _ } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import { notNil as te } from "../../shared-utils/isNil.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../shared-utils/three/core/Sphere.js";
-import { blink as O } from "../../shared-utils/three/blink.js";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import { BetterTween as U } from "../../shared-utils/animationFrame/BetterTween.js";
+import { blink as ie } from "../../shared-utils/three/blink.js";
+import { BetterTween as se } from "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/five/FivePuppet.js";
-import { loadTexture as E } from "../../shared-utils/three/loadTexture.js";
-import k from "../../PanoTagPlugin/controller/index.js";
-import A from "../Components/Tag.js";
-import { filterAdjacentDistinct as G } from "../utils/index.js";
-import { objectAssignDeepExports as B } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { createPath as W } from "../utils/createPath.js";
-const I = (
-  /* glsl */
-  `
-  varying vec2 vUv;
-  varying float ignoreAnimationMap;
-  attribute float animationWillError;
-
-  void main() {
-    vUv = uv;
-    ignoreAnimationMap = animationWillError;
-    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
-  }
-`
-), R = (
-  /* glsl */
-  `
-  precision highp float;
-  precision mediump int;
-  // 是否使用颜色
-  uniform int useMapColor;
-  // 贴图
-  uniform sampler2D map;
-  // 贴图颜色
-  uniform vec3 mapColor;
-  // 贴图透明度
-  uniform float mapOpacity;
-  // 背景颜色
-  uniform vec3 backgroundColor;
-  // 边框颜色
-  uniform vec3 borderColor;
-  // 边框透明度
-  uniform float borderOpacity;
-  // 边框宽度
-  uniform float borderWidth;
-  // 背景透明度
-  uniform float backgroundOpacity;
-  // @link https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
-  uniform int backgroundClip;
-  // 整体透明度
-  uniform float opacity;
-  // 最大 U 值
-  uniform float maxV;
-  // v offset
-  uniform float vOffset;
-  // 闪烁动画值
-  uniform float flicker;
-  // 纹理坐标
-  varying vec2 vUv;
-  varying float ignoreAnimationMap;
-
-  // 获取纹理颜色
-  vec4 getImage() {
-    vec2 uv = vUv;
-    uv.y = uv.y - vOffset;
-
-    if (ignoreAnimationMap == 1.0) {
-      return vec4(0.0, 0.0, 0.0, 0.0);
-    }
-
-    // 原始贴图颜色
-    vec4 image = texture2D(map, uv);
-    // 如果使用颜色
-    if (useMapColor == 1) {
-      // 混合颜色
-      image = mix(image, vec4(mapColor, image.a), image.a);
-    }
-    image.a = image.a * mapOpacity;
-    return image;
-  }
-
-  // 获取线性渐变的透明度
-  float linearGradientOpacity() {
-    // 当前的 v 值
-    float v = vUv.y;
-    float gradientLength = 1.0;
-    if (v <= gradientLength) {
-      return v / gradientLength; // 在 [0, gradientLength] 范围内，透明度为 [0, 1]
-    } else if (v <= maxV - gradientLength) {
-      return 1.0; // 在 (gradientLength, maxV - gradientLength) 范围内，透明度为 1
-    } else {
-      return (maxV - v) / gradientLength; // 在 [maxV - gradientLength, maxV] 范围内，透明度为 [1, 0]
-    }
-  }
-
-  // 获取边框颜色
-  vec4 getBorder() {
-    float u = vUv.x;
-    if (u <= borderWidth || u >= 1.0 - borderWidth) {
-      return vec4(borderColor, borderOpacity);
-    }
-    return vec4(0.0, 0.0, 0.0, 0.0);
-  }
-
-  // 获取背景色
-  vec4 getBackground() {
-    // border-box
-    if (backgroundClip == 0) {
-      return vec4(backgroundColor, backgroundOpacity);
-    } else {
-    // padding-box
-      float u = vUv.x;
-      if (u > borderWidth && u < 1.0 - borderWidth) {
-        return vec4(backgroundColor, backgroundOpacity);
-      }
-      return vec4(0.0, 0.0, 0.0, 0.0);
-    }
+import { loadTexture as re } from "../../shared-utils/three/loadTexture.js";
+import _ from "../../PanoTagPlugin/controller/index.js";
+import oe from "../Components/Tag.js";
+import { filterAdjacentDistinct as ne } from "../utils/index.js";
+import { objectAssignDeepExports as ae } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { createPath as he } from "../utils/createPath.js";
+class de extends Y {
+  constructor() {
+    super({ transparent: !0 });
+    // TSL 的 uniform 是重载函数、UniformNode 又未从 three/webgpu 导出，无法直接标注字段类型，
+    // 故节点留在构造函数里靠重载推断，类上只存读写闭包。
+    i(this, "setMap");
+    i(this, "setUseMapColor");
+    i(this, "setMapColor");
+    i(this, "setMapOpacity");
+    i(this, "setBackgroundColor");
+    i(this, "setBackgroundOpacity");
+    i(this, "setBorderColor");
+    i(this, "setBorderOpacity");
+    /** 0 = border-box，1 = padding-box */
+    i(this, "setBackgroundClip");
+    i(this, "setBorderWidth");
+    i(this, "setMaxV");
+    i(this, "setVOffset");
+    const t = $(new h.Texture()), r = f(0), s = f(new h.Color()), a = f(1), n = f(new h.Color()), d = f(0), p = f(new h.Color()), m = f(0), c = f(0), g = f(0.05), l = f(0), y = f(0);
+    this.setMap = (o) => {
+      t.value = o != null ? o : new h.Texture();
+    }, this.setUseMapColor = (o) => {
+      r.value = o ? 1 : 0;
+    }, this.setMapColor = (o) => {
+      s.value.copy(o);
+    }, this.setMapOpacity = (o) => {
+      a.value = o;
+    }, this.setBackgroundColor = (o) => {
+      n.value.copy(o);
+    }, this.setBackgroundOpacity = (o) => {
+      d.value = o;
+    }, this.setBorderColor = (o) => {
+      p.value.copy(o);
+    }, this.setBorderOpacity = (o) => {
+      m.value = o;
+    }, this.setBackgroundClip = (o) => {
+      c.value = o;
+    }, this.setBorderWidth = (o) => {
+      g.value = o;
+    }, this.setMaxV = (o) => {
+      l.value = o;
+    }, this.setVOffset = (o) => {
+      y.value = o;
+    };
+    const v = U().x, w = U().y, T = z(() => {
+      const o = t.sample(Z(v, w.sub(y))), W = P(o, k(s, o.a), o.a), O = C(r.equal(1), W, o);
+      return k(O.rgb, O.a.mul(a));
+    })(), S = v.lessThanEqual(g).or(v.greaterThanEqual(g.oneMinus())), x = C(S, k(p, m), k(0, 0, 0, 0)), L = k(n, d), A = C(c.equal(0), L, C(S, k(0, 0, 0, 0), L)), I = P(A, k(T.rgb, T.a.mul(0.4).add(0.6)), T.a), E = P(I, x, x.a), V = B(1), R = C(
+      w.lessThanEqual(V),
+      w.div(V),
+      C(w.lessThanEqual(l.sub(V)), B(1), l.sub(w).div(V))
+    );
+    this.colorNode = E.rgb, this.opacityNode = E.a.mul(R).mul(B(J));
   }
-
-  // 根据摄像机位置计算透明度
-  float distanceOpacity() {
-    return 1.0;
-  }
-
-  void main() {
-    float v = vUv.y;
-    vec4 image = getImage();
-    vec4 border = getBorder();
-    vec4 background = getBackground();
-    // 设置背景颜色
-    gl_FragColor = background;
-    // 混合颜色和背景
-    gl_FragColor = mix(background, vec4(image.rgb, image.a * 0.4 + 0.6), image.a); //  image.a * 0.4 + 0.6 先这么写，但是不是最优解
-    // 混合边框
-    gl_FragColor = mix(gl_FragColor, border, border.a);
-    // 设置整体透明度
-    gl_FragColor.a = gl_FragColor.a * opacity;
-    gl_FragColor.a = gl_FragColor.a * linearGradientOpacity();
-    gl_FragColor.a = gl_FragColor.a * distanceOpacity();
-    gl_FragColor.a = gl_FragColor.a * flicker;
-  }
-`
-);
-class N {
+}
+class le {
   constructor(e, t) {
     i(this, "name", "");
     i(this, "startTagContainer");
@@ -176,7 +98,7 @@ class N {
     i(this, "geometryStyle", {});
     i(this, "materialStyle", {});
     i(this, "meshStyle", {});
-    i(this, "group", new n.Group());
+    i(this, "group", new h.Group());
     i(this, "mesh");
     i(this, "visible", null);
     i(this, "five");
@@ -203,7 +125,7 @@ class N {
     i(this, "plugin");
     i(this, "textureHasLoaded", !1);
     i(this, "disposed", !1);
-    i(this, "flowAnime", new U({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
+    i(this, "flowAnime", new se({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(1 / 0));
     /** 缓存 panoGroup 中每个点距离起点的长度 */
     i(this, "cacheLengths", []);
     /** 为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
@@ -222,7 +144,7 @@ class N {
     });
     /** 模型状态变更 */
     i(this, "onFiveModeChange", (e) => {
-      this.modeVisible = this.mode === "panorama" ? F(e) : M(e), this.updateVisible();
+      this.modeVisible = this.mode === "panorama" ? X(e) : ee(e), this.updateVisible();
     });
     i(this, "onFiveModelShownFloorChange", (e) => {
       this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
@@ -234,33 +156,13 @@ class N {
     });
     i(this, "onFlowAnimeUpdate", (e) => {
       const { progress: t } = e;
-      this.mesh.material.uniforms.vOffset.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+      this.mesh.material.setVOffset(t), this.five.needsRender = !0;
     });
-    i(this, "logError", (e) => T("GuideLineModeItem: ", e));
-    var a, o;
+    i(this, "logError", (e) => K("GuideLineModeItem: ", e));
+    var a, n;
     this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.group.name = "GuideLineModeItem";
-    const s = new n.BufferGeometry(), r = new n.ShaderMaterial({
-      vertexShader: I,
-      fragmentShader: R,
-      transparent: !0,
-      uniforms: {
-        map: { value: null },
-        useMapColor: { value: 0 },
-        mapColor: { value: new n.Color() },
-        mapOpacity: { value: 1 },
-        backgroundColor: { value: new n.Color() },
-        backgroundOpacity: { value: 0 },
-        borderColor: { value: new n.Color() },
-        borderOpacity: { value: 0 },
-        backgroundClip: { value: 0 },
-        borderWidth: { value: 0.05 },
-        opacity: { value: 1 },
-        flicker: { value: 1 },
-        maxV: { value: 0 },
-        vOffset: { value: 0 }
-      }
-    });
-    this.mesh = new n.Mesh(s, r), this.mesh.name = "GuideLineModeItem", this.group.add(this.mesh), 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.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.five.needsRender = !0;
+    const r = new h.BufferGeometry(), s = new de();
+    this.mesh = new h.Mesh(r, s), this.mesh.name = "GuideLineModeItem", this.group.add(this.mesh), 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((n = (a = this.five.model) == null ? void 0 : a.shownFloor) != null ? n : null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), 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.five.needsRender = !0;
   }
   get panoGroup() {
     return this._panoGroup;
@@ -307,82 +209,82 @@ class N {
       return this.logError("disposed");
     if (!this.five.work)
       return this.logError("setPathByPanoGroup: work is not ready");
-    const s = G(e);
-    if (this._panoGroup = s, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
-      const l = t.skipPanoGroup ? s.map((g) => this.plugin.workUtil.getObserverStandingPosition(g)).filter(_) : null;
-      this.skippedPositions = l;
+    const r = ne(e);
+    if (this._panoGroup = r, (t == null ? void 0 : t.skipPanoGroup) !== void 0) {
+      const d = t.skipPanoGroup ? r.map((p) => this.plugin.workUtil.getObserverStandingPosition(p)).filter(te) : null;
+      this.skippedPositions = d;
     }
-    const r = this.five.getCurrentState(), a = this.five.works.getWork(r.workCode), o = W(s, a, t);
-    this.path = o, this.setGeometryByPath(o, t);
+    const s = this.five.getCurrentState(), a = this.five.works.getWork(s.workCode), n = he(r, a, t);
+    this.path = n, this.setGeometryByPath(n, t);
   }
   /** 通过路径设置线条形状 */
   setGeometryByPath(e, t) {
-    var u, m, d;
+    var c, g, l;
     if (this.disposed)
       return this.logError("disposed");
-    const s = (u = t == null ? void 0 : t.scale) != null ? u : this.scale, r = (m = t == null ? void 0 : t.width) != null ? m : this.width, a = (d = t == null ? void 0 : t.unit_length) != null ? d : this.unitLength;
-    this.scale = s, this.width = r, this.unitLength = a;
-    const { geometry: o, maxV: l, curvePath: g, curvePoints: c } = L({
+    const r = (c = t == null ? void 0 : t.scale) != null ? c : this.scale, s = (g = t == null ? void 0 : t.width) != null ? g : this.width, a = (l = t == null ? void 0 : t.unit_length) != null ? l : this.unitLength;
+    this.scale = r, this.width = s, this.unitLength = a;
+    const { geometry: n, maxV: d, curvePath: p, curvePoints: m } = Q({
       path: e,
-      width: r * s,
-      unitLength: a * s,
+      width: s * r,
+      unitLength: a * r,
       skipPositions: this.skippedPositions
     });
-    this._curvePath = g, this._curvePoints = c, this.mesh.geometry.copy(o), this.mesh.material.needsUpdate = !0, this.mesh.material.uniforms.maxV.value = l, this.five.needsRender = !0, this.path = e, this.geometryStyle = f(f({}, this.geometryStyle), t);
+    this._curvePath = p, this._curvePoints = m, this.mesh.geometry.copy(n), this.mesh.material.needsUpdate = !0, this.mesh.material.setMaxV(d), this.five.needsRender = !0, this.path = e, this.geometryStyle = b(b({}, this.geometryStyle), t);
   }
   /** 设置线条材质 */
   setMartial(e) {
-    var s, r, a, o, l;
+    var r, s, a, n, d;
     if (this.disposed)
       return this.logError("disposed");
-    this.setDefaultVisible((s = e == null ? void 0 : e.visible) != null ? s : !1), this.setColor((r = e == null ? void 0 : e.color) != null ? r : "#ffffff"), this.setOpacity((a = e == null ? void 0 : e.opacity) != null ? a : 0.5), this.setTextureUrl((l = (o = e == null ? void 0 : e.texture) == null ? void 0 : o.url) != null ? l : "https://vr-image-4.realsee-cdn.cn/release/web/arrow1.ebe7d0ff.png"), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity), (e == null ? void 0 : e.border_width) !== void 0 && this.setBorderWidth(e.border_width), (e == null ? void 0 : e.background_clip) !== void 0 && this.setBackgroundClip(e.background_clip);
-    const t = f(f({}, this.materialStyle), e);
+    this.setDefaultVisible((r = e == null ? void 0 : e.visible) != null ? r : !1), this.setColor((s = e == null ? void 0 : e.color) != null ? s : "#ffffff"), this.setOpacity((a = e == null ? void 0 : e.opacity) != null ? a : 0.5), this.setTextureUrl((d = (n = e == null ? void 0 : e.texture) == null ? void 0 : n.url) != null ? d : "https://vr-image-4.realsee-cdn.cn/release/web/arrow1.ebe7d0ff.png"), (e == null ? void 0 : e.background_color) !== void 0 && this.setBackgroundColor(e.background_color), (e == null ? void 0 : e.background_opacity) !== void 0 && this.setBackgroundOpacity(e.background_opacity), (e == null ? void 0 : e.border_color) !== void 0 && this.setBorderColor(e.border_color), (e == null ? void 0 : e.border_opacity) !== void 0 && this.setBorderOpacity(e.border_opacity), (e == null ? void 0 : e.border_width) !== void 0 && this.setBorderWidth(e.border_width), (e == null ? void 0 : e.background_clip) !== void 0 && this.setBackgroundClip(e.background_clip);
+    const t = b(b({}, this.materialStyle), e);
     this.materialStyle = t;
   }
   /** 设置模型状态 */
   setMeshStyle(e) {
     if (e != null && e.translate) {
-      const r = new n.Vector3(), a = new n.Vector3().fromArray(e.translate);
-      a.y += this.heightOffset, r.add(a), this.group.position.copy(r), s(this.startTagContainer, a), s(this.endTagContainer, a);
+      const s = new h.Vector3(), a = new h.Vector3().fromArray(e.translate);
+      a.y += this.heightOffset, s.add(a), this.group.position.copy(s), r(this.startTagContainer, a), r(this.endTagContainer, a);
     }
-    const t = f(f({}, this.meshStyle), e);
+    const t = b(b({}, this.meshStyle), e);
     this.meshStyle = t;
-    function s(r, a) {
-      if (!(r != null && r.tag))
+    function r(s, a) {
+      if (!(s != null && s.tag))
         return;
-      const o = new n.Vector3().fromArray(r.tag.position);
-      o.add(a);
-      const l = o.toArray();
-      r.plugin.changeTagById(r.tag.id, { position: l });
+      const n = new h.Vector3().fromArray(s.tag.position);
+      n.add(a);
+      const d = n.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: d });
     }
   }
   /** 设置 Y 轴上的偏移量，为了让多条路线在高度上错开，每个路线都需要有个额外的 offset */
   setHeightOffset(e) {
-    const t = new n.Vector3();
-    this.meshStyle.translate && t.add(new n.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.group.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
+    const t = new h.Vector3();
+    this.meshStyle.translate && t.add(new h.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.group.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 n.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.setMapColor(new h.Color().set(e)), this.mesh.material.setUseMapColor(!!e), this.five.needsRender = !0;
   }
   /** 设置边框 */
   setBorderColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderColor.value = new n.Color().set(e), this.five.needsRender = !0;
+    this.mesh.material.setBorderColor(new h.Color().set(e)), this.five.needsRender = !0;
   }
   /** 设置边框透明度 */
   setBorderOpacity(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderOpacity.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.setBorderOpacity(e), this.five.needsRender = !0;
   }
   setBackgroundClip(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundClip.value = e === "border-box" ? 0 : 1, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.setBackgroundClip(e === "border-box" ? 0 : 1), this.five.needsRender = !0;
   }
   /**
    * @description: 设置边框宽度
@@ -390,45 +292,45 @@ class N {
   setBorderWidth(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.borderWidth.value = e, this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.setBorderWidth(e), this.five.needsRender = !0;
   }
   /** 设置背景颜色 */
   setBackgroundColor(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.mesh.material.uniforms.backgroundColor.value = new n.Color().set(e), this.mesh.material.uniformsNeedUpdate = !0, this.five.needsRender = !0;
+    this.mesh.material.setBackgroundColor(new h.Color().set(e)), 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;
+    this.mesh.material.setBackgroundOpacity(e), 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;
+    this.mesh.material.opacity = e, 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;
+    this.mesh.material.setMapOpacity(e), this.five.needsRender = !0;
   }
   /** 设置贴图 */
   setTextureUrl(e) {
     if (this.disposed)
       return this.logError("disposed");
-    this.textureUrl = e, E(e).then((t) => {
-      this.disposed || this.textureUrl === e && (t.wrapT = n.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.uniforms.map.value = t, this.mesh.material.uniformsNeedUpdate = !0, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+    this.textureUrl = e, re(e).then((t) => {
+      this.disposed || this.textureUrl === e && (t.wrapT = h.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.setMap(t), this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
     });
   }
   setVisibleFloorIndexes(e) {
-    var t, s;
+    var t, r;
     if (this.disposed)
       return this.logError("disposed");
-    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((s = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? s : null);
+    this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange((r = (t = this.five.model) == null ? void 0 : t.shownFloor) != null ? r : null);
   }
   setStartTag(e) {
     this.setTag("start", e);
@@ -438,10 +340,10 @@ class N {
   }
   /** 闪烁 */
   flicker() {
-    var e, t, s, r, a, o;
+    var e, t, r, s, a, n;
     if (this.disposed)
       return this.logError("disposed");
-    O([this.group, (s = (t = (e = this.startTagContainer) == null ? void 0 : e.plugin) == null ? void 0 : t.tags[0]) == null ? void 0 : s.dom, (o = (a = (r = this.endTagContainer) == null ? void 0 : r.plugin) == null ? void 0 : a.tags[0]) == null ? void 0 : o.dom], {
+    ie([this.group, (r = (t = (e = this.startTagContainer) == null ? void 0 : e.plugin) == null ? void 0 : t.tags[0]) == null ? void 0 : r.dom, (n = (a = (s = this.endTagContainer) == null ? void 0 : s.plugin) == null ? void 0 : a.tags[0]) == null ? void 0 : n.dom], {
       loop: 6,
       updateRender: () => {
         this.five.needsRender = !0;
@@ -458,43 +360,43 @@ class N {
     return this.disposed ? this.logError("disposed") : this.cacheLengths.length !== 0 ? this.cacheLengths[e] : (this.cacheLengths = this.getPanoGroupLengths(), this.cacheLengths[e]);
   }
   getPanoGroupLengths() {
-    var g, c, u, m;
+    var p, m, c, g;
     if (!this.curvePoints || !this.curvePath)
       return [];
-    const e = this.curvePoints.length, t = (c = (g = this.curvePath) == null ? void 0 : g.getLength()) != null ? c : 0, s = e - 1, r = t / s, a = (m = (u = this.curvePath) == null ? void 0 : u.getLengths(s)) != null ? m : [], o = [];
-    let l = 0;
-    for (let d = 0; d < e; d++) {
-      const v = this.curvePoints[d], p = this.plugin.workUtil.getObserverStandingPosition(l);
-      if (!p)
+    const e = this.curvePoints.length, t = (m = (p = this.curvePath) == null ? void 0 : p.getLength()) != null ? m : 0, r = e - 1, s = t / r, a = (g = (c = this.curvePath) == null ? void 0 : c.getLengths(r)) != null ? g : [], n = [];
+    let d = 0;
+    for (let l = 0; l < e; l++) {
+      const y = this.curvePoints[l], v = this.plugin.workUtil.getObserverStandingPosition(d);
+      if (!v)
         break;
-      p.clone().setY(0).distanceTo(v.clone().setY(0)) < r && (o.push(a[d]), l += 1);
+      v.clone().setY(0).distanceTo(y.clone().setY(0)) < s && (n.push(a[l]), d += 1);
     }
-    return o;
+    return n;
   }
   setTag(e, t) {
-    var g, c;
-    const s = this.curvePath;
+    var p, m;
+    const r = this.curvePath;
     if (!(t != null && t.data))
       return;
-    const r = e === "start" ? (g = this.startTagContainer) != null ? g : (() => (this.startTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 1 }) }, this.startTagContainer))() : (c = this.endTagContainer) != null ? c : (() => (this.endTagContainer = { tag: null, plugin: new k(this.five, { containerZIndex: 1 }) }, this.endTagContainer))(), o = B({}, {
+    const s = e === "start" ? (p = this.startTagContainer) != null ? p : (() => (this.startTagContainer = { tag: null, plugin: new _(this.five, { containerZIndex: 1 }) }, this.startTagContainer))() : (m = this.endTagContainer) != null ? m : (() => (this.endTagContainer = { tag: null, plugin: new _(this.five, { containerZIndex: 1 }) }, this.endTagContainer))(), n = ae({}, {
       contentType: "Custom",
       stickType: "2DPoint",
       config: { visibleConfig: { visibleFiveMode: ["Floorplan", "Mapview"], followModelVisibility: !1 } },
       style: { point: { enabled: !1 } },
       data: {}
     }, t);
-    r.tag = o, H(o) && (r.tag.element = (u) => {
-      var v, p;
-      (v = r.app) == null || v.$destroy();
-      const m = e === "start" ? C(f({}, o.data), { name: this.name, distance: Math.round((p = s == null ? void 0 : s.getLength()) != null ? p : 0), i18n: this.plugin.config.i18n }) : o.data, d = new A({ target: u, intro: !0, props: m });
-      return r.app = d, () => d.$destroy();
-    }), r.plugin.load({ tagList: [r.tag] });
-    const l = this.meshStyle.translate;
-    if (l && o.position) {
-      const u = new n.Vector3().fromArray(o.position), m = new n.Vector3().fromArray(l);
-      u.add(m), u.y += this.heightOffset;
-      const d = u.toArray();
-      r.plugin.changeTagById(r.tag.id, { position: d });
+    s.tag = n, ue(n) && (s.tag.element = (c) => {
+      var y, v;
+      (y = s.app) == null || y.$destroy();
+      const g = e === "start" ? G(b({}, n.data), { name: this.name, distance: Math.round((v = r == null ? void 0 : r.getLength()) != null ? v : 0), i18n: this.plugin.config.i18n }) : n.data, l = new oe({ target: c, intro: !0, props: g });
+      return s.app = l, () => l.$destroy();
+    }), s.plugin.load({ tagList: [s.tag] });
+    const d = this.meshStyle.translate;
+    if (d && n.position) {
+      const c = new h.Vector3().fromArray(n.position), g = new h.Vector3().fromArray(d);
+      c.add(g), c.y += this.heightOffset;
+      const l = c.toArray();
+      s.plugin.changeTagById(s.tag.id, { position: l });
     }
   }
   doShow() {
@@ -506,14 +408,14 @@ class N {
     this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.group), (e = this.startTagContainer) == null || e.plugin.hide(), (t = this.endTagContainer) == null || t.plugin.hide(), this.five.needsRender = !0;
   }
 }
-function H(h) {
-  return h.contentType === "Custom";
+function ue(u) {
+  return u.contentType === "Custom";
 }
-const fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GuideLineModeItem: N
+  GuideLineModeItem: le
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  N as GuideLineModeItem,
-  fe as GuideLineModeItem$1
+  le as GuideLineModeItem,
+  Ue as GuideLineModeItem$1
 };