@realsee/dnalogel 3.34.0 → 3.34.2

package/dist/index.js

@@ -48,7 +48,7 @@ import Um from "earcut";
 import { GLTFLoader as Ym } from "@realsee/five/gltf-loader";
 function Xm() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.34.0",
+    "%c %c@realsee/dnalogel %cv3.34.2",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -7434,7 +7434,7 @@ let rn = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.34.0");
+    d(this, "VERSION", "3.34.2");
     d(this, "five");
     /**
      * @description: 插件事件钩子
@@ -36912,7 +36912,7 @@ function d3(n, t) {
 }
 const Ju = "LightTagContainer_shgjakdhwakjdhsja";
 class u3 {
-  constructor(t, e) {
+  constructor(t, e, i) {
     d(this, "container");
     d(this, "visible", !1);
     d(this, "enabled", !1);
@@ -36920,11 +36920,12 @@ class u3 {
     d(this, "position");
     d(this, "wrapper");
     d(this, "disposer");
+    d(this, "wrapperStyle", {});
     d(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
       const t = d3(this.five.camera, this.position);
-      t ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
+      t ? (this.container.style.left = t.leftPercent + "%", this.container.style.top = t.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
     });
     d(this, "onFiveEveryReady", () => {
       var t;
@@ -36935,16 +36936,17 @@ class u3 {
         (i == null ? void 0 : i.distance) > this.position.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
+    var s;
     this.five = t, this.position = Be(e).clone(), this.container = (() => {
-      const i = document.createElement("div");
-      return i.style.width = "0", i.style.height = "0", i.style.position = "absolute", i;
-    })(), this.enable(), this.show();
+      const o = document.createElement("div");
+      return o.style.width = "0", o.style.height = "0", o.style.position = "absolute", o;
+    })(), this.wrapperStyle = (s = i == null ? void 0 : i.wrapperStyle) != null ? s : {}, this.enable(), this.show();
   }
   show() {
-    this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.classList.add("withAnimation"), this.onCameraUpdate();
+    this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
   }
   hide(t) {
-    this.visible = !1, t != null && t.withAnimation ? this.container.classList.add("withAnimation") : this.container.classList.remove("withAnimation"), this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
+    this.visible = !1, t != null && t.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
     var i;
@@ -36953,7 +36955,9 @@ class u3 {
     this.enabled = !0, this.wrapper = (i = document.getElementById(Ju)) != null ? i : (() => {
       var o;
       const s = document.createElement("div");
-      return s.id = Ju, s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", (o = this.five.getElement()) == null || o.parentElement.appendChild(s), s;
+      return s.id = Ju, s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", Object.keys(this.wrapperStyle).forEach((r) => {
+        s.style[r] = this.wrapperStyle[r];
+      }), (o = this.five.getElement()) == null || o.parentElement.appendChild(s), s;
     })(), this.wrapper.appendChild(this.container);
     let t = !1;
     const e = () => {
@@ -36970,8 +36974,8 @@ class u3 {
     this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (t = this.disposer) == null || t.call(this));
   }
 }
-function f3(n, t) {
-  return new u3(n, t);
+function f3(n, t, e) {
+  return new u3(n, t, e);
 }
 let Ro;
 const wm = (n) => ((!Ro || n !== Ro.five) && (Ro = {
@@ -36980,7 +36984,7 @@ const wm = (n) => ((!Ro || n !== Ro.five) && (Ro = {
 }), Ro.instance);
 class Cm extends ii {
   constructor(e) {
-    var s, o, r;
+    var s, o, r, a;
     super();
     d(this, "type");
     d(this, "tag");
@@ -36992,7 +36996,7 @@ class Cm extends ii {
     d(this, "fiveDomEvents");
     this.five = e.five, this.model = e.model, this.group = e.group, this.type = e.type, this.rawData = e.rawData, this.fiveDomEvents = wm(this.five);
     const i = (r = (o = (s = e.position) != null ? s : this.model.worldCenter) != null ? o : this.model.center) != null ? r : Js(this.model).getCenter(new w.Vector3());
-    this.tag = f3(this.five, i);
+    this.tag = f3(this.five, i, { wrapperStyle: { zIndex: `${(a = e.tagContainerZIndex) != null ? a : ""}` } });
   }
   get container() {
     return this.tag.container;
@@ -37137,7 +37141,7 @@ class w3 extends Cm {
   }
 }
 class C3 extends vi {
-  constructor(e) {
+  constructor(e, i) {
     super(e);
     d(this, "state");
     d(this, "items", []);
@@ -37146,6 +37150,7 @@ class C3 extends vi {
     d(this, "tagRendererMap", {});
     d(this, "fiveDomEvents");
     d(this, "zFightingOffset", 0);
+    d(this, "tagContainerZIndex");
     d(this, "handleEnable", () => {
       this.items.forEach((e) => e.enable());
     });
@@ -37159,59 +37164,70 @@ class C3 extends vi {
         i && e.__renderer !== i && (e.__renderer = i, typeof e.__disposeRenderer == "function" && e.__disposeRenderer(), e.tag.container.innerHTML = "", e.__disposeRenderer = i(e.tag.container, e));
       });
     });
-    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = wm(e), e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = wm(e), this.tagContainerZIndex = 1, e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
     return Q(this, null, function* () {
-      var i;
-      this.clear(), this.data = e, (i = e == null ? void 0 : e.list) == null || i.forEach((s) => {
-        var o;
-        if (s.type === "triangles") {
-          const r = new cr();
-          r.setPoints(s.object_data.points), r.setStyle({
-            color: s.object_data.color,
-            opacity: s.object_data.opacity,
-            lineColor: s.object_data.color,
+      var s;
+      this.clear(), this.data = e;
+      const i = this.tagContainerZIndex;
+      (s = e == null ? void 0 : e.list) == null || s.forEach((o) => {
+        var r;
+        if (o.type === "triangles") {
+          const a = new cr();
+          a.setPoints(o.object_data.points), a.setStyle({
+            color: o.object_data.color,
+            opacity: o.object_data.opacity,
+            lineColor: o.object_data.color,
             occlusionVisibility: !1
-          }), this.fiveDomEvents.addEventListener(r, "hover", () => r.highlight()), this.fiveDomEvents.addEventListener(r, "unHover", () => r.unhighlight());
-          const a = new Pm({
+          }), this.fiveDomEvents.addEventListener(a, "hover", () => a.highlight()), this.fiveDomEvents.addEventListener(a, "unHover", () => a.unhighlight());
+          const l = new Pm({
             five: this.five,
-            model: r,
+            model: a,
             group: this.group,
-            type: s.type,
-            rawData: s
+            type: o.type,
+            rawData: o,
+            tagContainerZIndex: i
           });
-          this.items.push(a);
-        } else if (s.type === "prism") {
-          const r = new hr();
-          this.zFightingOffset += 1e-4, r.setPoints({
-            points: s.object_data.points.map((l) => {
-              var c;
-              return [l[0], l[1] + ((c = s.object_data.fixedY) != null ? c : 0), l[2]];
+          this.items.push(l);
+        } else if (o.type === "prism") {
+          const a = new hr();
+          this.zFightingOffset += 1e-4, a.setPoints({
+            points: o.object_data.points.map((c) => {
+              var h;
+              return [c[0], c[1] + ((h = o.object_data.fixedY) != null ? h : 0), c[2]];
             }),
-            heightPoint: Be(s.object_data.points[0]).add(new w.Vector3().setY(s.object_data.height + ((o = s.object_data.fixedHeight) != null ? o : 0))).add(new w.Vector3().setY(this.zFightingOffset))
-          }), r.setStyle({
-            color: s.object_data.color,
-            opacity: s.object_data.opacity,
-            lineColor: s.object_data.color,
+            heightPoint: Be(o.object_data.points[0]).add(new w.Vector3().setY(o.object_data.height + ((r = o.object_data.fixedHeight) != null ? r : 0))).add(new w.Vector3().setY(this.zFightingOffset))
+          }), a.setStyle({
+            color: o.object_data.color,
+            opacity: o.object_data.opacity,
+            lineColor: o.object_data.color,
             occlusionVisibility: !1
           });
-          const a = new w3({
+          const l = new w3({
+            five: this.five,
+            model: a,
+            group: this.group,
+            type: o.type,
+            rawData: o,
+            tagContainerZIndex: i
+          });
+          this.items.push(l);
+        } else if (o.type === "box") {
+          const a = new hr(), { start: l, end: c, rotation: h = [0, 0, 0, 0], opacity: u, color: f } = o.object_data, g = new w.Vector3().fromArray(l), A = new w.Vector3().fromArray(c), p = new w.Euler().fromArray(h), m = new w.Quaternion().setFromEuler(p), b = m.clone().inverse(), y = new w.Vector3().lerpVectors(g, A, 0.5), P = y.clone().negate(), I = g.clone().add(P).applyQuaternion(b), k = A.clone().add(P).applyQuaternion(b), E = new w.Box3(I.clone().max(k), I.clone().min(k));
+          a.setPoints({
+            points: [_i(E, 2), _i(E, 3), _i(E, 7), _i(E, 6)],
+            heightPoint: _i(E, 0)
+          }), a.position.copy(y), a.quaternion.copy(m), a.setStyle({ color: f, opacity: u, lineColor: f, occlusionVisibility: !1 });
+          const j = new g3({
             five: this.five,
-            model: r,
+            model: a,
             group: this.group,
-            type: s.type,
-            rawData: s
+            type: o.type,
+            rawData: o,
+            tagContainerZIndex: i
           });
-          this.items.push(a);
-        } else if (s.type === "box") {
-          const r = new hr(), { start: a, end: l, rotation: c = [0, 0, 0, 0], opacity: h, color: u } = s.object_data, f = new w.Vector3().fromArray(a), g = new w.Vector3().fromArray(l), A = new w.Euler().fromArray(c), p = new w.Quaternion().setFromEuler(A), m = p.clone().inverse(), b = new w.Vector3().lerpVectors(f, g, 0.5), y = b.clone().negate(), P = f.clone().add(y).applyQuaternion(m), I = g.clone().add(y).applyQuaternion(m), k = new w.Box3(P.clone().max(I), P.clone().min(I));
-          r.setPoints({
-            points: [_i(k, 2), _i(k, 3), _i(k, 7), _i(k, 6)],
-            heightPoint: _i(k, 0)
-          }), r.position.copy(b), r.quaternion.copy(p), r.setStyle({ color: u, opacity: h, lineColor: u, occlusionVisibility: !1 });
-          const E = new g3({ five: this.five, model: r, group: this.group, type: s.type, rawData: s });
-          this.items.push(E);
+          this.items.push(j);
         }
       }), 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);
     });
@@ -37250,7 +37266,7 @@ class C3 extends vi {
     this.items.forEach((e) => e.hide());
   }
 }
-const qx = (n) => new C3(n);
+const qx = (...n) => new C3(...n);
 Zm();
 Xm();
 export {