@realsee/dnalogel 3.50.12 → 3.50.13

package/libs/PanoTagPlugin/controller/Tag/BaseTag.d.ts

@@ -153,8 +153,8 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
     }): TagConfig;
     getDistance(fiveState?: Partial<FiveState>, accurate?: number): number;
     getVisible(fiveState?: Partial<FiveState>): boolean;
-    getUnfoldedByPanoIndex(panoIndex?: number): any;
-    getUnfoldedByCamera(): any;
+    getUnfoldedByPanoIndex(panoIndex?: number): boolean;
+    getUnfoldedByCamera(): boolean;
     can(action: 'show' | 'hide' | 'fold' | 'unfold'): boolean;
     onClick(params: Pick<TagClickParams, 'target'>): void;
     abstract computeNormal(): THREE.Vector3 | undefined;
@@ -204,7 +204,7 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
      * @description 获取是否展开
      */
     protected computeUnfoldedByPanoIndex(panoIndex?: number): boolean;
-    protected computeUnfoldedByCamera(): any;
+    protected computeUnfoldedByCamera(): boolean;
     protected computeTagProject(): {
         x: number;
         y: number;

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

@@ -29,7 +29,6 @@ export declare abstract class TagRender extends TagUtil {
         usePoint?: boolean;
     }): void;
     bindRenderer(contentType: string, builtInRenderer: TagContentType): void;
-    clearTags(): void;
     /**
      * @description 渲染3D贴片
      */
@@ -39,8 +38,6 @@ export declare abstract class TagRender extends TagUtil {
      * @param model 模型
      */
     updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagInstance<TagContentType, S>, model: Object3D): void;
-    /** 添加模型标签 */
-    protected addMediaModelTag(tags: TagInstance[]): Promise<void>;
     protected disposeAllCSS3DContainer(): void;
     /**
      * @description 检查并销毁不用的3D贴片

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,37 +1,21 @@
-var x = Object.defineProperty;
+var k = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
-var O = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var T = (a, r, t) => r in a ? x(a, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[r] = t, j = (a, r) => {
-  for (var t in r || (r = {}))
-    O.call(r, t) && T(a, t, r[t]);
+var x = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var y = (m, i, t) => i in m ? k(m, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : m[i] = t, R = (m, i) => {
+  for (var t in i || (i = {}))
+    x.call(i, t) && y(m, t, i[t]);
   if (v)
-    for (var t of v(r))
-      A.call(r, t) && T(a, t, r[t]);
-  return a;
+    for (var t of v(i))
+      O.call(i, t) && y(m, t, i[t]);
+  return m;
 };
-var d = (a, r, t) => (T(a, typeof r != "symbol" ? r + "" : r, t), t);
-var w = (a, r, t) => new Promise((e, o) => {
-  var i = (s) => {
-    try {
-      l(t.next(s));
-    } catch (h) {
-      o(h);
-    }
-  }, p = (s) => {
-    try {
-      l(t.throw(s));
-    } catch (h) {
-      o(h);
-    }
-  }, l = (s) => s.done ? e(s.value) : Promise.resolve(s.value).then(i, p);
-  l((t = t.apply(a, r)).next());
-});
-import { Group as y, Quaternion as G, Vector3 as C, Matrix4 as M } from "three";
-import E from "../Components/Tag/index.js";
-import { isMediaModelTag as P } from "../utils/tag/tagCheck.js";
-import { centerPoint as I } from "../../shared-utils/three/centerPoint.js";
-import { toArray as N } from "../../shared-utils/util.js";
-import { TagUtil as U } from "./TagUtil.js";
+var c = (m, i, t) => (y(m, typeof i != "symbol" ? i + "" : i, t), t);
+import { Group as T, Quaternion as G, Vector3 as P, Matrix4 as C } from "three";
+import A from "../Components/Tag/index.js";
+import { isMediaModelTag as M } from "../utils/tag/tagCheck.js";
+import { centerPoint as E } from "../../shared-utils/three/centerPoint.js";
+import { toArray as I } from "../../shared-utils/util.js";
+import { TagUtil as N } from "./TagUtil.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/Tag/TextTag/index.js";
 import "../Components/Tag/TextTag/TextTag.js";
@@ -179,20 +163,20 @@ import "../../shared-utils/five/calculateThreeMouse.js";
 import "../../shared-utils/three/core/Raycaster.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../base/BasePlugin.js";
-class Oe extends U {
+class xr extends N {
   constructor(t) {
     super(t);
-    d(this, "rendererMap", /* @__PURE__ */ new Map());
-    d(this, "contentTypeMap", /* @__PURE__ */ new Map());
-    d(this, "group", new y());
-    d(this, "imagePlaneGroup", new y());
-    d(this, "gltfObjectGroup", new y());
+    c(this, "rendererMap", /* @__PURE__ */ new Map());
+    c(this, "contentTypeMap", /* @__PURE__ */ new Map());
+    c(this, "group", new T());
+    c(this, "imagePlaneGroup", new T());
+    c(this, "gltfObjectGroup", new T());
     /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
-    d(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
+    c(this, "enabledModelTagSet", /* @__PURE__ */ new Set());
     /** 临时状态 */
-    d(this, "temporaryState", { visible: !0 });
+    c(this, "temporaryState", { visible: !0 });
     /** 点标签 */
-    d(this, "TagContainerSvelte");
+    c(this, "TagContainerSvelte");
     this.group.name = "PanoTagPluginModelGroup", this.gltfObjectGroup.name = "PanoTagPluginGLTFObjectGroup", this.imagePlaneGroup.name = "ImagePlaneGroup", this.group.add(this.gltfObjectGroup), this.group.add(this.imagePlaneGroup);
   }
   /**
@@ -203,66 +187,59 @@ class Oe extends U {
    * @param config.usePoint 是否需要标签点, 默认为 false
    * @note 优先级低于 tag.element
    */
-  registerRenderer(t, e, o) {
-    var i;
-    this.rendererMap.set(t, { renderer: e, usePoint: (i = o == null ? void 0 : o.usePoint) != null ? i : !1 });
+  registerRenderer(t, r, o) {
+    var e;
+    this.rendererMap.set(t, { renderer: r, usePoint: (e = o == null ? void 0 : o.usePoint) != null ? e : !1 });
   }
-  bindRenderer(t, e) {
-    this.contentTypeMap.set(t, e);
-  }
-  clearTags() {
-    var t;
-    this.tags.length && (this.tags.forEach((e) => {
-      var o, i, p, l, s;
-      (i = (o = e.mediaPlane) == null ? void 0 : o.parent) == null || i.remove(e.mediaPlane), (s = (l = (p = e.model) == null ? void 0 : p.object) == null ? void 0 : l.parent) == null || s.remove(e.model.object);
-    }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (t = this.TagContainerSvelte) == null || t.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
+  bindRenderer(t, r) {
+    this.contentTypeMap.set(t, r);
   }
   /**
    * @description 渲染3D贴片
    */
   updateRender3DDomTag(t) {
-    (t ? N(t) : this.filterCSS3DTag).forEach((o) => {
-      var i, p, l, s, h, b;
+    (t ? I(t) : this.filterCSS3DTag).forEach((o) => {
+      var e, a, f, D, g, b;
       if (o.tag3DContentSvelte) {
-        const { svelteApp: f, css3DInstance: c, initialNormal: u, currentNormal: m } = o.tag3DContentSvelte;
-        if ((p = c == null ? void 0 : c.css3DObject) == null || p.setVisible((this.state.visible && ((i = o.state) == null ? void 0 : i.visible)) !== !1), f.$set({ tag: o, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !u.equals(m)) {
-          const n = new G().setFromUnitVectors(u, m);
-          c.css3DObject.setRotationFromQuaternion(n);
+        const { svelteApp: d, css3DInstance: n, initialNormal: l, currentNormal: p } = o.tag3DContentSvelte;
+        if ((a = n == null ? void 0 : n.css3DObject) == null || a.setVisible((this.state.visible && ((e = o.state) == null ? void 0 : e.visible)) !== !1), d.$set({ tag: o, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !l.equals(p)) {
+          const s = new G().setFromUnitVectors(l, p);
+          n.css3DObject.setRotationFromQuaternion(s);
         }
         return;
       } else {
-        if (P(o) && !((l = o.model) != null && l.object) || ((s = o.state) == null ? void 0 : s.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
+        if (M(o) && !((f = o.model) != null && f.object) || ((D = o.state) == null ? void 0 : D.visible) === !1 || !this.state.visible || !this.state.enabled || !this.css3DRenderPlugin)
           return;
         if (o.stickType === "3DPoint" && !o.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
-        const f = this.getPositions(o);
-        if (!f)
+        const d = this.getPositions(o);
+        if (!d)
           return;
-        const c = o.computeNormal();
-        if (!c)
+        const n = o.computeNormal();
+        if (!n)
           return;
-        const u = o.getConfig(), m = j({
-          wrapperStyle: { zIndex: `${Math.round((1e4 - ((h = o.getDistance()) != null ? h : 0)) * 100)}` }
-        }, u.tag3DConfig);
-        if (o.computeRenderType() === "BehindDom" || m.mode === "behind") {
-          m.mode = "behind", m.container = document.createElement("div");
-          const D = "black";
-          m.container.style.backgroundColor = D, m.container.style.border = `3px solid ${D}`, this.css3DRenderPlugin.hooks.on("render", () => {
+        const l = o.getConfig(), p = R({
+          wrapperStyle: { zIndex: `${Math.round((1e4 - ((g = o.getDistance()) != null ? g : 0)) * 100)}` }
+        }, l.tag3DConfig);
+        if (o.computeRenderType() === "BehindDom" || p.mode === "behind") {
+          p.mode = "behind", p.container = document.createElement("div");
+          const h = "black";
+          p.container.style.backgroundColor = h, p.container.style.border = `3px solid ${h}`, this.css3DRenderPlugin.hooks.on("render", () => {
             var S;
-            if (n.css3DObject.opacityMesh && u.clickable !== !1) {
-              const R = this.addObjectClickHandler(o, n.css3DObject.opacityMesh, (k) => {
-                this.hooks.emit("click", { event: k, target: "TagContent", tag: o });
+            if (s.css3DObject.opacityMesh && l.clickable !== !1) {
+              const j = this.addObjectClickHandler(o, s.css3DObject.opacityMesh, (w) => {
+                this.hooks.emit("click", { event: w, target: "TagContent", tag: o });
               });
-              (S = this.store.css3DRenderDisposer.get(o.id)) == null || S.push(R);
+              (S = this.store.css3DRenderDisposer.get(o.id)) == null || S.push(j);
             }
           });
         }
-        const n = this.css3DRenderPlugin.create3DDomContainer(f, m);
-        if (!n)
+        const s = this.css3DRenderPlugin.create3DDomContainer(d, p);
+        if (!s)
           return;
-        this.store.css3DRenderDisposer.set(o.id, [n.dispose]);
-        const g = new E({
-          target: n.container,
+        this.store.css3DRenderDisposer.set(o.id, [s.dispose]);
+        const u = new A({
+          target: s.container,
           props: {
             tag: o,
             hooks: this.hooks,
@@ -273,15 +250,15 @@ class Oe extends U {
           }
         });
         o.tag3DContentSvelte = {
-          svelteApp: g,
-          domContainer: n,
-          css3DInstance: n,
-          initialNormal: c,
-          currentNormal: c,
+          svelteApp: u,
+          domContainer: s,
+          css3DInstance: s,
+          initialNormal: n,
+          currentNormal: n,
           dispose: () => {
-            g.$destroy(), n.dispose();
+            u.$destroy(), s.dispose();
           }
-        }, P(o) && ((b = o.model) != null && b.object) && this.updateTagCss3DObjectMatrix(o, o.model.object);
+        }, M(o) && ((b = o.model) != null && b.object) && this.updateTagCss3DObjectMatrix(o, o.model.object);
       }
     }), this.clearUnusedPanelTag();
   }
@@ -289,30 +266,23 @@ class Oe extends U {
    * @param tag 标签
    * @param model 模型
    */
-  updateTagCss3DObjectMatrix(t, e) {
-    var n, g, D;
-    const o = (g = (n = t.getConfig().tag3DConfig) == null ? void 0 : n.ratio) != null ? g : 216e-5, i = (D = t.tag3DContentSvelte) == null ? void 0 : D.css3DInstance.css3DObject;
-    if (!i)
+  updateTagCss3DObjectMatrix(t, r) {
+    var s, u, h;
+    const o = (u = (s = t.getConfig().tag3DConfig) == null ? void 0 : s.ratio) != null ? u : 216e-5, e = (h = t.tag3DContentSvelte) == null ? void 0 : h.css3DInstance.css3DObject;
+    if (!e)
       return;
-    const p = P(t) ? t.data.mediaPosition : t.position;
-    if (!p || p.length !== 4 || !Array.isArray(p[0]) || !Array.isArray(p[2]))
+    const a = M(t) ? t.data.mediaPosition : t.position;
+    if (!a || a.length !== 4 || !Array.isArray(a[0]) || !Array.isArray(a[2]))
       return;
-    e.updateWorldMatrix(!1, !1);
-    const l = e.matrixWorld, s = new C().fromArray(p[0]), h = new C().fromArray(p[2]), b = I(s, h).add(new C(0, 0, 5e-4)), f = new M().setPosition(b), c = new M().makeScale(o, o, o), u = new M().multiply(l).multiply(f).multiply(c);
-    u.decompose(i.position, i.quaternion, i.scale);
-    const m = i.opacityMesh;
-    m && u.decompose(m.position, m.quaternion, m.scale);
-  }
-  /** 添加模型标签 */
-  addMediaModelTag(t) {
-    return w(this, null, function* () {
-      const e = t.filter((o) => o.stickType === "Model").map((o) => o.loadModel());
-      yield Promise.all(e), t.forEach((o) => o.updateVisible());
-    });
+    r.updateWorldMatrix(!1, !1);
+    const f = r.matrixWorld, D = new P().fromArray(a[0]), g = new P().fromArray(a[2]), b = E(D, g).add(new P(0, 0, 5e-4)), d = new C().setPosition(b), n = new C().makeScale(o, o, o), l = new C().multiply(f).multiply(d).multiply(n);
+    l.decompose(e.position, e.quaternion, e.scale);
+    const p = e.opacityMesh;
+    p && l.decompose(p.position, p.quaternion, p.scale);
   }
   disposeAllCSS3DContainer() {
     for (const [, t] of this.store.css3DRenderDisposer)
-      t == null || t.forEach((e) => e == null ? void 0 : e());
+      t == null || t.forEach((r) => r == null ? void 0 : r());
     this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
   }
   /**
@@ -320,15 +290,15 @@ class Oe extends U {
    */
   clearUnusedPanelTag() {
     this.filter2DPointTag.forEach((t) => {
-      var e;
-      (e = t.tag3DContentSvelte) == null || e.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
+      var r;
+      (r = t.tag3DContentSvelte) == null || r.css3DInstance.dispose(), t.tag3DContentSvelte = void 0;
     });
-    for (const [t, e] of this.store.css3DRenderDisposer) {
+    for (const [t, r] of this.store.css3DRenderDisposer) {
       const o = this.getTagById(t);
-      (!o || o.stickType === "2DPoint") && (e == null || e.forEach((i) => i == null ? void 0 : i()), this.store.css3DRenderDisposer.delete(t));
+      (!o || o.stickType === "2DPoint") && (r == null || r.forEach((e) => e == null ? void 0 : e()), this.store.css3DRenderDisposer.delete(t));
     }
   }
 }
 export {
-  Oe as TagRender
+  xr as TagRender
 };

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

@@ -111,6 +111,10 @@ declare class PanoTagPluginController extends TagRender {
      * @deprecated
      */
     updateRenderAllTags(): void;
+    /**
+     * @description 清除所有标签
+     */
+    clearTags(): void;
     /**
      * @description 设置 unfolded
      */

package/libs/PanoTagPlugin/controller/index.js

@@ -1,13 +1,13 @@
 var D = Object.defineProperty, P = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
-var y = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var b = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
 var u = (d, a, e) => a in d ? D(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, f = (d, a) => {
   for (var e in a || (a = {}))
-    F.call(a, e) && u(d, e, a[e]);
-  if (y)
-    for (var e of y(a))
-      E.call(a, e) && u(d, e, a[e]);
+    E.call(a, e) && u(d, e, a[e]);
+  if (b)
+    for (var e of b(a))
+      A.call(a, e) && u(d, e, a[e]);
   return d;
 }, c = (d, a) => P(d, U(a));
 var p = (d, a, e) => (u(d, typeof a != "symbol" ? a + "" : a, e), e);
@@ -29,14 +29,14 @@ var l = (d, a, e) => new Promise((t, i) => {
 });
 import * as v from "three";
 import { objectAssignDeepExports as m } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { arrayPositionToVector3 as k } from "../../shared-utils/positionToVector3.js";
-import { isModelTag as A, isMediaModelTag as w } from "../utils/tag/tagCheck.js";
+import { arrayPositionToVector3 as F } from "../../shared-utils/positionToVector3.js";
+import { isModelTag as k, isMediaModelTag as w } from "../utils/tag/tagCheck.js";
 import { debounce as M } from "../utils/debounce.js";
-import { throttle as b } from "../utils/throttle.js";
-import _, { getTagStickType as I } from "../utils/tag/format.js";
-import { generateBlankAudio as L, AudioNamespace as R } from "../../shared-utils/audio.js";
+import { throttle as y } from "../utils/throttle.js";
+import _, { getTagStickType as L } from "../utils/tag/format.js";
+import { generateBlankAudio as I, AudioNamespace as B } from "../../shared-utils/audio.js";
 import { resizeObserver as T } from "../../shared-utils/dom/resizeObserver.js";
-import { TagRender as B } from "./TagRender.js";
+import { TagRender as R } from "./TagRender.js";
 import { isModelLike as O } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -51,9 +51,9 @@ import { DebugUtil as V } from "../utils/DebugUtil.js";
 import { safeObj as C } from "../../shared-utils/safeObj.js";
 import { PointTag as z } from "./Tag/PointTag.js";
 import { ModelTag as Q } from "./Tag/ModelTag.js";
-import { PlaneTag as x } from "./Tag/PlaneTag.js";
-import $ from "../Components/TagContainer.js";
-import { tweenProgress as W } from "../../shared-utils/animationFrame/BetterTween.js";
+import { PlaneTag as $ } from "./Tag/PlaneTag.js";
+import x from "../Components/TagContainer.js";
+import { tweenProgress as j } from "../../shared-utils/animationFrame/BetterTween.js";
 import "../Components/Tag/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../Components/Tag/TextTag/index.js";
@@ -193,7 +193,7 @@ import "../utils/addDebugPoints.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
 const S = "Dnalogel-PanoTagPlugin", Ji = (d) => `${S}--${d}`;
-class Zi extends B {
+class Zi extends R {
   constructor(e, t) {
     super(e);
     /** state */
@@ -241,7 +241,7 @@ class Zi extends B {
     p(this, "handleFivePanoArrived", () => l(this, null, function* () {
       this.tags.forEach((e) => {
         e.state.visible = !1, e.temporaryState = c(f({}, e.temporaryState), { visible: !0 }), e.applyVisible(), e.updateVisible();
-      }), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.updateRender3DDomTag(), this.tags.filter(A).filter((e) => {
+      }), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }), yield this.setUnfolded(), this.updateRender3DDomTag(), this.tags.filter(k).filter((e) => {
         var t;
         return (t = e.getConfig().modelConfig) == null ? void 0 : t.autoLookAtEnabled;
       }).forEach((e) => {
@@ -252,7 +252,7 @@ class Zi extends B {
         t.position.copy(i.position), t.quaternion.copy(i.quaternion);
         const o = this.five.camera.position;
         t.lookAt(o.clone().setY(t.position.y));
-        const s = i.quaternion.clone(), n = t.quaternion.clone(), r = W();
+        const s = i.quaternion.clone(), n = t.quaternion.clone(), r = j();
         r.onUpdate(({ progress: g }) => {
           i.quaternion.copy(s.clone().slerp(n, g));
         }), r.play();
@@ -290,7 +290,7 @@ class Zi extends B {
           } else {
             if (!this.container)
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
-            this.TagContainerSvelte = new $({
+            this.TagContainerSvelte = new x({
               target: this.container,
               props: c(f({}, n), { state: c(f({}, this.state), { enabled: !1 }) })
             }), G(() => {
@@ -301,9 +301,9 @@ class Zi extends B {
         }
       }), this.renderQueue.clear();
     });
-    this.params = m({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), L(1, { namespace: R.PlayAudio });
+    this.params = m({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, this.debug && this.debugUtil.bindLog(), I(1, { namespace: B.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__", {
+      Array.isArray(window.__PANOTAGPLUGIN_DEBUG_LIST__) || (window.__PANOTAGPLUGIN_DEBUG_LIST__ = []), this.NAME = S + "-" + window.__PANOTAGPLUGIN_DEBUG_LIST__.length, window.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), window.__PANOTAGPLUGIN_DEBUG__ || Object.defineProperty(window, "__PANOTAGPLUGIN_DEBUG__", {
         get: function() {
           return window.__PANOTAGPLUGIN_DEBUG_LIST__.sort((i, o) => o.tags.length - i.tags.length)[0];
         }
@@ -325,7 +325,7 @@ class Zi extends B {
       var i, o;
       this.clearTags();
       try {
-        console.debug(S, " load:", { data: JSON.parse(JSON.stringify(e)) });
+        console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
       } catch (s) {
       }
       this.config = m({}, this.config, {
@@ -342,18 +342,20 @@ class Zi extends B {
   addTag(e) {
     return l(this, null, function* () {
       const i = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
-        const s = I(o);
+        const s = L(o);
         if (s === "2DPoint" || s === "3DPoint")
           return new z(this, o);
         if (s === "Model")
           return new Q(this, o);
         if (s === "Plane")
-          return new x(this, o);
+          return new $(this, o);
       });
       return i.forEach(_), this.tags.push(...i), this.tagsLengthWillUpdate = !0, N(this.five).then(() => l(this, null, function* () {
         var o, s;
-        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.addMediaModelTag(i), i.forEach((n) => {
-          n.updateVisible(), n.updateZIndex();
+        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), i.forEach((n) => {
+          this.tags.includes(n) && (n.stickType === "Model" && n.loadModel().then(() => {
+            this.tags.includes(n) && n.updateVisible();
+          }), n.updateVisible(), n.updateZIndex());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
     });
@@ -463,7 +465,7 @@ class Zi extends B {
    */
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = k(t));
+    i && i.tag3DContentSvelte && (i.tag3DContentSvelte.currentNormal = F(t));
   }
   /**
    * @description 改变data
@@ -507,6 +509,16 @@ class Zi extends B {
   updateRenderAllTags() {
     this.tags.forEach((e) => e.updateVisible()), this.five.needsRender = !0;
   }
+  /**
+   * @description 清除所有标签
+   */
+  clearTags() {
+    var e;
+    this.tags.length && (this.tags.forEach((t) => {
+      var i, o, s, n, r;
+      (o = (i = t.mediaPlane) == null ? void 0 : i.parent) == null || o.remove(t.mediaPlane), (r = (n = (s = t.model) == null ? void 0 : s.object) == null ? void 0 : n.parent) == null || r.remove(t.model.object);
+    }), 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 设置 unfolded
    */
@@ -554,7 +566,7 @@ class Zi extends B {
     }, i = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
     }, { observe: o, unobserve: s } = T(
-      b(() => {
+      y(() => {
         this.store.resizeObserverDisposer && i();
       }, 500),
       e
@@ -592,7 +604,7 @@ class Zi extends B {
   addEventListener() {
     const { five: e, hooks: t } = this;
     let i = !1;
-    const o = b(() => {
+    const o = y(() => {
       i || (i = !0, e.ready().then(() => {
         this.onFiveEveryReady(), i = !1;
       }));

package/libs/base/BasePlugin.d.ts

@@ -58,7 +58,7 @@ declare abstract class Controller<PluginState extends State = State, PluginEvent
      * @realsee/dnalogel 版本号
      */
     readonly VERSION: string;
-    readonly NAME?: string;
+    NAME?: string;
     five: Five;
     workUtil: WorkUtil;
     fiveUtil: FiveUtil;

package/libs/base/BasePlugin.js

@@ -18,7 +18,7 @@ let P = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.50.12");
+    i(this, "VERSION", "3.50.13");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.50.12",
+    "%c %c@realsee/dnalogel %cv3.50.13",
     [
       "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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.50.12",
+  "version": "3.50.13",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",