@realsee/dnalogel 3.23.2 → 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.2",
+    "%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.2");
+    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);
@@ -17904,8 +17907,8 @@ class Hl extends yg {
     return this.work.observers;
   }
   get transform() {
-    var i;
-    const e = (i = this.work.options) == null ? void 0 : i.transform;
+    var i, s;
+    const e = (s = (i = this.work) == null ? void 0 : i.options) == null ? void 0 : s.transform;
     return e ? e.clone() : new w.Matrix4();
   }
   /**
@@ -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)
@@ -28624,16 +28642,16 @@ class W2 extends Nw {
     }
   }
   updateDomView(e = {}) {
-    var s, o, r;
-    const i = this.filterPointTag;
+    var s, o;
+    const i = this.filterPointTag.filter((r) => r.state.visible);
     if (this.TagContainerSvelte)
       this.TagContainerSvelte.$set({ tags: i, state: this.state, temporaryState: this.temporaryState });
     else {
-      const a = (s = this.five.getElement()) == null ? void 0 : s.parentElement;
-      if (!a)
+      const r = (s = this.five.getElement()) == null ? void 0 : s.parentElement;
+      if (!r)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      console.trace({ withAnimation: (o = e == null ? void 0 : e.withAnimation) != null ? o : this.store.visibleWithAnimation }), this.TagContainerSvelte = new N2({
-        target: a,
+      this.TagContainerSvelte = new N2({
+        target: r,
         props: {
           hooks: this.hooks,
           tags: i,
@@ -28642,7 +28660,7 @@ class W2 extends Nw {
           mediaStore: this.mediaStore,
           rendererMap: this.rendererMap,
           contentTypeMap: this.contentTypeMap,
-          withAnimation: (r = e == null ? void 0 : e.withAnimation) != null ? r : this.store.visibleWithAnimation
+          withAnimation: (o = e == null ? void 0 : e.withAnimation) != null ? o : this.store.visibleWithAnimation
         }
       });
     }
@@ -28839,7 +28857,7 @@ class nl extends W2 {
           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();
       }));
@@ -28951,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
@@ -36677,19 +36695,21 @@ class o3 {
 function r3(n, t) {
   return new o3(n, t);
 }
-class um extends ii {
+let zo;
+const um = (n) => zo || (zo = new Vl(n), zo);
+class fm extends ii {
   constructor(e) {
     var s, o;
     super();
     d(this, "type");
     d(this, "tag");
     d(this, "rawData");
-    d(this, "five");
     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 = gm(this.five);
+    this.five = e.five, this.model = e.model, this.group = e.group, this.type = e.type, this.rawData = e.rawData, this.fiveDomEvents = um(this.five);
     const i = (o = (s = e.position) != null ? s : this.model.center) != null ? o : Ys(this.model).getCenter(new w.Vector3());
     this.tag = r3(this.five, i);
   }
@@ -36716,7 +36736,7 @@ class um extends ii {
     return this.emit("click", this);
   }
 }
-class fm extends um {
+class gm extends fm {
   constructor(...e) {
     super(...e);
     d(this, "hideTag", () => {
@@ -36737,7 +36757,7 @@ class fm extends um {
     return this.tag.visible ? this.tag.hide({ withAnimation: !0 }) : this.tag.show(), super.onClick(), !0;
   }
 }
-class a3 extends fm {
+class a3 extends gm {
   constructor(...t) {
     super(...t);
   }
@@ -36802,14 +36822,12 @@ const Uu = (n, t) => {
   triangles: Uu,
   prism: u3
 };
-class g3 extends um {
+class g3 extends fm {
   constructor(...t) {
     const e = t[0], i = Ys(e.model), s = new w.Vector3().lerpVectors(Gi(i, 0), Gi(i, 5), 0.5);
     super(se(D({}, e), { position: s })), this.enable();
   }
 }
-let zo;
-const gm = (n) => zo || (zo = new Vl(n), zo);
 class m3 extends pi {
   constructor(e) {
     super(e);
@@ -36829,7 +36847,7 @@ class m3 extends pi {
         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 = gm(e), e.scene.add(this.group), this.handleEnable();
+    this.group.name = "ModelMakerPluginGroup", this.state = { enabled: !0, visible: !0 }, this.fiveDomEvents = um(e), e.scene.add(this.group), this.handleEnable();
   }
   load(e) {
     return Q(this, null, function* () {
@@ -36844,7 +36862,7 @@ class m3 extends pi {
             lineColor: s.object_data.color,
             occlusionVisibility: !1
           }), this.fiveDomEvents.addEventListener(r, "hover", () => r.highlight()), this.fiveDomEvents.addEventListener(r, "unHover", () => r.unhighlight());
-          const a = new fm({
+          const a = new gm({
             five: this.five,
             model: r,
             group: this.group,
@@ -36891,6 +36909,9 @@ class m3 extends pi {
   setState(e) {
     Me(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: "我不知道捏" })), Me(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: "我不知道捏" }));
   }
+  getItemById(e) {
+    return this.items.find((i) => i.rawData.id === e);
+  }
   registerTagRenderer(e) {
     this.tagRendererMap = e, this.updateTagRenderer();
   }