@realsee/dnalogel 3.34.5 → 3.35.0-dev.0

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.5",
+    "%c %c@realsee/dnalogel %cv3.35.0-dev.0",
     [
       "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.5");
+    d(this, "VERSION", "3.35.0-dev.0");
     d(this, "five");
     /**
      * @description: 插件事件钩子
@@ -9908,7 +9908,10 @@ const lb = `<style type="text/css">
     `, y = document.createElement("div");
     return y.setAttribute("class", "PanoRulerPlugin-rule"), y.setAttribute("data-name", p), y.setAttribute("style", "display: none"), y.innerHTML = b, y;
   }, s = document.createElement("div");
-  s.setAttribute("style", "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;");
+  s.setAttribute(
+    "style",
+    "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
+  );
   const o = document.createElement("div");
   o.innerHTML = lb, s.appendChild(o);
   const r = {}, a = (p, m) => {
@@ -9964,7 +9967,9 @@ const lb = `<style type="text/css">
     const y = p || t.roomInfo, P = m || t.roomRules;
     if (!y || !P)
       throw new Error("标尺数据依赖不齐全！");
-    return e.loaded = !1, e.options = D(D({}, e.options), b || {}), n.model.loaded ? a(y, P) : yield new Promise((I) => n.once("modelLoaded", () => I(a(y, P))));
+    return e.loaded = !1, e.options = D(D({}, e.options), b || {}), n.model.loaded ? a(y, P) : yield new Promise(
+      (I) => n.once("modelLoaded", () => I(a(y, P)))
+    );
   });
   t.roomInfo && t.roomRules && l(t.roomInfo, t.roomRules);
   const c = (p, m, b, y) => {
@@ -10051,29 +10056,24 @@ const lb = `<style type="text/css">
         continue;
       }
       const $ = H.distanceTo(F);
-      if (F.clone().sub(
-        F.clone().sub(H).divide(new oe(2, 2, 2))
-      ).distanceTo(I) / $ > 8) {
+      if (F.clone().sub(F.clone().sub(H).divide(new oe(2, 2, 2))).distanceTo(I) / $ > 8) {
         Q.style.display = "none";
         continue;
       }
       const Pe = H.clone().project(b), Ce = (Pe.x + 1) / 2 * E, be = (-Pe.y + 1) / 2 * j, Qe = F.clone().project(b), ye = (Qe.x + 1) / 2 * E, Ze = (-Qe.y + 1) / 2 * j, ee = Math.sqrt(Math.pow(ye - Ce, 2) + Math.pow(Ze - be, 2));
       let ve = ee, je = 50;
-      const me = c(
-        { x: ~~Ce, y: ~~be },
-        {
-          x: ~~ye,
-          y: ~~Ze
-        },
-        E,
-        j
-      );
+      const me = c({ x: ~~Ce, y: ~~be }, {
+        x: ~~ye,
+        y: ~~Ze
+      }, E, j);
       if (me && me.length === 1 && (V === H ? (ve = Math.sqrt(Math.pow(me[0].x - Ce, 2) + Math.pow(me[0].y - be, 2)), je = ve / ee * 50) : V === F && (ve = Math.sqrt(Math.pow(me[0].x - ye, 2) + Math.pow(me[0].y - Ze, 2)), je = 100 - ve / ee * 50)), me && me.length === 2) {
         const re = {
           x: (me[0].x + me[1].x) / 2,
           y: (me[0].y + me[1].y) / 2
         };
-        je = Math.sqrt(Math.pow(re.x - Ce, 2) + Math.pow(re.y - be, 2)) / ee * 100;
+        je = Math.sqrt(
+          Math.pow(re.x - Ce, 2) + Math.pow(re.y - be, 2)
+        ) / ee * 100;
       }
       const at = (Math.PI / 2 - Math.atan2(ye - Ce, be - Ze)) / Math.PI * 180, xe = U.querySelector(".PanoRulerPlugin-rule-label"), st = xe.children[0].clientWidth;
       st >= ee || st / 2 >= je / 100 * ee || st / 2 >= (1 - je / 100) * ee ? U.style.display = "none" : (U.style.display = "block", U.style.width = ee + "px", U.style.left = Ce + "px", U.style.top = be + "px", U.style.transform = `rotate(${-at}deg)`, xe.style.left = `${je}%`);
@@ -36929,11 +36929,11 @@ class u3 {
     d(this, "container");
     d(this, "visible", !1);
     d(this, "enabled", !1);
-    d(this, "wrapper");
     d(this, "five");
     d(this, "position");
+    d(this, "wrapper");
     d(this, "disposer");
-    d(this, "config");
+    d(this, "wrapperStyle", {});
     d(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
@@ -36949,10 +36949,11 @@ 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 s = document.createElement("div");
-      return s.style.width = "0", s.style.height = "0", s.style.position = "absolute", s;
-    })(), this.config = 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.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
@@ -36961,13 +36962,16 @@ class u3 {
     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, s, o, r;
+    var i;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper || (this.wrapper = (s = (i = this.config.wrapper) != null ? i : document.getElementById(Ju)) != null ? s : (() => {
-      const a = document.createElement("div");
-      return a.id = Ju, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
-    })(), (o = this.five.getElement()) != null && o.parentElement.contains(this.wrapper) || (r = this.five.getElement()) == null || r.parentElement.appendChild(this.wrapper)), this.wrapper.appendChild(this.container);
+    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", 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 = () => {
       t || (t = !0, this.five.ready().then(() => {
@@ -36993,7 +36997,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");
@@ -37001,10 +37005,11 @@ class Cm extends ii {
     d(this, "model");
     d(this, "five");
     d(this, "group");
+    d(this, "enabled", !1);
     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, { wrapper: e.tagWrapper });
+    this.tag = f3(this.five, i, { wrapperStyle: { zIndex: `${(a = e.tagContainerZIndex) != null ? a : ""}` } });
   }
   get container() {
     return this.tag.container;
@@ -37012,7 +37017,7 @@ class Cm extends ii {
   get state() {
     return {
       visible: this.model.visible,
-      enabled: this.group.children.includes(this.model)
+      enabled: this.enabled
     };
   }
   show() {
@@ -37022,12 +37027,14 @@ class Cm extends ii {
     this.tag.hide(), this.model.visible = !1, this.five.needsRender = !0, this.emit("hide");
   }
   enable() {
-    h3(this.group, this.model), this.five.needsRender = !0, this.tag.enable();
+    if (this.enabled)
+      return;
+    this.enabled = !0, h3(this.group, this.model), this.five.needsRender = !0, this.tag.enable();
     const e = this.onClick.bind(this);
     this.fiveDomEvents.addEventListener(this.model, "click", e), this.emit("enable");
   }
   disable() {
-    this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.fiveDomEvents.removeEventListener(this.model, "click"), this.emit("disable");
+    this.enabled && (this.enabled = !1, this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.fiveDomEvents.removeEventListener(this.model, "click"), this.emit("disable"));
   }
   onClick() {
     return this.emit("click", this);
@@ -37156,13 +37163,12 @@ class C3 extends vi {
     d(this, "tagRendererMap", {});
     d(this, "fiveDomEvents");
     d(this, "zFightingOffset", 0);
-    d(this, "tagWrapper");
+    d(this, "tagContainerZIndex");
     d(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.items.forEach((e) => e.enable());
     });
     d(this, "handleDisable", () => {
-      this.five.scene.remove(this.group), this.tagWrapper.remove(), this.five.needsRender = !0;
+      this.items.forEach((e) => e.disable());
     });
     d(this, "updateTagRenderer", () => {
       this.items.forEach((e) => {
@@ -37171,71 +37177,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), this.tagWrapper = (() => {
-      var o;
-      const s = document.createElement("div");
-      return s.style.position = "absolute", s.style.top = "0", s.style.left = "0", s.style.width = "100%", s.style.height = "100%", s.style.pointerEvents = "none", s.style.zIndex = `${(o = i == null ? void 0 : i.tagContainerZIndex) != null ? o : ""}`, s;
-    })(), 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 = i == null ? void 0 : i.tagContainerZIndex, e.scene.add(this.group), this.handleEnable(), window.__MODELMAKER_DEBUG__ = this;
   }
   load(e) {
     return G(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,
-            tagWrapper: this.tagWrapper,
-            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;
-          const a = s.object_data.points.map((u) => {
-            var f;
-            return [u[0], u[1] + ((f = s.object_data.fixedY) != null ? f : 0), u[2]];
-          }), l = s.object_data.height + ((o = s.object_data.fixedHeight) != null ? o : 0) + this.zFightingOffset, c = Be(a[0]).add(new w.Vector3().setY(l));
-          r.setPoints({ points: a, heightPoint: c }), r.setStyle({
-            color: s.object_data.color,
-            opacity: s.object_data.opacity,
-            lineColor: s.object_data.color,
+          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(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 h = new w3({
+          const l = new w3({
             five: this.five,
-            tagWrapper: this.tagWrapper,
-            model: r,
+            model: a,
             group: this.group,
-            type: s.type,
-            rawData: s
+            type: o.type,
+            rawData: o,
+            tagContainerZIndex: i
           });
-          this.items.push(h);
-        } 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({
+          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,
-            tagWrapper: this.tagWrapper,
-            model: r,
+            model: a,
             group: this.group,
-            type: s.type,
-            rawData: s
+            type: o.type,
+            rawData: o,
+            tagContainerZIndex: i
           });
-          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);
     });
@@ -37268,10 +37273,10 @@ class C3 extends vi {
     this.hooks.emit("dispose"), this.handleDisable();
   }
   handleShow() {
-    this.group.visible = !0, this.tagWrapper.style.visibility = "visible", this.five.needsRender = !0;
+    this.items.forEach((e) => e.show());
   }
   handleHide() {
-    this.group.visible = !1, this.tagWrapper.style.visibility = "hidden", this.five.needsRender = !0;
+    this.items.forEach((e) => e.hide());
   }
 }
 const qx = (...n) => new C3(...n);