@realsee/dnalogel 3.44.4 → 3.44.5

package/dist/index.js

@@ -48,7 +48,7 @@ import up from "earcut";
 import { GLTFLoader as fp } from "@realsee/five/gltf-loader";
 function mp() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.44.4",
+    "%c %c@realsee/dnalogel %cv3.44.5",
     [
       "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",
@@ -8163,7 +8163,7 @@ let Fi = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.44.4");
+    d(this, "VERSION", "3.44.5");
     d(this, "NAME");
     d(this, "five");
     d(this, "workUtil");
@@ -28759,74 +28759,6 @@ class wM extends yM {
     d(this, "temporaryState", { visible: !0 });
     /** 点标签 */
     d(this, "TagContainerSvelte");
-    /**
-     * @description 渲染3D贴片
-     */
-    d(this, "updateRender3DDomTag", (e) => {
-      (e ? yi(e) : this.filterCSS3DTag).forEach((s) => {
-        var o, r, a, l, c, h;
-        if (s.tag3DContentSvelte) {
-          const { svelteApp: u, css3DInstance: f, initialNormal: m, currentNormal: v } = s.tag3DContentSvelte;
-          if ((r = f == null ? void 0 : f.css3DObject) == null || r.setVisible((this.state.visible && ((o = s.state) == null ? void 0 : o.visible)) !== !1), u.$set({ tag: s, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !m.equals(v)) {
-            const p = new Cl().setFromUnitVectors(m, v);
-            f.css3DObject.setRotationFromQuaternion(p);
-          }
-          return;
-        } else {
-          if (ii(s) && !((a = s.model) != null && a.object) || ((l = s.state) == null ? void 0 : l.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
-            return;
-          if (s.stickType === "3DPoint" && !s.normal)
-            return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-          const u = this.getPositions(s);
-          if (!u)
-            return;
-          const f = s.computeNormal();
-          if (!f)
-            return;
-          const m = s.getConfig(), v = x({
-            wrapperStyle: { zIndex: `${Math.round((1e4 - ((c = s.getDistance()) != null ? c : 0)) * 100)}` }
-          }, m.tag3DConfig);
-          if (s.computeRenderType() === "BehindDom" || v.mode === "behind") {
-            v.mode = "behind", v.container = document.createElement("div");
-            const A = "black";
-            v.container.style.backgroundColor = A, v.container.style.border = `3px solid ${A}`, this.css3DRenderPlugin.hooks.on("render", () => {
-              var y;
-              if (p.css3DObject.opacityMesh && m.clickable !== !1) {
-                const I = this.addObjectClickHandler(s, p.css3DObject.opacityMesh, (P) => {
-                  this.hooks.emit("click", { event: P, target: "TagContent", tag: s });
-                });
-                (y = this.store.css3DRenderDisposer.get(s.id)) == null || y.push(I);
-              }
-            });
-          }
-          const p = this.css3DRenderPlugin.create3DDomContainer(u, v);
-          if (!p)
-            return;
-          this.store.css3DRenderDisposer.set(s.id, [p.dispose]);
-          const g = new gg({
-            target: p.container,
-            props: {
-              tag: s,
-              hooks: this.hooks,
-              /** 模型标签要等模型加载好之后再展示 */
-              state: this.state,
-              mediaStore: this.mediaStore,
-              temporaryState: this.temporaryState
-            }
-          });
-          s.tag3DContentSvelte = {
-            svelteApp: g,
-            domContainer: p,
-            css3DInstance: p,
-            initialNormal: f,
-            currentNormal: f,
-            dispose: () => {
-              g.$destroy(), p.dispose();
-            }
-          }, ii(s) && ((h = s.model) != null && h.object) && this.updateTagCss3DObjectMatrix(s, s.model.object);
-        }
-      }), this.clearUnusedPanelTag();
-    });
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
   }
   /**
@@ -28851,6 +28783,74 @@ class wM extends yM {
       (o = (s = i.mediaPlane) == null ? void 0 : s.parent) == null || o.remove(i.mediaPlane);
     }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (e = this.TagContainerSvelte) == null || e.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
   }
+  /**
+   * @description 渲染3D贴片
+   */
+  updateRender3DDomTag(e) {
+    (e ? yi(e) : this.filterCSS3DTag).forEach((s) => {
+      var o, r, a, l, c, h;
+      if (s.tag3DContentSvelte) {
+        const { svelteApp: u, css3DInstance: f, initialNormal: m, currentNormal: v } = s.tag3DContentSvelte;
+        if ((r = f == null ? void 0 : f.css3DObject) == null || r.setVisible((this.state.visible && ((o = s.state) == null ? void 0 : o.visible)) !== !1), u.$set({ tag: s, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !m.equals(v)) {
+          const p = new Cl().setFromUnitVectors(m, v);
+          f.css3DObject.setRotationFromQuaternion(p);
+        }
+        return;
+      } else {
+        if (ii(s) && !((a = s.model) != null && a.object) || ((l = s.state) == null ? void 0 : l.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
+          return;
+        if (s.stickType === "3DPoint" && !s.normal)
+          return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
+        const u = this.getPositions(s);
+        if (!u)
+          return;
+        const f = s.computeNormal();
+        if (!f)
+          return;
+        const m = s.getConfig(), v = x({
+          wrapperStyle: { zIndex: `${Math.round((1e4 - ((c = s.getDistance()) != null ? c : 0)) * 100)}` }
+        }, m.tag3DConfig);
+        if (s.computeRenderType() === "BehindDom" || v.mode === "behind") {
+          v.mode = "behind", v.container = document.createElement("div");
+          const A = "black";
+          v.container.style.backgroundColor = A, v.container.style.border = `3px solid ${A}`, this.css3DRenderPlugin.hooks.on("render", () => {
+            var y;
+            if (p.css3DObject.opacityMesh && m.clickable !== !1) {
+              const I = this.addObjectClickHandler(s, p.css3DObject.opacityMesh, (P) => {
+                this.hooks.emit("click", { event: P, target: "TagContent", tag: s });
+              });
+              (y = this.store.css3DRenderDisposer.get(s.id)) == null || y.push(I);
+            }
+          });
+        }
+        const p = this.css3DRenderPlugin.create3DDomContainer(u, v);
+        if (!p)
+          return;
+        this.store.css3DRenderDisposer.set(s.id, [p.dispose]);
+        const g = new gg({
+          target: p.container,
+          props: {
+            tag: s,
+            hooks: this.hooks,
+            /** 模型标签要等模型加载好之后再展示 */
+            state: this.state,
+            mediaStore: this.mediaStore,
+            temporaryState: this.temporaryState
+          }
+        });
+        s.tag3DContentSvelte = {
+          svelteApp: g,
+          domContainer: p,
+          css3DInstance: p,
+          initialNormal: f,
+          currentNormal: f,
+          dispose: () => {
+            g.$destroy(), p.dispose();
+          }
+        }, ii(s) && ((h = s.model) != null && h.object) && this.updateTagCss3DObjectMatrix(s, s.model.object);
+      }
+    }), this.clearUnusedPanelTag();
+  }
   /** 更新标签中多媒体面片的位置
    * @param tag 标签
    * @param model 模型
@@ -28898,8 +28898,44 @@ class wM extends yM {
 class CM {
   constructor(t) {
     d(this, "plugin");
+    d(this, "logBinded", !1);
     this.plugin = t;
   }
+  get debug() {
+    return this.plugin.debug;
+  }
+  addDebugPoints() {
+    try {
+      uC(this.plugin.five, this.plugin.tags);
+    } catch (t) {
+      console.error(t);
+    }
+  }
+  bindLog() {
+    if (this.logBinded)
+      return;
+    this.logBinded = !0;
+    const t = (e) => {
+      Object.getOwnPropertyNames(e).forEach((i) => {
+        typeof e[i] == "function" && (e[i] = new Proxy(e[i], {
+          apply: (s, o, r) => (["render"].includes(i) || this.addLog(i, ...r), s.apply(o, r))
+        }));
+      });
+    };
+    t(this.plugin), t(this.plugin.constructor.prototype);
+  }
+  addLog(t, ...e) {
+    if (this.debug) {
+      let i = new Error().stack;
+      console.debug(
+        `%cPanoTagPlugin%c${t}`,
+        "background-color: #35e0ed; color: black; padding:0 6px; border-radius: 3px",
+        "padding: 0 3px; color: #f3f47c",
+        ...e,
+        { stack: i }
+      );
+    }
+  }
   closeIntersectRaycaster() {
     this.plugin.tags.forEach((t) => {
       var e;
@@ -29931,7 +29967,7 @@ class pl extends wM {
         }
       }), this.renderQueue.clear();
     });
-    this.params = Qe({}, { debug: !1, config: this.config }, x({}, i)), this.debug = this.params.debug, this.config = this.params.config, CC(1, { namespace: $l.PlayAudio });
+    this.params = Qe({}, { debug: !1, config: this.config }, x({}, i)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), CC(1, { namespace: $l.PlayAudio });
     try {
       Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
@@ -29943,7 +29979,7 @@ class pl extends wM {
   }
   appendTo(e) {
     var s, o, r, a;
-    this.container = e, (s = this.css3DRenderPlugin) == null || s.appendToFrontFiveContainer(this.container);
+    this.debugUtil.addLog("appendTo"), this.container = e, (s = this.css3DRenderPlugin) == null || s.appendToFrontFiveContainer(this.container);
     const i = (r = (o = this.TagContainerSvelte) == null ? void 0 : o.$$) == null ? void 0 : r.root;
     i && i !== this.container && ((a = this.TagContainerSvelte) == null || a.$destroy(), this.TagContainerSvelte = void 0);
   }
@@ -29958,13 +29994,7 @@ class pl extends wM {
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
       const i = yield this.addTag(e.tagList);
-      if (this.hooks.emit("loaded"), this.debug)
-        try {
-          uC(this.five, this.tags);
-        } catch (r) {
-          console.error(r);
-        }
-      return i;
+      return this.hooks.emit("loaded"), i;
     });
   }
   /**