@realsee/dnalogel 3.23.3 → 3.24.0

package/dist/index.js

@@ -48,7 +48,7 @@ import Na from "animejs";
 import { GLTFLoader as Vm } from "@realsee/five/gltf-loader";
 function Hm() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.23.3",
+    "%c %c@realsee/dnalogel %cv3.24.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",
@@ -7344,7 +7344,7 @@ let nn = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.23.3");
+    d(this, "VERSION", "3.24.0");
     d(this, "five");
     /**
      * @description: 插件事件钩子
@@ -17831,7 +17831,10 @@ class Vl {
     var r, a;
     if (!t._domEvent || !t._domEvent[`${e}Handler`])
       return;
-    i === void 0 && delete t._domEvent[`${e}Handler`];
+    if (i === void 0) {
+      delete t._domEvent[`${e}Handler`];
+      return;
+    }
     const o = t._domEvent[`${e}Handler`].findIndex((l) => l[0] === i);
     if (o !== -1 && (t._domEvent[`${e}Handler`].splice(o, 1), t._domEvent[`${e}Handler`].length === 0 && delete t._domEvent[`${e}Handler`], t._domEvent && Object.keys(t._domEvent).length === 0 && delete t._domEvent, !t._domEvent)) {
       const l = (r = this.boundObject[e]) == null ? void 0 : r.findIndex((c) => c === t);
@@ -17939,6 +17942,7 @@ class Vw extends Tw {
     super(e);
     d(this, "tags", []);
     d(this, "config", Sw);
+    d(this, "tagsLengthWillUpdate", !0);
     d(this, "workUtil", new Hl(this.five));
     d(this, "mediaStore", kl({
       currentMediaElement: null
@@ -17952,6 +17956,11 @@ class Vw extends Tw {
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
     d(this, "domEvents", new Vl(this.five));
+    d(this, "_cache_pointTag");
+    d(this, "_cache_2DPointTag");
+    d(this, "_cache_imagePlane");
+    d(this, "_cache_mediaModel");
+    d(this, "_cache_css3DTag");
     d(this, "loadVideoFirstFrame", () => {
       jw && this.hooks.emit("loadVideoFirstFrame");
     });
@@ -18124,28 +18133,37 @@ class Vw extends Tw {
     if (e.stickType === "Model")
       return va(this.getPositions(e));
   }
-  // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
   get filterPointTag() {
-    return this.tags.filter((e) => e.stickType === "2DPoint" || e.stickType === "3DPoint").filter((e) => e.position);
+    var i;
+    const e = this.tags.filter((s) => s.stickType === "2DPoint" || s.stickType === "3DPoint").filter((s) => s.position);
+    return this.tagsLengthWillUpdate && (this._cache_pointTag = e, this.tagsLengthWillUpdate = !1), (i = this._cache_pointTag) != null ? i : e;
   }
   get filter2DPointTag() {
-    return this.tags.filter((e) => e.stickType === "2DPoint").filter((e) => e.position);
+    var i;
+    const e = this.tags.filter((s) => s.stickType === "2DPoint").filter((s) => s.position);
+    return this.tagsLengthWillUpdate && (this._cache_2DPointTag = e, this.tagsLengthWillUpdate = !1), (i = this._cache_2DPointTag) != null ? i : e;
   }
   get filterImagePlane() {
-    return this.tags.filter(
-      (e) => e.contentType === "MediaPlane" && e.stickType === "Plane" && this.getRenderType(e) === "Mesh"
+    var i;
+    const e = this.tags.filter(
+      (s) => s.contentType === "MediaPlane" && s.stickType === "Plane" && this.getRenderType(s) === "Mesh"
     );
+    return this.tagsLengthWillUpdate && (this._cache_imagePlane = e, this.tagsLengthWillUpdate = !1), (i = this._cache_imagePlane) != null ? i : e;
   }
   get filterMediaModel() {
-    return this.tags.filter((e) => e.stickType === "Model" && e.contentType === "MediaModel");
+    var i;
+    const e = this.tags.filter((s) => s.stickType === "Model" && s.contentType === "MediaModel");
+    return this.tagsLengthWillUpdate && (this._cache_mediaModel = e, this.tagsLengthWillUpdate = !1), (i = this._cache_mediaModel) != null ? i : e;
   }
   get filterCSS3DTag() {
-    return this.tags.filter(
-      (i) => i.stickType === "3DPoint" || i.stickType === "Plane" || i.stickType === "Model" && i.contentType === "MediaModel"
-    ).filter((i) => {
-      const s = this.getRenderType(i);
-      return s === "BehindDom" || s === "Dom";
+    var i;
+    const e = this.tags.filter(
+      (s) => s.stickType === "3DPoint" || s.stickType === "Plane" || s.stickType === "Model" && s.contentType === "MediaModel"
+    ).filter((s) => {
+      const o = this.getRenderType(s);
+      return o === "BehindDom" || o === "Dom";
     });
+    return this.tagsLengthWillUpdate && (this._cache_css3DTag = e, this.tagsLengthWillUpdate = !1), (i = this._cache_css3DTag) != null ? i : e;
   }
   getTransformedPostion(e) {
     if (!e)
@@ -28625,7 +28643,7 @@ class W2 extends Nw {
   }
   updateDomView(e = {}) {
     var s, o;
-    const i = this.filterPointTag;
+    const i = this.filterPointTag.filter((r) => r.state.visible);
     if (this.TagContainerSvelte)
       this.TagContainerSvelte.$set({ tags: i, state: this.state, temporaryState: this.temporaryState });
     else {
@@ -28810,16 +28828,14 @@ class nl extends W2 {
   addTag(e, i) {
     return Q(this, null, function* () {
       const o = (Array.isArray(e) ? e : [e]).filter((r) => r.position).map((r) => {
-        var f, g, A, p, m;
+        var f, g, A;
         const a = JSON.parse(JSON.stringify(r.data)), l = r.config ? JSON.parse(JSON.stringify(r.config)) : {};
         r.initialConfig = l;
         const c = this.calculateTagConfig(r), h = this.getTagConfig(r);
         return r.config = h, se(D({}, r), {
-          contentType: (f = r.contentType) != null ? f : r.type,
-          stickType: (g = r.stickType) != null ? g : "2DPoint",
-          enabled: (A = r.enabled) != null ? A : !0,
-          id: (p = r.id) != null ? p : ot(),
-          data: (m = h.initialData) != null && m.important ? Re(r.data, a, h.initialData) : Re(r.data, h.initialData, a),
+          enabled: (f = r.enabled) != null ? f : !0,
+          id: (g = r.id) != null ? g : ot(),
+          data: (A = h.initialData) != null && A.important ? Re(r.data, a, h.initialData) : Re(r.data, h.initialData, a),
           state: D({
             visible: void 0,
             unfolded: !this.can("fold", r)
@@ -28827,8 +28843,8 @@ class nl extends W2 {
           hooks: new Tt(),
           originPosition: r.position,
           position: (() => {
-            const v = this.getTransformedPostion(r.position);
-            return Array.isArray(v) ? v.map((E) => E.toArray()) : v.toArray();
+            const p = this.getTransformedPostion(r.position);
+            return Array.isArray(p) ? p.map((v) => v.toArray()) : p.toArray();
           })(),
           initialConfig: l,
           computedConfig: c,
@@ -28838,10 +28854,10 @@ class nl extends W2 {
           enable: () => this.changeEnabledById(r.id, !0),
           disable: () => this.changeEnabledById(r.id, !1),
           destroy: () => this.destroyTagById(r.id),
-          changeData: (v) => this.changeDataById(r.id, v)
+          changeData: (p) => this.changeDataById(r.id, p)
         });
       });
-      return o.forEach(Cw), this.tags.push(...o), U2(this.five).then(() => Q(this, null, function* () {
+      return o.forEach(Cw), this.tags.push(...o), this.tagsLengthWillUpdate = !0, U2(this.five).then(() => Q(this, null, function* () {
         var r, a, l;
         this.store.eventListenerDisposer && ((a = (r = this.store).eventListenerDisposer) == null || a.call(r)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(o), this.setVisibleAndUnfolded({ withAnimation: (l = i == null ? void 0 : i.withAnimation) != null ? l : !0 }), this.updatePointTagPosition(), this.updateRenderAllTags();
       }));
@@ -28953,7 +28969,7 @@ class nl extends W2 {
   changeTagById(e, i, s = !0) {
     const o = this.getTagById(e);
     let r = !1;
-    i && (i.data && (r = !0), s ? Re(o, i) : Object.assign(o, i), o != null && o.tag3DContentSvelte && (i != null && i.normal) && (o.tag3DContentSvelte.currentNormal = fi(i.normal)), this.setVisible(), this.updateRenderAllTags(), this.clearUnusedPanelTag(), r && o.hooks.emit("dataChanged", o.data));
+    i && (this.tagsLengthWillUpdate = !0, i.data && (r = !0), s ? Re(o, i) : Object.assign(o, i), o != null && o.tag3DContentSvelte && (i != null && i.normal) && (o.tag3DContentSvelte.currentNormal = fi(i.normal)), this.setVisible(), this.updateRenderAllTags(), this.clearUnusedPanelTag(), r && o.hooks.emit("dataChanged", o.data));
   }
   /**
    * @description: 销毁tag