@realsee/dnalogel 3.35.2 → 3.36.0

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,16 +1,16 @@
 var A = Object.defineProperty;
-var R = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var C = (d, m, t) => m in d ? A(d, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[m] = t, j = (d, m) => {
+var j = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var S = (c, m, t) => m in c ? A(c, m, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[m] = t, k = (c, m) => {
   for (var t in m || (m = {}))
-    k.call(m, t) && C(d, t, m[t]);
-  if (R)
-    for (var t of R(m))
-      I.call(m, t) && C(d, t, m[t]);
-  return d;
+    I.call(m, t) && S(c, t, m[t]);
+  if (j)
+    for (var t of j(m))
+      V.call(m, t) && S(c, t, m[t]);
+  return c;
 };
-var u = (d, m, t) => (C(d, typeof m != "symbol" ? m + "" : m, t), t);
-var S = (d, m, t) => new Promise((e, o) => {
+var p = (c, m, t) => (S(c, typeof m != "symbol" ? m + "" : m, t), t);
+var C = (c, m, t) => new Promise((e, o) => {
   var i = (s) => {
     try {
       a(t.next(s));
@@ -24,17 +24,18 @@ var S = (d, m, t) => new Promise((e, o) => {
       o(n);
     }
   }, a = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, r);
-  a((t = t.apply(d, m)).next());
+  a((t = t.apply(c, m)).next());
 });
-import { TagComputer as V } from "./TagComputer.js";
-import { Group as y, Quaternion as x, Vector3 as b, Matrix4 as v } from "three";
+import { TagComputer as x } from "./TagComputer.js";
+import { Group as M, Quaternion as E, Vector3 as b, Matrix4 as v } from "three";
 import O from "../Components/TagContainer.js";
-import E from "../Components/Tag/index.js";
-import { loadGLTF as G } from "../../shared-utils/three/GLTFLoader.js";
-import { isMediaModelTag as D, isStickModelTag as F } from "../utils/tag/tagCheck.js";
-import { VideoPlane as _, ImagePlane as w } from "../utils/model/mediaPlane.js";
-import { centerPoint as L } from "../../shared-utils/three/centerPoint.js";
-import { arrayPositionToVector3 as g } from "../../shared-utils/positionToVector3.js";
+import G from "../Components/Tag/index.js";
+import { loadGLTF as F } from "../../shared-utils/three/GLTFLoader.js";
+import { isMediaModelTag as g, isStickModelTag as _ } from "../utils/tag/tagCheck.js";
+import { VideoPlane as L, ImagePlane as w } from "../utils/model/mediaPlane.js";
+import { centerPoint as W } from "../../shared-utils/three/centerPoint.js";
+import { arrayPositionToVector3 as D } from "../../shared-utils/positionToVector3.js";
+import { debounceByKey as y } from "../utils/debounce.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/five/mode.js";
@@ -161,39 +162,112 @@ import "../Components/Tag/LinkTag.js";
 import "../Components/Tag/PanoramaTag.js";
 import "../Components/Tag/CustomTag.js";
 import "@realsee/five/gltf-loader";
-const W = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
-class Pi extends V {
+const q = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map();
+class bi extends x {
   constructor(t) {
     super(t);
-    u(this, "rendererMap", /* @__PURE__ */ new Map());
-    u(this, "contentTypeMap", /* @__PURE__ */ new Map());
-    u(this, "group", new y());
-    u(this, "imagePlaneGroup", new y());
-    u(this, "gltfObjectGroup", new y());
+    p(this, "rendererMap", /* @__PURE__ */ new Map());
+    p(this, "contentTypeMap", /* @__PURE__ */ new Map());
+    p(this, "group", new M());
+    p(this, "imagePlaneGroup", new M());
+    p(this, "gltfObjectGroup", new M());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    u(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    p(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    u(this, "temporaryState", { visible: !0 });
+    p(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    u(this, "TagContainerSvelte");
+    p(this, "TagContainerSvelte");
+    /**
+     * @description 渲染3D贴片
+     */
+    p(this, "updateRender3DDomTag", () => {
+      this.filterCSS3DTag.forEach((e) => {
+        var o, i, r;
+        if (e.tag3DContentSvelte) {
+          const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
+          if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
+            const d = new E().setFromUnitVectors(n, l);
+            s.css3DObject.setRotationFromQuaternion(d);
+          }
+          return;
+        } else {
+          if (g(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
+            return;
+          if (e.stickType === "3DPoint" && !e.normal)
+            return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
+          const a = this.getPositions(e);
+          if (!a)
+            return;
+          const s = this.getTagNormal(e);
+          if (!s)
+            return;
+          const n = this.getTagConfig(e), l = k({ wrapperStyle: { zIndex: this.calculateTagZIndex(e).toString() } }, n.tag3DConfig);
+          if (this.getRenderType(e) === "BehindDom" || l.mode === "behind") {
+            l.mode = "behind", l.container = document.createElement("div");
+            const f = "black";
+            l.container.style.backgroundColor = f, l.container.style.border = `3px solid ${f}`, this.css3DRenderPlugin.hooks.on("render", () => {
+              var h;
+              if (d.css3DObject.opacityMesh && n.clickable !== !1) {
+                const T = this.addObjectClickHandler(e, d.css3DObject.opacityMesh, (P) => {
+                  this.hooks.emit("click", { event: P, target: "TagContent", tag: e });
+                });
+                (h = this.store.css3DRenderDisposer.get(e.id)) == null || h.push(T);
+              }
+            });
+          }
+          const d = this.css3DRenderPlugin.create3DDomContainer(a, l);
+          if (!d)
+            return;
+          this.store.css3DRenderDisposer.set(e.id, [d.dispose]);
+          const u = new G({
+            target: d.container,
+            props: {
+              tag: e,
+              hooks: this.hooks,
+              /** 模型标签要等模型加载好之后再展示 */
+              state: this.state,
+              mediaStore: this.mediaStore,
+              temporaryState: this.temporaryState
+            }
+          });
+          e.tag3DContentSvelte = {
+            svelteApp: u,
+            domContainer: d,
+            css3DInstance: d,
+            initialNormal: s,
+            currentNormal: s,
+            dispose: () => {
+              u.$destroy(), d.dispose();
+            }
+          }, g(e) && ((r = e.model) != null && r.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
+        }
+      }), this.clearUnusedPanelTag();
+    });
+    /**
+     * @description 渲染单个点的标签
+     */
+    p(this, "updateRenderPointTag", () => {
+      const t = this.filterPointTag;
+      this.setTagZIndex(t), this.setPointTagPosition(), y("updateDomView", this.updateDomView)();
+    });
     /** 加载外部模型 */
-    u(this, "loadModel", (t) => S(this, null, function* () {
+    p(this, "loadModel", (t) => C(this, null, function* () {
       var a;
       const e = t.data.modelUrl;
       if (!e)
         return;
       t.loading = !0;
-      const o = G(e).then((s) => {
-        var p;
+      const o = F(e).then((s) => {
+        var d;
         const n = Object.assign(s.scene, {
           customID: t.id,
           isTagModel: !0,
           removeEventListener: this.getTagConfig(t).clickable === !1 ? () => {
-          } : this.addObjectClickHandler(t, s.scene, (h) => {
-            this.hooks.emit("click", { target: "TagModel", tag: t, event: h });
+          } : this.addObjectClickHandler(t, s.scene, (u) => {
+            this.hooks.emit("click", { target: "TagModel", tag: t, event: u });
           })
         });
-        return n.visible = this.getCurrentVisibleState(t), new v().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (p = this.getTagConfig(t).modelConfig) != null && p.autoLookAtEnabled && n.lookAt(this.five.camera.position.clone().setY(n.position.y)), n;
+        return n.visible = this.getCurrentVisibleState(t), new v().fromArray(t.matrix).decompose(n.position, n.quaternion, n.scale), n.updateWorldMatrix(!0, !0), n.visible = this.getVisible(t), (d = this.getTagConfig(t).modelConfig) != null && d.autoLookAtEnabled && n.lookAt(this.five.camera.position.clone().setY(n.position.y)), n;
       });
       t.model = { promise: o };
       const i = yield o;
@@ -201,10 +275,10 @@ class Pi extends V {
         return;
       t.model.object = i;
       const r = this.gltfObjectGroup.children.find((s) => s.customID === t.id);
-      if (r && (this.gltfObjectGroup.remove(r), r.removeEventListener()), this.updateRender3DDomTag(), D(t)) {
+      if (r && (this.gltfObjectGroup.remove(r), r.removeEventListener()), this.updateRender3DDomTag(), g(t)) {
         if (this.getRenderType(t) === "Mesh" && !t.mediaPlane) {
-          const s = t.data.mediaPosition.map(g);
-          t.mediaPlane = new w(t.data.mediaData[0].url, t.data.mediaPosition.map(g), {
+          const s = t.data.mediaPosition.map(D);
+          t.mediaPlane = new w(t.data.mediaData[0].url, t.data.mediaPosition.map(D), {
             objectFit: t.data.objectFit
           });
           const n = new b().addVectors(s[0], s[2]).divideScalar(2);
@@ -214,6 +288,33 @@ class Pi extends V {
       }
       return this.gltfObjectGroup.add(i), i;
     }));
+    p(this, "updateDomView", (t = {}) => {
+      var o;
+      const e = this.filterPointTag.filter((i) => i.state.visible);
+      if (this.TagContainerSvelte)
+        this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
+      else {
+        if (!e.length)
+          return;
+        const i = this.container;
+        if (!i)
+          return console.error("updateRenderPlaneTag: tag2DContainer not found");
+        this.TagContainerSvelte = new O({
+          target: i,
+          props: {
+            hooks: this.hooks,
+            tags: e,
+            state: this.state,
+            temporaryState: this.temporaryState,
+            mediaStore: this.mediaStore,
+            rendererMap: this.rendererMap,
+            contentTypeMap: this.contentTypeMap,
+            withAnimation: (o = t == null ? void 0 : t.withAnimation) != null ? o : this.store.visibleWithAnimation,
+            zIndex: this.params.containerZIndex
+          }
+        });
+      }
+    });
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
   }
   /**
@@ -237,7 +338,7 @@ class Pi extends V {
     this.tags.length && (this.tags.forEach((e) => {
       var o, i;
       (i = (o = e.mediaPlane) == null ? void 0 : o.parent) == null || i.remove(e.mediaPlane);
-    }), this.tags = [], (t = this.TagContainerSvelte) == null || t.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer(), this.updateRenderAllTags()), this.enabledModelTagSet.clear(), this.clearCache();
+    }), this.tags = [], (t = this.TagContainerSvelte) == null || t.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer(), this.updateRenderAllTags()), this.enabledModelTagSet.clear(), this.clearCache(), this.tagsLengthWillUpdate = !0;
   }
   /**
    * @description 更新所有标签
@@ -245,6 +346,12 @@ class Pi extends V {
   updateRenderAllTags() {
     this.enabledModelTagSet.clear(), this.tags.forEach((t) => t.stickType === "Model" && this.enabledModelTagSet.add(t.id)), this.updateRenderPointTag(), this.updateRender3DDomTag(), this.updateRenderModelTag(), this.updateRenderImagePlane(), this.updateRenderVideoPlane();
   }
+  updateAllTagsNextFrame() {
+    requestAnimationFrame(() => this.updateRenderAllTags());
+  }
+  updateTag(t) {
+    t.stickType === "2DPoint" ? y("updateRenderPointTag", this.updateRenderPointTag)() : t.stickType === "3DPoint" ? (y("updateRenderPointTag", this.updateRenderPointTag)(), y("updateRender3DDomTag", this.updateRender3DDomTag)()) : t.stickType === "Model" ? (this.enabledModelTagSet.clear(), this.tags.forEach((e) => e.stickType === "Model" && this.enabledModelTagSet.add(e.id)), this.updateRenderModelTag()) : t.stickType === "Plane" && (this.updateRenderImagePlane(), this.updateRenderVideoPlane());
+  }
   updateRenderVideoPlane() {
     this.filterImagePlane.filter((e) => {
       var o, i;
@@ -259,20 +366,20 @@ class Pi extends V {
         return;
       const r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== i))();
       if ((a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), s || n) {
-        const p = e.position.map(g), h = new _(i, p, {
+        const d = e.position.map(D), u = new L(i, d, {
           videoCoverSrc: o.videoCoverUrl,
           playButton: e.data.playIcon,
           paused: !((l = e.data.autoplayConfig) != null && l.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: W,
+          videoTextureMap: q,
           ImageTextureMap: $,
           domEvents: this.domEvents
         });
-        h.onVideoReady = (c) => {
-          c.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: h.videoInstance }));
+        u.onVideoReady = (h) => {
+          h.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: u.videoInstance }));
         };
-        const f = (c) => (this.five.on("renderFrame", c), () => this.five.off("renderFrame", c));
-        h.initialRenderHooks(f), e.mediaPlane = h, this.imagePlaneGroup.add(e.mediaPlane);
+        const f = (h) => (this.five.on("renderFrame", h), () => this.five.off("renderFrame", h));
+        u.initialRenderHooks(f), e.mediaPlane = u, this.imagePlaneGroup.add(e.mediaPlane);
       }
     });
   }
@@ -287,7 +394,7 @@ class Pi extends V {
       const { url: o } = e.data.mediaData[0];
       if (!o)
         return;
-      const i = e.position.map(g), r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
+      const i = e.position.map(D), r = this.getCurrentVisibleState(e), a = (() => !!(e.mediaPlane && !r))(), s = (() => !!(!e.mediaPlane && r))(), n = (() => !!(e.mediaPlane && e.mediaPlane.src !== o))();
       (a || n) && e.mediaPlane && (this.imagePlaneGroup.remove(e.mediaPlane), e.mediaPlane.dispose(), e.mediaPlane.removeFromParent(), e.mediaPlane = void 0), (s || n) && (e.mediaPlane = new w(o, i, { objectFit: e.data.objectFit }), this.getTagConfig(e).clickable !== !1 && this.domEvents.addAutoBindEventListener(
         e.mediaPlane,
         "click",
@@ -298,72 +405,6 @@ class Pi extends V {
       ), this.imagePlaneGroup.add(e.mediaPlane));
     });
   }
-  /**
-   * @description 渲染3D贴片
-   */
-  updateRender3DDomTag() {
-    this.filterCSS3DTag.forEach((e) => {
-      var o, i, r;
-      if (e.tag3DContentSvelte) {
-        const { svelteApp: a, css3DInstance: s, initialNormal: n, currentNormal: l } = e.tag3DContentSvelte;
-        if (a.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !n.equals(l)) {
-          const p = new x().setFromUnitVectors(n, l);
-          s.css3DObject.setRotationFromQuaternion(p);
-        }
-        return;
-      } else {
-        if (D(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
-          return;
-        if (e.stickType === "3DPoint" && !e.normal)
-          return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-        const a = this.getPositions(e);
-        if (!a)
-          return;
-        const s = this.getTagNormal(e);
-        if (!s)
-          return;
-        const n = this.getTagConfig(e), l = j({ wrapperStyle: { zIndex: this.calculateTagZIndex(e).toString() } }, n.tag3DConfig);
-        if (this.getRenderType(e) === "BehindDom" || l.mode === "behind") {
-          l.mode = "behind", l.container = document.createElement("div");
-          const f = "black";
-          l.container.style.backgroundColor = f, l.container.style.border = `3px solid ${f}`, this.css3DRenderPlugin.hooks.on("render", () => {
-            var c;
-            if (p.css3DObject.opacityMesh && n.clickable !== !1) {
-              const P = this.addObjectClickHandler(e, p.css3DObject.opacityMesh, (T) => {
-                this.hooks.emit("click", { event: T, target: "TagContent", tag: e });
-              });
-              (c = this.store.css3DRenderDisposer.get(e.id)) == null || c.push(P);
-            }
-          });
-        }
-        const p = this.css3DRenderPlugin.create3DDomContainer(a, l);
-        if (!p)
-          return;
-        this.store.css3DRenderDisposer.set(e.id, [p.dispose]);
-        const h = new E({
-          target: p.container,
-          props: {
-            tag: e,
-            hooks: this.hooks,
-            /** 模型标签要等模型加载好之后再展示 */
-            state: this.state,
-            mediaStore: this.mediaStore,
-            temporaryState: this.temporaryState
-          }
-        });
-        e.tag3DContentSvelte = {
-          svelteApp: h,
-          domContainer: p,
-          css3DInstance: p,
-          initialNormal: s,
-          currentNormal: s,
-          dispose: () => {
-            h.$destroy(), p.dispose();
-          }
-        }, D(e) && ((r = e.model) != null && r.object) && this.updateTagCss3DObjectMatrix(e, e.model.object);
-      }
-    }), this.clearUnusedPanelTag();
-  }
   /** 更新所有模型标签
    *
    * 1. 移除不应该在场景中的模型
@@ -392,23 +433,23 @@ class Pi extends V {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    var P, T, M;
-    const o = (T = (P = this.getTagConfig(t).tag3DConfig) == null ? void 0 : P.ratio) != null ? T : 216e-5, i = (M = t.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
+    var T, P, R;
+    const o = (P = (T = this.getTagConfig(t).tag3DConfig) == null ? void 0 : T.ratio) != null ? P : 216e-5, i = (R = t.tag3DContentSvelte) == null ? void 0 : R.css3DInstance.css3DObject;
     if (!i)
       return;
-    const r = D(t) ? t.data.mediaPosition : t.position;
+    const r = g(t) ? t.data.mediaPosition : t.position;
     if (!r || r.length !== 4 || !Array.isArray(r[0]) || !Array.isArray(r[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = L(s, n).add(new b(0, 0, 5e-4)), p = new v().setPosition(l), h = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(p).multiply(h);
+    const a = e.matrixWorld, s = new b().fromArray(r[0]), n = new b().fromArray(r[2]), l = W(s, n).add(new b(0, 0, 5e-4)), d = new v().setPosition(l), u = new v().makeScale(o, o, o), f = new v().multiply(a).multiply(d).multiply(u);
     f.decompose(i.position, i.quaternion, i.scale);
-    const c = i.opacityMesh;
-    c && f.decompose(c.position, c.quaternion, c.scale);
+    const h = i.opacityMesh;
+    h && f.decompose(h.position, h.quaternion, h.scale);
   }
   /** 添加模型标签 */
   addMediaModelTag(t) {
-    return S(this, null, function* () {
-      const e = t.filter(F).map((o) => this.loadModel(o));
+    return C(this, null, function* () {
+      const e = t.filter(_).map((o) => this.loadModel(o));
       yield Promise.all(e), this.setVisible(), this.updateRenderAllTags();
     });
   }
@@ -433,16 +474,6 @@ class Pi extends V {
       r ? e.screenPosition = { leftPercent: (r.x + 1) / 2 * 100, topPercent: (-r.y + 1) / 2 * 100 } : e.screenPosition = null;
     });
   }
-  /**
-   * @description 渲染单个点的标签
-   */
-  updateRenderPointTag() {
-    const t = this.filterPointTag;
-    this.setTagZIndex(t), this.setPointTagPosition(), this.updateDomView();
-  }
-  updatePointTagPosition() {
-    this.setPointTagPosition(), this.updateDomView();
-  }
   updateTagContainerVisible() {
     var t;
     (t = this.TagContainerSvelte) == null || t.$set({
@@ -476,34 +507,7 @@ class Pi extends V {
       (!o || o.stickType === "2DPoint") && (e == null || e.forEach((i) => i == null ? void 0 : i()), this.store.css3DRenderDisposer.delete(t));
     }
   }
-  updateDomView(t = {}) {
-    var o;
-    const e = this.filterPointTag.filter((i) => i.state.visible);
-    if (this.TagContainerSvelte)
-      this.TagContainerSvelte.$set({ tags: e, state: this.state, temporaryState: this.temporaryState });
-    else {
-      if (!e.length)
-        return;
-      const i = this.container;
-      if (!i)
-        return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new O({
-        target: i,
-        props: {
-          hooks: this.hooks,
-          tags: e,
-          state: this.state,
-          temporaryState: this.temporaryState,
-          mediaStore: this.mediaStore,
-          rendererMap: this.rendererMap,
-          contentTypeMap: this.contentTypeMap,
-          withAnimation: (o = t == null ? void 0 : t.withAnimation) != null ? o : this.store.visibleWithAnimation,
-          zIndex: this.params.containerZIndex
-        }
-      });
-    }
-  }
 }
 export {
-  Pi as TagRender
+  bi as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.d.ts

@@ -12,7 +12,7 @@ export declare abstract class TagUtil extends TagCache {
     get container(): Element;
     set container(container: Element);
     config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;
-    tagsLengthWillUpdate: boolean;
+    set tagsLengthWillUpdate(value: boolean);
     workUtil: WorkUtil;
     set workCode(workCode: string);
     get workCode(): string;
@@ -36,6 +36,16 @@ export declare abstract class TagUtil extends TagCache {
         disposed: boolean;
     };
     protected domEvents: FiveDomEvents;
+    private _cache_pointTag?;
+    private _cache_2DPointTag?;
+    private _cache_imagePlane?;
+    private _cache_mediaModel?;
+    private _cache_css3DTag?;
+    protected get filterPointTag(): PointTagInstance[];
+    protected get filter2DPointTag(): TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "2DPoint">[];
+    protected get filterImagePlane(): TagInstance<"MediaPlane", "Plane">[];
+    protected get filterMediaModel(): TagInstance<"MediaModel", "Model">[];
+    protected get filterCSS3DTag(): (TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "Plane"> | TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "Model"> | TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "3DPoint">)[];
     private _container;
     private _css3DRenderPlugin;
     protected constructor(five: Five);
@@ -68,11 +78,6 @@ export declare abstract class TagUtil extends TagCache {
     protected getPositions(tag: TagInstance): [THREE.Vector3, THREE.Vector3, THREE.Vector3, THREE.Vector3] | [import("../typings").ArrayPosition, import("../typings").ArrayPosition, import("../typings").ArrayPosition, import("../typings").ArrayPosition];
     protected addObjectClickHandler(tag: TagInstance, object: THREE.Object3D | undefined, handler: (event: Event) => any): () => void;
     protected getTagNormal(tag: TagInstance): THREE.Vector3 | undefined;
-    protected get filterPointTag(): PointTagInstance[];
-    protected get filter2DPointTag(): TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "2DPoint">[];
-    protected get filterImagePlane(): TagInstance<"MediaPlane", "Plane">[];
-    protected get filterMediaModel(): TagInstance<"MediaModel", "Model">[];
-    protected get filterCSS3DTag(): (TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "Plane"> | TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "Model"> | TagInstance<"Panorama" | "Model" | "Custom" | "Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Unknown", "3DPoint">)[];
     protected getTransformedPostion(position: Tag['position']): THREE.Vector3 | [THREE.Vector3, THREE.Vector3, THREE.Vector3, THREE.Vector3];
     /**
      * @description 检查是否已经销毁