@realsee/dnalogel 3.37.2 → 3.39.0

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -9,6 +9,7 @@ interface LineGeometryOption {
     /** 每一段的长度，默认是 0.5 */
     unitLength: number;
     skipPositions?: THREE.Vector3[] | null;
+    useAutoDepthTest?: boolean;
 }
 /** 创建路线的几何体
  * @param curvePoints 三维点位
@@ -18,8 +19,17 @@ interface LineGeometryOption {
  */
 export declare function createLineGeometry(options: LineGeometryOption): {
     geometry: THREE.BufferGeometry;
-    maxU: number;
+    maxV: number;
+    curvePath: any;
+    curvePoints: any;
+    panoMap?: undefined;
+    totalLength?: undefined;
+} | {
+    geometry: THREE.BufferGeometry;
+    maxV: number;
     curvePath: THREE.CurvePath<THREE.Vector3>;
     curvePoints: THREE.Vector3[];
+    panoMap: Record<number, number>;
+    totalLength: number;
 };
 export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,51 +1,85 @@
-import * as n from "three";
-import { Vector3 as x } from "three";
-import { polylineNormals as G } from "../../vendor/polyline-normals/index.js";
+import * as o from "three";
+import { Vector3 as z } from "three";
+import { polylineNormals as Y } from "../../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";
-const z = 2, M = 3, X = 3, k = 2;
-function Q(e) {
-  const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
-  if (E.length === 0)
-    return { geometry: new n.BufferGeometry(), maxU: 0, curvePath: null, curvePoints: null };
-  const u = new n.CurvePath();
-  E.forEach((t) => {
-    const l = I(t);
-    l && u.add(l);
+const Z = 2, $ = 3, j = 3, q = 2;
+function at(n) {
+  const _ = n.width, w = n.unitLength, f = _ / 2, x = n.path;
+  if (x.length === 0)
+    return { geometry: new o.BufferGeometry(), maxV: 0, curvePath: null, curvePoints: null };
+  const u = new o.CurvePath();
+  x.forEach((t) => {
+    const c = J(t);
+    c && u.add(c);
   });
-  const w = Math.ceil(u.getLength() * 100);
-  u.arcLengthDivisions = w;
-  const o = u.getPoints(w), y = o.length, L = G(o.map((t) => [t.x, t.z])), B = (y - 1) * z * M, d = 2 * y, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), a = new Float32Array(U);
-  let N = 0, P = 0;
-  for (let t = 0; t < o.length; t++) {
-    const [l, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, v = new x(A + l * c, _ + 0.05, b + R * c);
-    s[t * 6 + 0] = v.x, s[t * 6 + 1] = v.y, s[t * 6 + 2] = v.z;
-    const f = new x(A - l * c, _ + 0.05, b - R * c);
-    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, N += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const h = N / i / g;
-    if (P = h, a[t * 4 + 0] = 0, a[t * 4 + 1] = h, a[t * 4 + 2] = 1, a[t * 4 + 3] = h, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(v, f, 0.5);
-      if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
-        continue;
+  const T = Math.ceil(u.getLength() * 100);
+  u.arcLengthDivisions = T;
+  const s = u.getPoints(T), V = s.length, X = Y(s.map((t) => [t.x, t.z])), O = (V - 1) * Z * $, C = 2 * V, S = C * j, W = C * q, r = new Uint32Array(O), a = new Float32Array(S), d = new Float32Array(W), B = u.getLength();
+  let l = 0, D = 0, M = {};
+  const v = n.path[0].points.map((t) => new o.Vector3().fromArray(t)), y = n.path[0].panoIndexList ? [...n.path[0].panoIndexList] : void 0, k = (() => {
+    const t = [];
+    for (let e = 0; e < v.length; e++) {
+      const i = v[e];
+      if (e === 0)
+        t.push(0);
+      else {
+        const h = v[e - 1];
+        t.push(i.distanceTo(h) + t[e - 1]);
+      }
     }
-    t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
+    const c = t.at(-1), g = [];
+    for (let e = 0; e < t.length; e++) {
+      const i = t[e], h = e === 0 ? 0 : t[e - 1], P = e === t.length - 1 ? c : t[e + 1], m = i - Math.min(0.3, (i - h) / 2), p = i + Math.min(0.3, (P - i) / 2);
+      g.push([B * (m / c), B * (p / c)]);
+    }
+    return g;
+  })();
+  let E = [];
+  for (let t = 0; t < s.length; t++) {
+    const [c, g] = X[t][0], e = s[t], { x: i, y: h, z: P } = e, m = new z(i + c * f, h + 0.05, P + g * f);
+    a[t * 6 + 0] = m.x, a[t * 6 + 1] = m.y, a[t * 6 + 2] = m.z;
+    const p = new z(i - c * f, h + 0.05, P - g * f);
+    a[t * 6 + 3] = p.x, a[t * 6 + 4] = p.y, a[t * 6 + 5] = p.z, l += t > 0 ? s[t - 1].clone().sub(s[t]).length() : 0;
+    const L = l / w;
+    D = L, d[t * 4 + 0] = 0, d[t * 4 + 1] = L, d[t * 4 + 2] = 1, d[t * 4 + 3] = L;
+    const I = new o.Vector3().lerpVectors(m, p, 0.5);
+    if (n.skipPositions && n.skipPositions.some((N) => N.distanceTo(I) < 0.26))
+      continue;
+    const U = v[0];
+    if (n.useAutoDepthTest && U && y) {
+      const R = y[0], [N, F] = k[0];
+      if (l > N && l < F && E.push({
+        distance: U.distanceTo(I),
+        index: t
+      }), l >= F || t === s.length - 1) {
+        const H = Math.min(...E.map((b) => b.distance)), G = E.find((b) => b.distance === H);
+        if (E = [], v.shift(), y.shift(), k.shift(), G)
+          M[R] = G.index;
+        else {
+          console.error(`can not find the min distance ${R}`);
+          continue;
+        }
+      }
+    }
+    t !== s.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const m = new n.BufferGeometry();
-  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(a, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: P, curvePath: u, curvePoints: o };
+  const A = new o.BufferGeometry();
+  return A.setAttribute("position", new o.BufferAttribute(a, 3)), A.setAttribute("uv", new o.BufferAttribute(d, 2)), A.setIndex(new o.BufferAttribute(r, 1)), { geometry: A, maxV: D, curvePath: u, curvePoints: s, panoMap: M, totalLength: l };
 }
-function I(e) {
-  if (O(e)) {
-    const i = [e.closed, e.curve_type, e.tension], p = e.points.map((c) => new n.Vector3().fromArray(c));
-    return new n.CatmullRomCurve3(p, ...i);
+function J(n) {
+  if (K(n)) {
+    const _ = [n.closed, n.curve_type, n.tension], w = n.points.map((x) => new o.Vector3().fromArray(x));
+    return new o.CatmullRomCurve3(w, ..._);
   }
 }
-function O(e) {
-  return e.type === "CatmullRomCurve3";
+function K(n) {
+  return n.type === "CatmullRomCurve3";
 }
 export {
-  Q as createLineGeometry
+  at as createLineGeometry
 };

package/libs/ModelMakerPlugin/Controller.d.ts

@@ -13,14 +13,21 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
     private zFightingOffset;
     private tagWrapper;
     private occlusionVisibility;
+    private occlusionMode;
     constructor(five: Five, config?: {
         tagContainerZIndex?: number;
         /**
-         * @description 是否以一种半透明的方式显示遮挡的部分
+         * @description 是否显示遮挡的部分
          * @params 所有模式下都显示被遮挡的部分, false: 所有模式下不显示被遮挡的部分, ['Mapview', ...]: 指定模式下显示被遮挡的部分
          * @default false
          */
         occlusionVisibility?: boolean | FiveMode[];
+        /**
+         * @description 当 occlusionVisibility 为true时，以哪种方式显示被遮挡的部分
+         * @params 'depthTest': 关闭深度测试, 'translucence': 半透明
+         * @default 'translucence'
+         */
+        occlusionMode?: 'translucence' | 'depthTest';
     });
     load(serverData: PluginType.ServerData): Promise<void>;
     setState(targetState: Partial<PluginType.State>): void;

package/libs/ModelMakerPlugin/Controller.js

@@ -1,40 +1,40 @@
-var k = Object.defineProperty;
-var P = (h, a, e) => a in h ? k(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e;
-var n = (h, a, e) => (P(h, typeof a != "symbol" ? a + "" : a, e), e);
-var V = (h, a, e) => new Promise((i, r) => {
-  var t = (s) => {
+var I = Object.defineProperty;
+var D = (l, a, e) => a in l ? I(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
+var r = (l, a, e) => (D(l, typeof a != "symbol" ? a + "" : a, e), e);
+var j = (l, a, e) => new Promise((t, s) => {
+  var p = (h) => {
     try {
-      o(e.next(s));
-    } catch (d) {
-      r(d);
+      i(e.next(h));
+    } catch (m) {
+      s(m);
     }
-  }, l = (s) => {
+  }, n = (h) => {
     try {
-      o(e.throw(s));
-    } catch (d) {
-      r(d);
+      i(e.throw(h));
+    } catch (m) {
+      s(m);
     }
-  }, o = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(t, l);
-  o((e = e.apply(h, a)).next());
+  }, i = (h) => h.done ? t(h.value) : Promise.resolve(h.value).then(p, n);
+  i((e = e.apply(l, a)).next());
 });
-import { Controller as F } from "../base/BasePluginWithData.js";
-import * as p from "three";
-import { ModelMakerBoxItem as A } from "./item/boxItem.js";
-import { PrismMesh as C } from "../Sculpt/Meshes/Prism.js";
-import { anyPositionToVector3 as I } from "../shared-utils/positionToVector3.js";
-import { PolygonWithEdgeMesh as D } from "../Sculpt/Meshes/PolygonWithEdge.js";
+import { Controller as T } from "../base/BasePluginWithData.js";
+import * as c from "three";
+import { ModelMakerBoxItem as H } from "./item/boxItem.js";
+import { PrismMesh as k } from "../Sculpt/Meshes/Prism.js";
+import { anyPositionToVector3 as L } from "../shared-utils/positionToVector3.js";
+import { PolygonWithEdgeMesh as S } from "../Sculpt/Meshes/PolygonWithEdge.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { waitFiveModelLoaded as T } from "../shared-utils/five/fiveModelLoad.js";
+import { waitFiveModelLoaded as z } from "../shared-utils/five/fiveModelLoad.js";
 import "animejs";
-import { notNil as R } from "../shared-utils/isNil.js";
-import { tagRendererMap as H } from "./utils/tagRenderer.js";
-import { ModelMakerPrismItem as L } from "./item/prismItem.js";
-import { ModelMakerPolygonItem as S } from "./item/polygonItem.js";
-import { boxVertex as u } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
-import { getFiveDomEvent as z } from "./utils/getFiveDomEvent.js";
+import { notNil as P } from "../shared-utils/isNil.js";
+import { tagRendererMap as O } from "./utils/tagRenderer.js";
+import { ModelMakerPrismItem as B } from "./item/prismItem.js";
+import { ModelMakerPolygonItem as Q } from "./item/polygonItem.js";
+import { boxVertex as g } from "../shared-utils/Object3DHelper/utils/boundingBox.js";
+import { getFiveDomEvent as q } from "./utils/getFiveDomEvent.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/url/absoluteUrl.js";
@@ -79,119 +79,131 @@ import "../shared-utils/tag.js";
 import "../shared-utils/five/vector3ToScreen.js";
 import "../shared-utils/five/FiveDomEvents.js";
 import "../shared-utils/five/calculateThreeMouse.js";
-class Ke extends F {
-  constructor(e, i) {
-    var r;
+class Xe extends T {
+  constructor(e, t) {
+    var s, p;
     super(e);
-    n(this, "state");
-    n(this, "items", []);
-    n(this, "group", new p.Group());
-    n(this, "data");
-    n(this, "tagRendererMap", {});
-    n(this, "fiveDomEvents");
-    n(this, "zFightingOffset", 0);
-    n(this, "tagWrapper");
-    n(this, "occlusionVisibility");
-    n(this, "onFiveModeChange", (e) => {
-      const i = this.occlusionVisibility;
-      Array.isArray(i) && this.items.forEach((r) => {
-        r.model.setStyle instanceof Function && r.model.setStyle({ occlusionVisibility: i.includes(e) });
+    r(this, "state");
+    r(this, "items", []);
+    r(this, "group", new c.Group());
+    r(this, "data");
+    r(this, "tagRendererMap", {});
+    r(this, "fiveDomEvents");
+    r(this, "zFightingOffset", 0);
+    r(this, "tagWrapper");
+    r(this, "occlusionVisibility");
+    r(this, "occlusionMode");
+    r(this, "onFiveModeChange", (e) => {
+      const t = this.occlusionVisibility;
+      Array.isArray(t) && this.items.forEach((s) => {
+        s.model.setStyle instanceof Function && s.model.setStyle({ occlusionVisibility: t.includes(e) });
       });
     });
-    n(this, "handleEnable", () => {
-      var e, i;
-      this.five.scene.add(this.group), (i = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || i.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.five.on("modeChange", this.onFiveModeChange);
+    r(this, "handleEnable", () => {
+      var e, t;
+      this.five.scene.add(this.group), (t = (e = this.five.getElement()) == null ? void 0 : e.parentElement) == null || t.appendChild(this.tagWrapper), this.five.needsRender = !0, this.onFiveModeChange(this.five.getCurrentState().mode), this.five.on("modeChange", this.onFiveModeChange);
     });
-    n(this, "handleDisable", () => {
+    r(this, "handleDisable", () => {
       this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0, this.five.off("modeChange", this.onFiveModeChange);
     });
-    n(this, "updateTagRenderer", () => {
+    r(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
-        var r;
-        const i = (r = this.tagRendererMap[e.type]) != null ? r : H[e.type];
-        i && e.__renderer !== i && (e.__renderer = i, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = i(e.tag.container, e));
+        var s;
+        const t = (s = this.tagRendererMap[e.type]) != null ? s : O[e.type];
+        t && e.__renderer !== t && (e.__renderer = t, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = t(e.tag.container, e));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (r = i == null ? void 0 : i.occlusionVisibility) != null ? r : !1, this.fiveDomEvents = z(e), this.tagWrapper = (() => {
-      var l;
-      const t = document.createElement("div");
-      return t.style.position = "absolute", t.style.top = "0", t.style.left = "0", t.style.width = "100%", t.style.height = "100%", t.style.pointerEvents = "none", t.style.zIndex = `${(l = i == null ? void 0 : i.tagContainerZIndex) != null ? l : ""}`, t;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.occlusionVisibility = (s = t == null ? void 0 : t.occlusionVisibility) != null ? s : !1, this.occlusionMode = (p = t == null ? void 0 : t.occlusionMode) != null ? p : "translucence", this.fiveDomEvents = q(e), this.tagWrapper = (() => {
+      var i;
+      const n = document.createElement("div");
+      return n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.pointerEvents = "none", n.style.zIndex = `${(i = t == null ? void 0 : t.tagContainerZIndex) != null ? i : ""}`, n;
     })(), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
-    return V(this, null, function* () {
-      var r;
-      if (this.clear(), this.data = e, yield T(this.five), this.data !== e)
+    return j(this, null, function* () {
+      var n;
+      if (this.clear(), this.data = e, yield z(this.five), this.data !== e)
         return;
       this.clear();
-      const i = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1;
-      (r = e == null ? void 0 : e.list) == null || r.forEach((t) => {
-        var l;
-        if (t.type === "triangles") {
-          const o = new D();
-          o.setPoints(t.object_data.points), o.setStyle({
-            color: t.object_data.color,
-            opacity: t.object_data.opacity,
-            lineColor: t.object_data.color,
-            occlusionVisibility: i
+      const t = typeof this.occlusionVisibility == "boolean" ? this.occlusionVisibility : !1, s = this.occlusionMode, p = 1.6;
+      (n = e == null ? void 0 : e.list) == null || n.forEach((i) => {
+        var h, m, w;
+        if (i.type === "triangles") {
+          const o = new S();
+          o.setPoints(i.object_data.points), o.setStyle({
+            color: i.object_data.color,
+            opacity: ((h = i.object_data.opacity) != null ? h : 0.4) / 2,
+            lineColor: i.object_data.color,
+            lineWidth: p,
+            occlusionVisibility: t,
+            occlusionMode: s
           }), this.fiveDomEvents.addEventListener(o, "hover", () => o.highlight()), this.fiveDomEvents.addEventListener(o, "unHover", () => o.unhighlight());
-          const s = new S({
+          const d = new Q({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: t.type,
-            rawData: t
+            type: i.type,
+            rawData: i
           });
-          this.items.push(s);
-        } else if (t.type === "prism") {
-          const o = new C();
+          this.items.push(d);
+        } else if (i.type === "prism") {
+          const o = new k();
           this.zFightingOffset += 1e-4;
-          const s = t.object_data.points.map((c) => {
-            var b;
-            return [c[0], c[1] + ((b = t.object_data.fixedY) != null ? b : 0), c[2]];
+          const d = i.object_data.points.map((u) => {
+            var y;
+            return [u[0], u[1] + ((y = i.object_data.fixedY) != null ? y : 0), u[2]];
           });
-          s.push(s[0]);
-          const d = t.object_data.height + ((l = t.object_data.fixedHeight) != null ? l : 0) + this.zFightingOffset, g = I(s[0]).add(new p.Vector3().setY(d));
-          o.setPoints({ points: s, heightPoint: g }), o.setStyle({
-            color: t.object_data.color,
-            opacity: t.object_data.opacity,
-            lineColor: t.object_data.color,
-            occlusionVisibility: i
+          d.push(d[0]);
+          const v = i.object_data.height + ((m = i.object_data.fixedHeight) != null ? m : 0) + this.zFightingOffset, M = L(d[0]).add(new c.Vector3().setY(v));
+          o.setPoints({ points: d, heightPoint: M }), o.setStyle({
+            color: i.object_data.color,
+            opacity: ((w = i.object_data.opacity) != null ? w : 0.4) / 2,
+            lineColor: i.object_data.color,
+            lineWidth: p,
+            occlusionVisibility: t,
+            occlusionMode: s
           });
-          const f = new L({
+          const f = new B({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: t.type,
-            rawData: t
+            type: i.type,
+            rawData: i
           });
           this.items.push(f);
-        } else if (t.type === "box") {
-          const o = new C(), { start: s, end: d, rotation: g = [0, 0, 0, 0], opacity: f, color: c } = t.object_data, b = new p.Vector3().fromArray(s), y = new p.Vector3().fromArray(d), W = new p.Euler().fromArray(g), v = new p.Quaternion().setFromEuler(W), w = v.clone().inverse(), E = new p.Vector3().lerpVectors(b, y, 0.5), M = E.clone().negate(), _ = b.clone().add(M).applyQuaternion(w), x = y.clone().add(M).applyQuaternion(w), m = new p.Box3(_.clone().max(x), _.clone().min(x));
+        } else if (i.type === "box") {
+          const o = new k(), { start: d, end: v, rotation: M = [0, 0, 0, 0], opacity: f, color: u } = i.object_data, y = new c.Vector3().fromArray(d), E = new c.Vector3().fromArray(v), F = new c.Euler().fromArray(M), _ = new c.Quaternion().setFromEuler(F), x = _.clone().inverse(), V = new c.Vector3().lerpVectors(y, E, 0.5), C = V.clone().negate(), R = y.clone().add(C).applyQuaternion(x), W = E.clone().add(C).applyQuaternion(x), b = new c.Box3(R.clone().max(W), R.clone().min(W));
           o.setPoints({
-            points: [u(m, 2), u(m, 3), u(m, 7), u(m, 6), u(m, 2)],
-            heightPoint: u(m, 0)
-          }), o.position.copy(E), o.quaternion.copy(v), o.setStyle({ color: c, opacity: f, lineColor: c, occlusionVisibility: i });
-          const j = new A({
+            points: [g(b, 2), g(b, 3), g(b, 7), g(b, 6), g(b, 2)],
+            heightPoint: g(b, 0)
+          }), o.position.copy(V), o.quaternion.copy(_), o.setStyle({
+            color: u,
+            opacity: (f != null ? f : 0.4) / 2,
+            lineColor: u,
+            lineWidth: p,
+            occlusionVisibility: t,
+            occlusionMode: s
+          });
+          const A = new H({
             five: this.five,
             tagWrapper: this.tagWrapper,
             model: o,
             group: this.group,
-            type: t.type,
-            rawData: t
+            type: i.type,
+            rawData: i
           });
-          this.items.push(j);
+          this.items.push(A);
         }
       }), this.five.needsRender = !0, this.state.enabled ? this.handleEnable() : this.handleDisable(), this.state.visible ? this.handleShow() : this.handleHide(), this.updateTagRenderer(), this.hooks.emit("dataLoaded", e);
     });
   }
   setState(e) {
-    R(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), R(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
+    P(e.enabled) && this.state.enabled !== e.enabled && (this.state.enabled = e.enabled, e.enabled ? this.handleEnable() : this.handleDisable(), this.hooks.emit(e.enabled ? "enable" : "disable", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" })), P(e.visible) && this.state.visible !== e.visible && (this.state.visible = e.visible, e.visible ? this.handleShow() : this.handleHide(), this.hooks.emit(e.visible ? "show" : "hide", { userAction: "我不知道捏" }), this.hooks.emit("stateChange", { state: this.state, userAction: "我不知道捏" }));
   }
   getItemById(e) {
-    return this.items.find((i) => i.rawData.id === e);
+    return this.items.find((t) => t.rawData.id === e);
   }
   registerTagRenderer(e) {
     this.tagRendererMap = e, this.updateTagRenderer();
@@ -225,5 +237,5 @@ class Ke extends F {
   }
 }
 export {
-  Ke as Controller
+  Xe as Controller
 };

package/libs/ModelMakerPlugin/index.d.ts

@@ -3,6 +3,7 @@ import { Controller } from './Controller';
 export declare const ModelMakerPlugin: (five: import("@realsee/five").Five, config?: {
     tagContainerZIndex?: number;
     occlusionVisibility?: boolean | import("@realsee/five").Mode[];
+    occlusionMode?: "translucence" | "depthTest";
 }) => ModelMakerPluginType.ModelMakerController;
 export type { Controller as ModelMakerPluginInstance };
 export type { ModelMakerPluginType };

package/libs/Sculpt/Meshes/Box.d.ts

@@ -24,6 +24,7 @@ export declare class BoxMesh extends IObject3D {
     get lineColor(): THREE.Color;
     get lineWidth(): number;
     get occlusionVisibility(): boolean;
+    get occlusionMode(): "translucence" | "depthTest";
     constructor(params?: Partial<BoxStyle & BoxData>);
     setPoints(params: Partial<BoxData>): void;
     setBottomPoints(points: AnyPositions): void;

package/libs/Sculpt/Meshes/Box.js

@@ -1,7 +1,7 @@
-var p = Object.defineProperty;
-var a = (e, o, t) => o in e ? p(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
-var n = (e, o, t) => (a(e, typeof o != "symbol" ? o + "" : o, t), t);
-import { IObject3D as d } from "../../shared-utils/three/IObject3D.js";
+var d = Object.defineProperty;
+var p = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var n = (e, i, t) => (p(e, typeof i != "symbol" ? i + "" : i, t), t);
+import { IObject3D as a } from "../../shared-utils/three/IObject3D.js";
 import { anyPositionToVector3 as c } from "../../shared-utils/positionToVector3.js";
 import "hammerjs";
 import "three";
@@ -12,7 +12,7 @@ import "animejs";
 import { notNil as r } from "../../shared-utils/isNil.js";
 import { RectangleWithEdgeMesh as P } from "./RectangleWithEdge.js";
 import { RectangleMesh as m } from "./Rectangle.js";
-class T extends d {
+class T extends a {
   constructor(t) {
     super();
     n(this, "name", "BoxMesh");
@@ -41,40 +41,45 @@ class T extends d {
     var t;
     return (t = this.bottomPlane) == null ? void 0 : t.occlusionVisibility;
   }
+  get occlusionMode() {
+    var t;
+    return (t = this.bottomPlane) == null ? void 0 : t.occlusionMode;
+  }
   setPoints(t) {
     r(t.heightPoint) && this.setTopHeightPoint(t.heightPoint), r(t.points) && this.setBottomPoints(t.points);
   }
   setBottomPoints(t) {
-    const i = t.map(c).filter(r);
-    if (i.length < 3) {
+    const o = t.map(c).filter(r);
+    if (o.length < 3) {
       console.error("Invalid position");
       return;
     }
-    this.bottomPlane.setPoints(i), this.heightPoint && this.setTopHeightPoint(this.heightPoint);
+    this.bottomPlane.setPoints(o), this.heightPoint && this.setTopHeightPoint(this.heightPoint);
   }
   setTopHeightPoint(t) {
     if (!this.bottomPlane.points.length)
       return;
-    const i = c(t);
-    this.heightPoint = i, this.addIfNotExists(this.topPlane);
-    const h = this.bottomPlane.projectPoint(i), s = i.clone().sub(h), l = this.bottomPlane.points.map((g) => g.clone().add(s));
+    const o = c(t);
+    this.heightPoint = o, this.addIfNotExists(this.topPlane);
+    const h = this.bottomPlane.projectPoint(o), s = o.clone().sub(h), l = this.bottomPlane.points.map((g) => g.clone().add(s));
     this.topPlane.setPoints(l), this.up.copy(s.clone().normalize()), this.setEdgePlanes();
   }
   setEdgePlanes() {
     for (let t = 0; t < 4; t++) {
-      let i = this.edgePlanes[t];
-      i || (this.edgePlanes[t] = new P({
+      let o = this.edgePlanes[t];
+      o || (this.edgePlanes[t] = new P({
         color: this.color,
         lineColor: this.lineColor,
         lineWidth: this.lineWidth,
-        occlusionVisibility: this.occlusionVisibility
-      }), i = this.edgePlanes[t]);
+        occlusionVisibility: this.occlusionVisibility,
+        occlusionMode: this.occlusionMode
+      }), o = this.edgePlanes[t]);
       const h = this.topPlane.sortedPoint, s = this.bottomPlane.sortedPoint, l = t === 3 ? 0 : t + 1;
-      i.setPoints([h[t], s[l], s[t]]), this.addIfNotExists(i);
+      o.setPoints([h[t], s[l], s[t]]), this.addIfNotExists(o);
     }
   }
   setStyle(t) {
-    this.planes.forEach((i) => i.setStyle(t));
+    this.planes.forEach((o) => o.setStyle(t));
   }
   highlight() {
     this.planes.forEach((t) => t.highlight());

package/libs/Sculpt/Meshes/Line.d.ts

@@ -14,10 +14,12 @@ export declare class LineMesh extends IObject3D {
     get color(): THREE.Color;
     get dashed(): boolean;
     get occlusionVisibility(): boolean;
+    get occlusionMode(): "translucence" | "depthTest";
     protected highlighted: boolean;
     private line;
     private backLine;
     private opacityBeforeHighlight;
+    private paramsStyle;
     constructor(params?: Partial<LineMeshStyle & LineData>);
     setPoints(points: AnyPositions): void;
     setResolution(width: number, height: number): void;