@realsee/dnalogel 2.20.0-alpha.0 → 2.20.0-dev.1

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -1,6 +1,6 @@
-var k = Object.defineProperty;
-var E = (f, h, t) => h in f ? k(f, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[h] = t;
-var b = (f, h, t) => (E(f, typeof h != "symbol" ? h + "" : h, t), t);
+var R = Object.defineProperty;
+var k = (f, h, t) => h in f ? R(f, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[h] = t;
+var b = (f, h, t) => (k(f, typeof h != "symbol" ? h + "" : h, t), t);
 var C = (f, h, t) => new Promise((e, o) => {
   var i = (r) => {
     try {
@@ -17,16 +17,16 @@ var C = (f, h, t) => new Promise((e, o) => {
   }, a = (r) => r.done ? e(r.value) : Promise.resolve(r.value).then(i, n);
   a((t = t.apply(f, h)).next());
 });
-import { TagComputer as w } from "./TagComputer.js";
-import { Group as S, Quaternion as O, Vector3 as v, Matrix4 as D } from "three";
-import A from "../Components/TagContainer.js";
-import x from "../Components/Tag/index.js";
+import { TagComputer as E } from "./TagComputer.js";
+import { Group as S, Quaternion as w, Vector3 as v, Matrix4 as D } from "three";
+import O from "../Components/TagContainer.js";
+import A from "../Components/Tag/index.js";
 import { arrayPositionToVector3 as y } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { centerPoint as G } from "../../shared-utils/three/centerPoint.js";
-import { isMediaModelTag as P, isStickModelTag as I } from "../utils/tag/tagCheck.js";
-import { CSS3DRenderPlugin as V } from "../../CSS3DRenderPlugin/index.js";
-import { loadGLTF as F } from "../../shared-utils/three/GLTFLoader.js";
-import { VideoPlane as j, ImagePlane as R } from "../utils/model/mediaPlane.js";
+import { centerPoint as x } from "../../shared-utils/three/centerPoint.js";
+import { isMediaModelTag as P, isStickModelTag as G } from "../utils/tag/tagCheck.js";
+import { CSS3DRenderPlugin as I } from "../../CSS3DRenderPlugin/index.js";
+import { loadGLTF as V } from "../../shared-utils/three/GLTFLoader.js";
+import { VideoPlane as M, ImagePlane as j } from "../utils/model/mediaPlane.js";
 import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "hammerjs";
@@ -139,8 +139,8 @@ import "../Components/Tag/CustomTag.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "@realsee/five/gltf-loader";
-const L = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
-class ti extends w {
+const F = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Map();
+class ei extends E {
   constructor(t) {
     super(t);
     b(this, "group", new S());
@@ -158,7 +158,7 @@ class ti extends w {
       const e = t.data.modelUrl;
       if (!e)
         return;
-      const o = F(e).then((r) => {
+      const o = V(e).then((r) => {
         var p, m, l, c, d;
         const s = Object.assign(r.scene, {
           customID: t.id,
@@ -178,7 +178,7 @@ class ti extends w {
       if (n && (this.gltfObjectGroup.remove(n), n.removeEventListener()), this.updateRender3DDomTag(), P(t)) {
         if (this.getRenderType(t) === "Mesh" && !t.mediaPlane) {
           const r = t.data.mediaPosition.map(y);
-          t.mediaPlane = new R(t.data.mediaData[0].url, t.data.mediaPosition.map(y), {
+          t.mediaPlane = new j(t.data.mediaData[0].url, t.data.mediaPosition.map(y), {
             objectFit: t.data.objectFit
           });
           const s = new v().addVectors(r[0], r[2]).divideScalar(2);
@@ -212,21 +212,21 @@ class ti extends w {
       if (!o)
         return;
       const { url: i, type: n } = o;
-      if (!i || (e.mediaPlane && (e.mediaPlane.visible = (s = (r = e.state) == null ? void 0 : r.visible) != null ? s : !0, e.mediaPlane.visible || e.mediaPlane instanceof j && ((u = e.data.autoplayConfig) != null && u.autoplayVideo || e.mediaPlane.pause())), ((p = e.mediaPlane) == null ? void 0 : p.src) === i))
+      if (!i || (e.mediaPlane && (e.mediaPlane.visible = (s = (r = e.state) == null ? void 0 : r.visible) != null ? s : !0, e.mediaPlane.visible || e.mediaPlane instanceof M && ((u = e.data.autoplayConfig) != null && u.autoplayVideo || e.mediaPlane.pause())), ((p = e.mediaPlane) == null ? void 0 : p.src) === i))
         return;
       const a = e.position.map(y);
       if (e.mediaPlane && e.mediaPlane.removeFromParent(), n === "Image")
-        e.mediaPlane = new R(i, a, { objectFit: e.data.objectFit }), this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
+        e.mediaPlane = new j(i, a, { objectFit: e.data.objectFit }), this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
           this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
         });
       else if (n === "Video") {
-        const l = new j(i, a, {
+        const l = new M(i, a, {
           videoCoverSrc: o.videoCoverUrl,
           playButton: e.data.playIcon,
           paused: !((m = e.data.autoplayConfig) != null && m.autoplayVideo),
           objectFit: e.data.objectFit,
-          videoTextureMap: L,
-          ImageTextureMap: B
+          videoTextureMap: F,
+          ImageTextureMap: L
         });
         l.onVideoReady = (d) => {
           d.addEventListener("play", () => this.mediaStore.set({ currentMediaElement: l.videoInstance }));
@@ -246,14 +246,14 @@ class ti extends w {
       if (e.tag3DContentSvelte) {
         const { svelteApp: r, css3DInstance: s, initialNormal: u, currentNormal: p } = e.tag3DContentSvelte;
         if (r.$set({ tag: e, hooks: this.hooks, state: this.state, temporaryState: this.temporaryState }), !u.equals(p)) {
-          const m = new O().setFromUnitVectors(u, p);
+          const m = new w().setFromUnitVectors(u, p);
           s.css3DObject.setRotationFromQuaternion(m);
         }
         return;
       } else {
         if (P(e) && !((o = e.model) != null && o.object) || ((i = e.state) == null ? void 0 : i.visible) === !1 || !this.state.visible || !this.state.enabled)
           return;
-        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = V(this.five)), e.stickType === "3DPoint" && !e.normal)
+        if (this.css3DRenderPlugin || (this.css3DRenderPlugin = I(this.five)), e.stickType === "3DPoint" && !e.normal)
           return console.error("updateRenderPlaneTag: 三维点标签缺少法向量！");
         const r = this.getPositions(e);
         if (!r)
@@ -279,7 +279,7 @@ class ti extends w {
         if (!m)
           return;
         this.store.css3DRenderDisposer.set(e.id, [m.dispose]);
-        const l = new x({
+        const l = new A({
           target: m.container,
           props: {
             tag: e,
@@ -330,15 +330,15 @@ class ti extends w {
    * @param model 模型
    */
   updateTagCss3DObjectMatrix(t, e) {
-    var d, g, T, M;
-    const o = (T = (g = (d = t.mergedConfig) == null ? void 0 : d.tag3DConfig) == null ? void 0 : g.ratio) != null ? T : 216e-5, i = (M = t.tag3DContentSvelte) == null ? void 0 : M.css3DInstance.css3DObject;
+    var d, g, T;
+    const o = (g = (d = t.config.tag3DConfig) == null ? void 0 : d.ratio) != null ? g : 216e-5, i = (T = t.tag3DContentSvelte) == null ? void 0 : T.css3DInstance.css3DObject;
     if (!i)
       return;
     const n = P(t) ? t.data.mediaPosition : t.position;
     if (!n || n.length !== 4 || !Array.isArray(n[0]) || !Array.isArray(n[2]))
       return;
     e.updateWorldMatrix(!1, !1);
-    const a = e.matrixWorld, r = new v().fromArray(n[0]), s = new v().fromArray(n[2]), u = G(r, s).add(new v(0, 0, 5e-4)), p = new D().setPosition(u), m = new D().makeScale(o, o, o), l = new D().multiply(a).multiply(p).multiply(m);
+    const a = e.matrixWorld, r = new v().fromArray(n[0]), s = new v().fromArray(n[2]), u = x(r, s).add(new v(0, 0, 5e-4)), p = new D().setPosition(u), m = new D().makeScale(o, o, o), l = new D().multiply(a).multiply(p).multiply(m);
     l.decompose(i.position, i.quaternion, i.scale);
     const c = i.opacityMesh;
     c && l.decompose(c.position, c.quaternion, c.scale);
@@ -346,7 +346,7 @@ class ti extends w {
   /** 添加模型标签 */
   addMediaModelTag(t) {
     return C(this, null, function* () {
-      const e = t.filter(I).map((o) => this.loadModel(o));
+      const e = t.filter(G).map((o) => this.loadModel(o));
       yield Promise.all(e), this.setModelMedialVisible(), this.updateRenderAllTags();
     });
   }
@@ -362,7 +362,7 @@ class ti extends w {
       const o = (e = this.five.getElement()) == null ? void 0 : e.parentElement;
       if (!o)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new A({
+      this.TagContainerSvelte = new O({
         target: o,
         props: { hooks: this.hooks, tags: t, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -384,8 +384,8 @@ class ti extends w {
     });
   }
   disposeAllCSS3DContainer() {
-    for (const [t, e] of this.store.css3DRenderDisposer)
-      e == null || e.forEach((o) => o == null ? void 0 : o());
+    for (const [, t] of this.store.css3DRenderDisposer)
+      t == null || t.forEach((e) => e == null ? void 0 : e());
     this.store.css3DRenderDisposer = /* @__PURE__ */ new Map();
   }
   /**
@@ -403,5 +403,5 @@ class ti extends w {
   }
 }
 export {
-  ti as TagRender
+  ei as TagRender
 };

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -131,7 +131,7 @@ class Pe extends b {
   updateTagConfig(e) {
     e != null && e.force && this.clearCache(), this.tags.forEach((i) => {
       const t = this.getTagConfig(i);
-      i.mergedConfig = t, i.data = T({}, i.data, t.initialData);
+      i.config = t, i.data = T({}, i.data, t.initialData);
     });
   }
   can(e, i) {

package/libs/PanoTagPlugin/controller/index.js

@@ -2,7 +2,7 @@ var E = Object.defineProperty, F = Object.defineProperties;
 var w = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var U = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
-var v = (h, a, e) => a in h ? E(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, l = (h, a) => {
+var v = (h, a, e) => a in h ? E(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
   for (var e in a || (a = {}))
     U.call(a, e) && v(h, e, a[e]);
   if (C)
@@ -11,7 +11,7 @@ var v = (h, a, e) => a in h ? E(h, a, { enumerable: !0, configurable: !0, writab
   return h;
 }, u = (h, a) => F(h, w(a));
 var g = (h, a, e) => (v(h, typeof a != "symbol" ? a + "" : a, e), e);
-var f = (h, a, e) => new Promise((t, i) => {
+var p = (h, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
       n(e.next(r));
@@ -29,7 +29,7 @@ var f = (h, a, e) => new Promise((t, i) => {
 });
 import * as b from "three";
 import { Subscribe as B } from "@realsee/five";
-import { objectAssignDeepExports as p } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import { objectAssignDeepExports as c } from "../../vendor/object-assign-deep/objectAssignDeep.js";
 import { arrayPositionToVector3 as A } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as R } from "../utils/addDebugPoints.js";
 import { isMediaModelTag as y, isModelTag as O } from "../utils/tag/tagCheck.js";
@@ -169,8 +169,8 @@ class ci extends N {
     /** debug */
     g(this, "debug");
     /** 更改 tag 模型 */
-    g(this, "changeTagModel", (e, t) => f(this, null, function* () {
-      e.data = p({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
+    g(this, "changeTagModel", (e, t) => p(this, null, function* () {
+      e.data = c({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     g(this, "handleFiveInitAnimationEnded", () => {
       const e = this.five.getCurrentState().mode;
@@ -186,7 +186,7 @@ class ci extends N {
         typeof t == "object" && ((i = t.visibleFiveMode) != null && i.includes("Floorplan") || (s = t.visibleFiveMode) != null && s.includes("Mapview")) && (e.state.visible = this.getVisibleByFiveMode(e));
       }), this.updateRenderAllTags();
     });
-    this.params = p({}, { debug: !1, config: this.config }, l({}, t)), this.debug = this.params.debug, this.config = this.params.config, G(1, { namespace: V.PlayAudio });
+    this.params = c({}, { debug: !1, config: this.config }, f({}, t)), this.debug = this.params.debug, this.config = this.params.config, G(1, { namespace: V.PlayAudio });
     try {
       const i = window;
       Array.isArray(i.__PANOTAGPLUGIN_DEBUG_LIST__) || (i.__PANOTAGPLUGIN_DEBUG_LIST__ = []), i.__PANOTAGPLUGIN_DEBUG_LIST__.push(this), i.__PANOTAGPLUGIN_DEBUG__ = this;
@@ -197,9 +197,9 @@ class ci extends N {
    * @description: 加载数据
    */
   load(e, t) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       var s, o;
-      this.clearTags(), console.debug(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = p({}, this.config, {
+      this.clearTags(), console.debug(M, " load:", { data: JSON.parse(JSON.stringify(e)) }), this.config = c({}, this.config, {
         globalConfig: (s = e.globalConfig) != null ? s : {},
         contentTypeConfig: (o = e.contentTypeConfig) != null ? o : {}
       });
@@ -217,19 +217,21 @@ class ci extends N {
    * @description: 添加标签
    */
   addTag(e, t) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        var d;
+        var d, l;
         const n = this.getTagConfig(o);
-        return u(l({}, o), {
-          id: (d = o.id) != null ? d : z(),
-          data: p({}, n.initialData, o.data),
-          state: l({
+        return u(f({}, o), {
+          enabled: (d = o.enabled) != null ? d : !0,
+          id: (l = o.id) != null ? l : z(),
+          data: c({}, n.initialData, o.data),
+          state: f({
             visible: void 0,
             unfolded: !this.can("fold", o)
           }, n.initialState),
           hooks: new B(),
-          mergedConfig: n,
+          initialConfig: o.config,
+          config: n,
           unfold: () => this.changeUnfoldedById(o.id, !0),
           fold: () => this.changeUnfoldedById(o.id, !1),
           enable: () => this.changeEnabledById(o.id, !0),
@@ -237,7 +239,7 @@ class ci extends N {
           destroy: () => this.destroyTagById(o.id)
         });
       }).filter((o) => o.position);
-      return s.forEach(L), this.tags.push(...s), _(this.five).then(() => f(this, null, function* () {
+      return s.forEach(L), this.tags.push(...s), _(this.five).then(() => p(this, null, function* () {
         var o, n, r;
         this.store.eventListenerDisposer && ((n = (o = this.store).eventListenerDisposer) == null || n.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.setVisibleAndUnfolded({ withAnimation: (r = t == null ? void 0 : t.withAnimation) != null ? r : !0 }).then(() => this.updateRenderAllTags()), this.updateRenderAllTags(), yield this.addMediaModelTag(s);
       }));
@@ -247,22 +249,22 @@ class ci extends N {
    * @description: 改变配置
    */
   changeConfig(e, t = !0) {
-    t ? this.config = p({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config = c({}, this.config, e) : this.config = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   /**
    * @description: 改变全局配置
    */
   changeGlobalConfig(e, t = !0) {
-    t ? this.config.globalConfig = p({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    t ? this.config.globalConfig = c({}, this.config.globalConfig, e) : this.config.globalConfig = e, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   /**
    * @description: 改变类型配置
    */
   changeContentTypeConfig(e, t, i = !0) {
-    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = p({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
+    this.config.contentTypeConfig || (this.config.contentTypeConfig = {}), i ? this.config.contentTypeConfig[e] = c({}, this.config.contentTypeConfig[e], t) : this.config.contentTypeConfig[e] = t, this.updateTagConfig({ force: !0 }), this.updateRenderAllTags();
   }
   show(e) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
@@ -270,7 +272,7 @@ class ci extends N {
     });
   }
   hide(e) {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       if (this.checkDisposed())
         return;
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
@@ -292,7 +294,7 @@ class ci extends N {
   setState(e, t) {
     if (this.checkDisposed())
       return;
-    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = l({}, this.state);
+    const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = f({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
   /**
@@ -334,7 +336,7 @@ class ci extends N {
    */
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
-    s && (i ? s.data = p({}, s.data, t) : s.data = l(l({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
+    s && (i ? s.data = c({}, s.data, t) : s.data = f(f({}, s.data), t), this.clearUnusedPanelTag(), this.updateRenderAllTags());
   }
   /**
    * @description: 改变tag的stickType
@@ -347,7 +349,7 @@ class ci extends N {
    */
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    t && (i ? p(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
+    t && (i ? c(s, t) : Object.assign(s, t), s != null && s.tag3DContentSvelte && (t != null && t.normal) && (s.tag3DContentSvelte.currentNormal = A(t.normal)), this.updateRenderAllTags(), this.clearUnusedPanelTag());
   }
   /**
    * @description: 销毁tag
@@ -362,7 +364,7 @@ class ci extends N {
    * @description: 设置 visible 和 unfolded
    */
   setVisibleAndUnfolded() {
-    return f(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+    return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
       if (this.isPanorama)
         return this.setVisible(), e ? new Promise((t) => {
           setTimeout(() => {
@@ -394,9 +396,9 @@ class ci extends N {
    * @description: 添加 cameraUpdate, panoArrived 等事件监听
    */
   addEventListener() {
-    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), d = this.loadVideoFirstFrame.bind(this), c = this.clickhandler.bind(this), m = this.five.currentMode;
-    return m && this.handleFiveModeChange(m), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", d), t.on("click", c), () => {
-      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", d), t.off("click", c), this.store.eventListenerDisposer = void 0;
+    const { five: e, hooks: t } = this, i = this.handleFiveWantsMoveToPano.bind(this), s = this.handleFiveModeChange.bind(this), o = this.handleFiveCameraUpdate.bind(this), n = this.handleFiveCameraUpdateDebounce(), r = this.handleFivePanoArrived.bind(this), d = this.loadVideoFirstFrame.bind(this), l = this.clickhandler.bind(this), m = this.five.currentMode;
+    return m && this.handleFiveModeChange(m), this.handleFivePanoArrived(), e.on("wantsMoveToPano", i), e.on("modeChange", s), e.on("initAnimationEnded", this.handleFiveInitAnimationEnded), e.on("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.on("cameraUpdate", o), e.on("cameraUpdate", n), e.on("panoArrived", r), e.on("panoArrived", d), t.on("click", l), () => {
+      e.off("wantsMoveToPano", i), e.off("modeChange", s), e.off("initAnimationEnded", this.handleFiveInitAnimationEnded), e.off("modelShownFloorChange", this.handleFiveModelShownFloorChange), e.off("cameraUpdate", o), e.off("cameraUpdate", n), e.off("panoArrived", r), e.off("panoArrived", d), t.off("click", l), this.store.eventListenerDisposer = void 0;
     };
   }
   addResizeListener() {
@@ -438,7 +440,7 @@ class ci extends N {
   handleFiveWantsMoveToPano() {
     this.tags.forEach((e) => {
       const t = this.getTagConfig(e);
-      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = u(l({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = u(l({}, e.temporaryState), { visible: !!t.visibleConfig.alwaysShowWhenMovePano }));
+      typeof t.visibleConfig == "object" && (t.visibleConfig.keep ? e.temporaryState = u(f({}, e.temporaryState), { visible: t.visibleConfig.keep === "visible" }) : e.temporaryState = u(f({}, e.temporaryState), { visible: !!t.visibleConfig.alwaysShowWhenMovePano }));
     }), this.updateTagContainerVisible();
   }
   /**
@@ -476,10 +478,10 @@ class ci extends N {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return f(this, null, function* () {
+    return p(this, null, function* () {
       var e, t, i;
       this.setModelMedialVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((s) => {
-        s.temporaryState = u(l({}, s.temporaryState), { visible: !0 });
+        s.temporaryState = u(f({}, s.temporaryState), { visible: !0 });
       }), (i = (t = (e = this.config) == null ? void 0 : e.globalConfig) == null ? void 0 : t.modelConfig) != null && i.autoLookAtEnabled && this.tags.filter(O).filter((s) => {
         var o, n;
         return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
@@ -491,9 +493,9 @@ class ci extends N {
         o.position.copy(n.position), o.quaternion.copy(n.quaternion);
         const r = this.five.camera.position;
         o.lookAt(r.clone().setY(o.position.y));
-        const d = n.quaternion.clone(), c = o.quaternion.clone(), m = x();
+        const d = n.quaternion.clone(), l = o.quaternion.clone(), m = x();
         m.onUpdate(({ progress: P }) => {
-          n.quaternion.copy(d.clone().slerp(c, P));
+          n.quaternion.copy(d.clone().slerp(l, P));
         }), m.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     });
@@ -510,7 +512,7 @@ class ci extends N {
   }
   changeTagMode(e, t) {
     var i, s, o, n, r, d;
-    ((i = this.getTagConfig(e)) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.forEach((c) => c == null ? void 0 : c()), e.tag3DContentSvelte = void 0);
+    ((i = this.getTagConfig(e)) == null ? void 0 : i.renderType) !== "Mesh" && ((n = (o = (s = e.tag3DContentSvelte) == null ? void 0 : s.css3DInstance) == null ? void 0 : o.css3DObject) == null ? void 0 : n.mode) !== t && ((r = e.config) != null && r.tag3DConfig ? e.config.tag3DConfig.mode = t : e.config ? e.config.tag3DConfig = { mode: t } : e.config = { tag3DConfig: { mode: t } }, (d = this.store.css3DRenderDisposer.get(e.id)) == null || d.forEach((l) => l == null ? void 0 : l()), e.tag3DContentSvelte = void 0);
   }
 }
 export {

package/libs/PanoTagPlugin/index.js

@@ -1,8 +1,6 @@
-import t from "./controller/index.js";
-import { pluginFlag as Ar } from "./controller/index.js";
-import { DimensionType as Er } from "./typings/tag/Utils.js";
-import { ContentType as Hr } from "./typings/tag/TagData.js";
-import { PointType as Jr } from "./Archive/deprecated.js";
+import r from "./controller/index.js";
+import { pluginFlag as At } from "./controller/index.js";
+import { ContentType as Et, DimensionType as Gt, PointType as Ht } from "./Archive/deprecated.js";
 import "three";
 import "@realsee/five";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
@@ -134,13 +132,13 @@ import "../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
-const qr = (o, r) => new t(o, r);
+const qt = (o, t) => new r(o, t);
 export {
-  Hr as ContentType,
-  Er as DimensionType,
-  qr as PanoTagPlugin,
-  t as PanoTagPluginController,
-  Jr as PointType,
-  qr as default,
-  Ar as pluginFlag
+  Et as ContentType,
+  Gt as DimensionType,
+  qt as PanoTagPlugin,
+  r as PanoTagPluginController,
+  Ht as PointType,
+  qt as default,
+  At as pluginFlag
 };

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

@@ -1,15 +1,8 @@
-import type { PanoTagPluginController, TagConfig } from '../index';
+import type { PanoTagPluginController, TagInstance } from '../index';
 import type * as BasePlugin from '../../base/BasePlugin';
-import type TagContentSvelte from '../Components/Tag/index.svelte';
-import type { Vector3 } from 'three';
-import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
 import type { Writable } from 'svelte/store';
-import type { Subscribe } from '@realsee/five';
-import type { TagId, StickType, TagGLTFObject } from './tag/Utils';
+import type { TagId } from './tag/Utils';
 import type { TagContentType } from './tag/TagData';
-import type { Tag } from './tag/Tag';
-import type { ImagePlane, VideoPlane } from '../utils/model/mediaPlane';
-type NonNullable<T> = T extends null | undefined | void ? never : T;
 export type TagHooks = InstanceType<typeof PanoTagPluginController>['hooks'];
 export interface State extends BasePlugin.State {
 }
@@ -82,46 +75,7 @@ export interface TagCacheInterface {
         reason?: string;
     };
 }
-export type TagInstance<C extends TagContentType = TagContentType, S extends StickType = StickType> = Tag<C, S> & Partial<{
-    screenPosition: {
-        leftPercent: number;
-        topPercent: number;
-    } | null;
-    temporaryState: {
-        visible: boolean;
-    };
-    tag3DContentSvelte: {
-        svelteApp: TagContentSvelte;
-        /** @deprecated rename to css3DInstance */
-        domContainer: NonNullable<Create3DDomContainerReturnType>;
-        css3DInstance: NonNullable<Create3DDomContainerReturnType>;
-        initialNormal: Vector3;
-        currentNormal: Vector3;
-        dispose: () => void;
-    };
-    mediaPlane: ImagePlane | VideoPlane;
-    model: {
-        promise: Promise<TagGLTFObject>;
-        object?: TagGLTFObject;
-    };
-    mediaVisible: boolean;
-    play: () => void;
-    pause: () => void;
-}> & {
-    state: {
-        visible?: boolean;
-        unfolded: boolean;
-    };
-    hooks: Subscribe<TagEvents>;
-    mergedConfig: TagConfig<C>;
-    unfold: () => void;
-    fold: () => void;
-    enable: () => void;
-    disable: () => void;
-    destroy: () => void;
-};
 export type MediaStore = Writable<{
     currentMediaElement: HTMLMediaElement | null;
 }>;
 export type PointTagInstance<C extends TagContentType = TagContentType> = TagInstance<C, '3DPoint' | '2DPoint'>;
-export {};

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

@@ -3,5 +3,6 @@ export * from './tag/Tag';
 export * from './tag/Utils';
 export * from './tag/TagData';
 export * from './tag/TagConfig';
+export * from './tag/TagInstance';
 export * from '../Archive/deprecated';
 export type { ContentTypeMap, TagContentType } from './tag/TagData';

package/libs/PanoTagPlugin/typings/index.js

@@ -1,8 +1,6 @@
-import { DimensionType as p } from "./tag/Utils.js";
-import { ContentType as t } from "./tag/TagData.js";
-import { PointType as m } from "../Archive/deprecated.js";
+import { ContentType as o, DimensionType as p, PointType as t } from "../Archive/deprecated.js";
 export {
-  t as ContentType,
+  o as ContentType,
   p as DimensionType,
-  m as PointType
+  t as PointType
 };

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -2,11 +2,8 @@ import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/
 import type { Five, Mode } from '@realsee/five';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { MinMax } from './Utils';
-import type { PartialDeep } from 'type-fest';
-import type { TagInstance } from '../controller';
-type PartialObjectDeep<ObjectType extends object> = {
-    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType]>;
-};
+import type { PartialObjectDeep } from './Utils';
+import type { TagInstance } from './TagInstance';
 type ConfigFunction<C extends TagContentType = TagContentType> = (five: Five, tagState: {
     tag: TagInstance<C>;
     /** 标签点或中心点的到摄像机的距离 */

package/libs/PanoTagPlugin/typings/tag/TagData.d.ts

@@ -1,4 +1,4 @@
-import type { DeprecatedMediaPlaneProperty } from '../../Archive/deprecated';
+import type { DeprecatedMediaPlaneProperty, ContentType } from '../../Archive/deprecated';
 import type { Position, TagIconUrl } from './Utils';
 export type MediaData = {
     type: 'Image';
@@ -10,39 +10,6 @@ export type MediaData = {
 };
 export type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
 type Object = Record<string | number | symbol, any>;
-/** @deprecated Use {@link TagContentType} instead */
-export declare enum ContentType {
-    /** 音频标签 */
-    Audio = "Audio",
-    /** 文本标签 */
-    Text = "Text",
-    /** 图文标签 */
-    ImageText = "ImageText",
-    /** 图片标签, 可用 ImageText 代替 */
-    Image = "Image",
-    /** 视频标签，可用 ImageText 代替 */
-    Video = "Video",
-    /** VR跳转标签 */
-    Link = "Link",
-    /** 贴纸标签 */
-    Sticker = "Sticker",
-    /** VR跳转标签 */
-    VRLink = "VRLink",
-    /** 全景跳转标签 */
-    PanoLink = "PanoLink",
-    /** 营销标签 */
-    Marketing = "Marketing",
-    /** 图片视频贴片 */
-    MediaPlane = "MediaPlane",
-    /** 带有多媒体的模型 */
-    MediaModel = "MediaModel",
-    /** 模型 */
-    Model = "Model",
-    /** 其他/自定义标签 */
-    Custom = "Custom",
-    /** Unknown */
-    Unknown = "Unknown"
-}
 export type TagContentType = keyof typeof ContentType;
 /**
  * @description: 标签数据

package/libs/PanoTagPlugin/typings/tag/TagData.js

@@ -1,4 +1 @@
-var a = /* @__PURE__ */ ((i) => (i.Audio = "Audio", i.Text = "Text", i.ImageText = "ImageText", i.Image = "Image", i.Video = "Video", i.Link = "Link", i.Sticker = "Sticker", i.VRLink = "VRLink", i.PanoLink = "PanoLink", i.Marketing = "Marketing", i.MediaPlane = "MediaPlane", i.MediaModel = "MediaModel", i.Model = "Model", i.Custom = "Custom", i.Unknown = "Unknown", i))(a || {});
-export {
-  a as ContentType
-};
+

package/libs/PanoTagPlugin/typings/tag/TagInstance.d.ts

@@ -0,0 +1,51 @@
+import type { Tag } from './Tag';
+import type TagContentSvelte from '../../Components/Tag/index.svelte';
+import type { TagContentType } from './TagData';
+import type { StickType, TagGLTFObject } from './Utils';
+import type { Create3DDomContainerReturnType } from '../../../CSS3DRenderPlugin';
+import type { Vector3 } from 'three';
+import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
+import type { TagEvents } from '../controller';
+import type { TagConfig } from './TagConfig';
+import type { Subscribe } from '@realsee/five';
+import type { SetRequired } from 'type-fest';
+type RequiredTag<C extends TagContentType = TagContentType, S extends StickType = StickType> = SetRequired<Tag<C, S>, 'id' | 'data' | 'enabled' | 'config' | 'stickType' | 'contentType'>;
+export type TagInstance<C extends TagContentType = TagContentType, S extends StickType = StickType> = RequiredTag<C, S> & Partial<{
+    screenPosition: {
+        leftPercent: number;
+        topPercent: number;
+    } | null;
+    temporaryState: {
+        visible: boolean;
+    };
+    tag3DContentSvelte: {
+        svelteApp: TagContentSvelte;
+        /** @deprecated rename to css3DInstance */
+        domContainer: NonNullable<Create3DDomContainerReturnType>;
+        css3DInstance: NonNullable<Create3DDomContainerReturnType>;
+        initialNormal: Vector3;
+        currentNormal: Vector3;
+        dispose: () => void;
+    };
+    initialConfig: TagConfig<C>;
+    mediaPlane: ImagePlane | VideoPlane;
+    model: {
+        promise: Promise<TagGLTFObject>;
+        object?: TagGLTFObject;
+    };
+    mediaVisible: boolean;
+    play: () => void;
+    pause: () => void;
+}> & {
+    state: {
+        visible?: boolean;
+        unfolded: boolean;
+    };
+    hooks: Subscribe<TagEvents>;
+    unfold: () => void;
+    fold: () => void;
+    enable: () => void;
+    disable: () => void;
+    destroy: () => void;
+};
+export {};

package/libs/PanoTagPlugin/typings/tag/TagInstance.js

@@ -0,0 +1 @@
+