@realsee/dnalogel 3.0.0-dev.2 → 3.0.0

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -1,39 +1,39 @@
-var H = Object.defineProperty, J = Object.defineProperties;
-var U = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
-var _ = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var k = (a, r, e) => r in a ? H(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e, C = (a, r) => {
+var U = Object.defineProperty, X = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var w = (a, r, e) => r in a ? U(a, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[r] = e, C = (a, r) => {
   for (var e in r || (r = {}))
-    _.call(r, e) && k(a, e, r[e]);
-  if (F)
-    for (var e of F(r))
-      X.call(r, e) && k(a, e, r[e]);
+    K.call(r, e) && w(a, e, r[e]);
+  if (R)
+    for (var e of R(r))
+      Q.call(r, e) && w(a, e, r[e]);
   return a;
-}, L = (a, r) => J(a, U(r));
-var d = (a, r, e) => (k(a, typeof r != "symbol" ? r + "" : r, e), e);
-import { defaultGlobalConfig as q } from "../typings/tag/TagConfig.js";
-import { objectAssignDeepExports as b } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import * as K from "three";
-import { DefaultConfig as Q } from "../tag.config.js";
-import { anyPositionToVector3 as Y, arrayPositionToVector3 as w } from "../../shared-utils/positionToVector3.js";
-import { planeNormal as E } from "../utils/planeNormal.js";
-import { getTagCenterPosition as x } from "../utils/tagPosition.js";
-import { normalPositionToPositions as Z } from "../utils/normalPositionToPositions.js";
-import { TagCache as ee } from "./TagCache.js";
-import { writable as ie } from "../../vendor/svelte/store/index.js";
-import { isIOSWX as te } from "../../shared-utils/device.js";
-import { Five as oe } from "@realsee/five";
-import { isMediaPlaneTag as ne, isMediaModelTag as B, isPlaneTag as re, isPoint3DTag as se } from "../utils/tag/tagCheck.js";
-import { VideoPlane as fe } from "../utils/model/mediaPlane.js";
-import { FiveDomEvents as ae } from "../../shared-utils/five/FiveDomEvents.js";
-import R from "../utils/tag/adaptConfig.js";
-import { isPanoramaLike as W, isModelLike as N } from "../../shared-utils/five/mode.js";
+}, B = (a, r) => X(a, q(r));
+var d = (a, r, e) => (w(a, typeof r != "symbol" ? r + "" : r, e), e);
+import { defaultGlobalConfig as Y } from "../typings/tag/TagConfig.js";
+import { objectAssignDeepExports as P } from "../../vendor/object-assign-deep/objectAssignDeep.js";
+import * as Z from "three";
+import { DefaultConfig as ee } from "../tag.config.js";
+import { anyPositionToVector3 as ie, arrayPositionToVector3 as E } from "../../shared-utils/positionToVector3.js";
+import { planeNormal as W } from "../utils/planeNormal.js";
+import { getTagCenterPosition as N } from "../utils/tagPosition.js";
+import { normalPositionToPositions as te } from "../utils/normalPositionToPositions.js";
+import { TagCache as oe } from "./TagCache.js";
+import { writable as ne } from "../../vendor/svelte/store/index.js";
+import { isIOSWX as re } from "../../shared-utils/device.js";
+import { Five as se } from "@realsee/five";
+import { isMediaPlaneTag as fe, isMediaModelTag as G, isPlaneTag as ae, isPoint3DTag as ce } from "../utils/tag/tagCheck.js";
+import { VideoPlane as le } from "../utils/model/mediaPlane.js";
+import { FiveDomEvents as de } from "../../shared-utils/five/FiveDomEvents.js";
+import _ from "../utils/tag/adaptConfig.js";
+import { isPanoramaLike as j, isModelLike as $ } from "../../shared-utils/five/mode.js";
 import "hammerjs";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { entries as G } from "../../shared-utils/typescript/entries.js";
-import { getUrlExt as $ } from "../../shared-utils/url/getUrl.js";
+import { entries as z } from "../../shared-utils/typescript/entries.js";
+import { getUrlExt as H } from "../../shared-utils/url/getUrl.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
@@ -58,12 +58,13 @@ import "../Assets/Icon.js";
 import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
-class ti extends ee {
+import "../../shared-utils/five/calculateThreeMouse.js";
+class si extends oe {
   constructor(e) {
     super(e);
     d(this, "tags", []);
-    d(this, "config", Q);
-    d(this, "mediaStore", ie({
+    d(this, "config", ee);
+    d(this, "mediaStore", ne({
       currentMediaElement: null
     }));
     /** css3DRenderPlugin */
@@ -74,10 +75,10 @@ class ti extends ee {
       resizeObserverDisposerAdding: !1,
       css3DRenderDisposer: /* @__PURE__ */ new Map()
     });
-    d(this, "domEvents", new ae(this.five));
+    d(this, "domEvents", new de(this.five));
     d(this, "mouseInfo");
     d(this, "loadVideoFirstFrame", () => {
-      te && this.hooks.emit("loadVideoFirstFrame");
+      re && this.hooks.emit("loadVideoFirstFrame");
     });
     d(this, "preventWhenMouseDown", () => {
       var e;
@@ -87,7 +88,7 @@ class ti extends ee {
     this.five.on("wantsMoveToPano", this.preventWhenMouseDown), this.five.on("wantsTapGesture", this.preventWhenMouseDown), this.mediaStore.subscribe(({ currentMediaElement: i }) => {
       this.tags.forEach((o) => {
         var t;
-        if (o.mediaPlane instanceof fe && i !== o.mediaPlane.videoInstance) {
+        if (o.mediaPlane instanceof le && i !== o.mediaPlane.videoInstance) {
           if (!((t = o.mediaPlane.videoInstance) != null && t.src) || i === o.mediaPlane.videoInstance)
             return;
           o.mediaPlane.pause();
@@ -125,11 +126,12 @@ class ti extends ee {
   }
   updateTagConfig() {
     this.clearCache(), this.tags.forEach((e) => {
-      var t;
+      var o;
       const i = this.getTagConfig(e, { useCache: !1 });
-      e.config = i;
-      const o = JSON.parse(JSON.stringify(e.data));
-      e.data = (t = i.initialData) != null && t.important ? b(e.data, o, i.initialData) : b(e.data, i.initialData, o);
+      if (e.config = i, e.config.initialData) {
+        const t = JSON.parse(JSON.stringify(e.data));
+        e.data = (o = i.initialData) != null && o.important ? P(e.data, t, i.initialData) : P(e.data, i.initialData, t);
+      }
     });
   }
   can(e, i) {
@@ -159,15 +161,15 @@ class ti extends ee {
         return;
       const t = e.data.mediaData;
       if (!(!t || t.length === 0) && o.renderType === "Mesh") {
-        if (ne(e)) {
+        if (fe(e)) {
           if (t.length === 1) {
             if (t[0].type === "Video")
               return "Mesh";
             if (t[0].type === "Image")
-              return $(t[0].url) === "gif" ? "BehindDom" : "Mesh";
+              return H(t[0].url) === "gif" ? "Dom" : "Mesh";
           }
-        } else if (B(e))
-          return t.length === 1 && t[0].type === "Image" ? $(t[0].url) === "gif" ? "BehindDom" : "Mesh" : "BehindDom";
+        } else if (G(e))
+          return t.length === 1 && t[0].type === "Image" ? H(t[0].url) === "gif" ? "Dom" : "Mesh" : "BehindDom";
       }
     })();
     return i != null ? i : "Dom";
@@ -187,44 +189,44 @@ class ti extends ee {
       const f = (n = (s = this.five.work) == null ? void 0 : s.observers[o]) == null ? void 0 : n.position;
       if (f === void 0)
         throw new Error(`getAngle(): observerPosition is ${f}`);
-      const c = (() => e.stickType === "3DPoint" ? Y(e.normal) : E(e.position))();
-      if (!c)
+      const u = (() => e.stickType === "3DPoint" ? ie(e.normal) : W(e.position))();
+      if (!u)
         return;
-      const g = x(e);
+      const g = N(e);
       if (!g)
         return;
-      const u = new K.Vector3().copy(f).sub(g), v = c.angleTo(u) * 180 / Math.PI;
-      return t.angle = v, t.angle;
+      const l = new Z.Vector3().copy(f).sub(g), T = u.angleTo(l) * 180 / Math.PI;
+      return t.angle = T, t.angle;
     }
   }
   /**
    * @description: 获取距离
    */
   getDistance(e, i) {
-    var c, g;
-    const o = C(C({}, this.five.getCurrentState()), i), { panoIndex: t, mode: s } = o, n = W(s) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
+    var u, g;
+    const o = C(C({}, this.five.getCurrentState()), i), { panoIndex: t, mode: s } = o, n = j(s) ? this.getPanoIndexCache({ panoIndex: t, id: e.id }) : void 0;
     if ((n == null ? void 0 : n.distance) !== void 0)
       return n.distance;
-    const f = x(e);
+    const f = N(e);
     if (!f)
       return -1;
-    if (W(s)) {
-      const u = (g = (c = this.five.work) == null ? void 0 : c.observers[t]) == null ? void 0 : g.position;
-      if (u === void 0)
+    if (j(s)) {
+      const l = (g = (u = this.five.work) == null ? void 0 : u.observers[t]) == null ? void 0 : g.position;
+      if (l === void 0)
         return -1;
-      const v = u.distanceTo(f);
-      return n && (n.distance = v), v;
+      const T = l.distanceTo(f);
+      return n && (n.distance = T), T;
     }
-    if (N(s))
+    if ($(s))
       return this.five.camera.position.distanceTo(f);
   }
   getPositions(e) {
-    if (re(e))
+    if (ae(e))
       return e.position;
-    if (B(e))
+    if (G(e))
       return e.data.mediaPosition;
-    if (se(e))
-      return Z(this.five.camera.position, w(e.position), w(e.normal));
+    if (ce(e))
+      return te(this.five.camera.position, E(e.position), E(e.normal));
   }
   addObjectClickHandler(e, i, o) {
     if (!i || !this.domEvents)
@@ -242,11 +244,11 @@ class ti extends ee {
   }
   getTagNormal(e) {
     if (e.normal)
-      return w(e.normal);
+      return E(e.normal);
     if (e.stickType === "Plane")
-      return E(e.position);
+      return W(e.position);
     if (e.stickType === "Model")
-      return E(this.getPositions(e));
+      return W(this.getPositions(e));
   }
   // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
   get filterPointTag() {
@@ -282,52 +284,46 @@ class ti extends ee {
    * @description: 获取merge后的配置
    */
   calculateTagConfig(e, i) {
-    var v, j, A;
-    const o = (v = i == null ? void 0 : i.useCache) != null ? v : !0;
+    var A, I, S, O;
+    const o = (A = i == null ? void 0 : i.useCache) != null ? A : !0;
     if (!e)
-      return (j = this.config.globalConfig) != null ? j : {};
-    if (o && ((A = e.config) != null && A._isMerged))
+      return (I = this.config.globalConfig) != null ? I : {};
+    if (o && ((S = e.config) != null && S._isMerged))
       return e.config;
     const t = {}, s = {}, n = {};
     this.config.contentTypeConfig && Object.entries(this.config.contentTypeConfig).forEach(([p, h]) => {
-      var I, O;
-      const l = p, D = l.split("-"), S = p.startsWith("["), y = S ? D[0].slice(1, -1) : void 0, T = S ? D.slice(1) : D, M = y ? ["PanoramaLike", "ModelLike"].includes(y) ? (I = s[y]) != null ? I : s[y] = {} : (O = n[y]) != null ? O : n[y] = {} : t;
-      if (!M[l]) {
-        if (T.length === 0 && (M[l] = h), T.length === 1) {
-          const [m] = T;
-          (e.contentType === m || m === "Any") && (M[l] = h);
+      var F, L;
+      const c = p, k = c.split("-"), V = p.startsWith("["), y = V ? k[0].slice(1, -1) : void 0, v = V ? k.slice(1) : k, M = y ? ["PanoramaLike", "ModelLike"].includes(y) ? (F = s[y]) != null ? F : s[y] = {} : (L = n[y]) != null ? L : n[y] = {} : t;
+      if (!M[c]) {
+        if (v.length === 0 && (M[c] = h), v.length === 1) {
+          const [m] = v;
+          (e.contentType === m || m === "Any") && (M[c] = h);
         }
-        if (T.length === 2) {
-          const [m = "Any", P = "Any"] = T;
-          m === "Mixin" && e.contentType === P && (M[l] = h), (e.stickType === m || m === "Any") && (e.contentType === P || P === "Any") && (M[l] = h);
+        if (v.length === 2) {
+          const [m = "Any", b = "Any"] = v;
+          m === "Mixin" && e.contentType === b && (M[c] = h), (e.stickType === m || m === "Any") && (e.contentType === b || b === "Any") && (M[c] = h);
         }
-        if (T.length === 3) {
-          const [m = "Any", P, z] = T;
-          if (P === "Audio" && e.contentType === "Audio") {
-            const V = e;
-            (V.stickType === m || m === "Any") && V.data.appearance === z && (M[l] = h);
+        if (v.length === 3) {
+          const [m = "Any", b, J] = v;
+          if (b === "Audio" && e.contentType === "Audio") {
+            const x = e;
+            (x.stickType === m || m === "Any") && x.data.appearance === J && (M[c] = h);
           }
         }
       }
     });
-    const f = b(
-      {},
-      q,
-      this.config.globalConfig,
-      ...Object.values(t),
-      e.config
-    ), c = {}, g = Object.values(oe.Mode);
-    G(s).forEach(([p, h]) => {
-      g.forEach((l) => {
-        (p === "PanoramaLike" && W(l) || p === "ModelLike" && N(l)) && (c[l] = b({}, f, ...Object.values(h)));
+    const f = (O = e.config) != null && O._isMerged ? e.initialConfig : e.config, u = P({}, Y, this.config.globalConfig, ...Object.values(t)), g = P({}, u, f), l = {}, T = Object.values(se.Mode);
+    z(s).forEach(([p, h]) => {
+      T.forEach((c) => {
+        (p === "PanoramaLike" && j(c) || p === "ModelLike" && $(c)) && (l[c] = P({}, u, ...Object.values(h), f));
       });
-    }), G(n).forEach(([p, h]) => {
-      c[p] = b({}, f, ...Object.values(h));
+    }), z(n).forEach(([p, h]) => {
+      l[p] = P({}, u, ...Object.values(h), f);
     });
-    const u = L(C({}, f), { configWithFiveMode: c });
-    return R(u, e), Object.values(c).forEach((p) => R(p, e)), u._isMerged = !0, u;
+    const D = B(C({}, g), { configWithFiveMode: l });
+    return _(D, e), Object.values(l).forEach((p) => _(p, e)), D._isMerged = !0, D;
   }
 }
 export {
-  ti as TagUtil
+  si as TagUtil
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -2,15 +2,15 @@ var w = Object.defineProperty, E = Object.defineProperties;
 var U = Object.getOwnPropertyDescriptors;
 var C = Object.getOwnPropertySymbols;
 var I = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
-var b = (d, a, e) => a in d ? w(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
+var m = (d, a, e) => a in d ? w(d, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[a] = e, c = (d, a) => {
   for (var e in a || (a = {}))
-    I.call(a, e) && b(d, e, a[e]);
+    I.call(a, e) && m(d, e, a[e]);
   if (C)
     for (var e of C(a))
-      B.call(a, e) && b(d, e, a[e]);
+      B.call(a, e) && m(d, e, a[e]);
   return d;
-}, T = (d, a) => E(d, U(a));
-var l = (d, a, e) => (b(d, typeof a != "symbol" ? a + "" : a, e), e);
+}, u = (d, a) => E(d, U(a));
+var l = (d, a, e) => (m(d, typeof a != "symbol" ? a + "" : a, e), e);
 var p = (d, a, e) => new Promise((t, i) => {
   var s = (r) => {
     try {
@@ -27,13 +27,13 @@ var p = (d, a, e) => new Promise((t, i) => {
   }, n = (r) => r.done ? t(r.value) : Promise.resolve(r.value).then(s, o);
   n((e = e.apply(d, a)).next());
 });
-import * as y from "three";
+import * as v from "three";
 import { Subscribe as F } from "@realsee/five";
 import { objectAssignDeepExports as f } from "../../vendor/object-assign-deep/objectAssignDeep.js";
-import { addDebugPoints as k } from "../utils/addDebugPoints.js";
+import { addDebugPoints as M } from "../utils/addDebugPoints.js";
 import { arrayPositionToVector3 as A } from "../../shared-utils/positionToVector3.js";
-import { isMediaModelTag as M, isModelTag as R } from "../utils/tag/tagCheck.js";
-import { debounce as _ } from "../utils/debounce.js";
+import { isMediaModelTag as R, isModelTag as _ } from "../utils/tag/tagCheck.js";
+import { debounce as k } from "../utils/debounce.js";
 import { throttle as O } from "../utils/throttle.js";
 import { resizeObserver as D } from "../utils/resizeObserver.js";
 import V from "../utils/tag/format.js";
@@ -85,6 +85,7 @@ import "../../shared-utils/three/getPositionsByObjectFit.js";
 import "../../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../../shared-utils/three/getNormal.js";
 import "../../shared-utils/five/FiveDomEvents.js";
+import "../../shared-utils/five/calculateThreeMouse.js";
 import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
 import "../../shared-utils/url/getUrl.js";
@@ -166,8 +167,8 @@ import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../shared-utils/three/GLTFLoader.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/animationFrame/index.js";
-const P = "Dnalogel-PanoTagPlugin", Ai = (d) => `${P}--${d}`;
-class Di extends N {
+const P = "Dnalogel-PanoTagPlugin", Di = (d) => `${P}--${d}`;
+class Pi extends N {
   constructor(e, t) {
     super(e);
     /** state */
@@ -181,7 +182,7 @@ class Di extends N {
       e.data = f({}, e.data, t), yield this.loadModel(e), this.updateRenderAllTags();
     }));
     l(this, "whyHide", (e) => {
-      var i, s;
+      var i, s, o;
       if (!this.state.enabled)
         return { reason: `plugin.state.enabled is ${this.state.enabled}` };
       if (!this.state.visible)
@@ -192,15 +193,15 @@ class Di extends N {
       if (!t.enabled)
         return { reason: `tag ${e} enabled is ${t.enabled}` };
       if (!t.state.visible) {
-        const o = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__.reason;
-        return { reason: (s = o.type) != null ? s : o, reasonObj: o };
+        const n = (s = (i = this.getPanoIndexCache({ panoIndex: this.five.panoIndex, id: e })) == null ? void 0 : i.__debug_visible_reason__) == null ? void 0 : s.reason;
+        return { reason: (o = n.type) != null ? o : n, reasonObj: n };
       }
       return t.stickType === "Model" || t.stickType === "Plane" ? { reason: "maybe blocked by the five model" } : { reason: "check your eyes" };
     });
     l(this, "updateVisible", () => {
       const e = this.five.getCurrentState().mode;
       this.tags.forEach((t) => {
-        M(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
+        R(t) && e !== "Panorama" && this.changeTagMode(t, "behind");
       }), this.setVisible(), this.updateRenderAllTags();
     });
     l(this, "handleFiveWantsMoveToPano", (e) => {
@@ -240,24 +241,23 @@ class Di extends N {
       this.updatePointTagPosition();
     });
     l(this, "handleFivePanoArrived", () => p(this, null, function* () {
-      var e, t, i;
-      this.setVisible(), yield this.setVisibleAndUnfolded(), this.tags.forEach((s) => {
-        s.temporaryState = T(c({}, 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(R).filter((s) => {
-        var o, n;
-        return (n = (o = s.config) == null ? void 0 : o.modelConfig) == null ? void 0 : n.autoLookAtEnabled;
-      }).forEach((s) => {
-        var u;
-        const o = new y.Mesh(new y.BoxGeometry(), new y.MeshBasicMaterial()), n = (u = s.model) == null ? void 0 : u.object;
-        if (!n)
+      this.setVisible(), this.updatePointTagPosition(), yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
+        e.temporaryState = u(c({}, e.temporaryState), { visible: !0 });
+      }), this.tags.filter(_).filter((e) => {
+        var t, i;
+        return (i = (t = e.config) == null ? void 0 : t.modelConfig) == null ? void 0 : i.autoLookAtEnabled;
+      }).forEach((e) => {
+        var h;
+        const t = new v.Mesh(new v.BoxGeometry(), new v.MeshBasicMaterial()), i = (h = e.model) == null ? void 0 : h.object;
+        if (!i)
           return;
-        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 h = n.quaternion.clone(), g = o.quaternion.clone(), m = $();
-        m.onUpdate(({ progress: v }) => {
-          n.quaternion.copy(h.clone().slerp(g, v));
-        }), m.play();
+        t.position.copy(i.position), t.quaternion.copy(i.quaternion);
+        const s = this.five.camera.position;
+        t.lookAt(s.clone().setY(t.position.y));
+        const o = i.quaternion.clone(), n = t.quaternion.clone(), r = $();
+        r.onUpdate(({ progress: g }) => {
+          i.quaternion.copy(o.clone().slerp(n, g));
+        }), r.play();
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible(), this.updateRenderAllTags();
     }));
     /** 楼层切换时，需要更新标签可见性 */
@@ -287,7 +287,7 @@ class Di extends N {
       const i = yield this.addTag(e.tagList, t);
       if (this.debug)
         try {
-          k(this.five, this.tags);
+          M(this.five, this.tags);
         } catch (n) {
           console.error(n);
         }
@@ -300,12 +300,12 @@ class Di extends N {
   addTag(e, t) {
     return p(this, null, function* () {
       const s = (Array.isArray(e) ? e : [e]).map((o) => {
-        var m, u, v;
+        var b, T, y;
         const n = this.getTagConfig(o), r = JSON.parse(JSON.stringify(o.data)), h = o.config;
-        return o.config = n, T(c({}, o), {
-          enabled: (m = o.enabled) != null ? m : !0,
-          id: (u = o.id) != null ? u : z(),
-          data: (v = n.initialData) != null && v.important ? f(o.data, r, n.initialData) : f(o.data, n.initialData, r),
+        return o.config = n, u(c({}, o), {
+          enabled: (b = o.enabled) != null ? b : !0,
+          id: (T = o.id) != null ? T : z(),
+          data: (y = n.initialData) != null && y.important ? f(o.data, r, n.initialData) : f(o.data, n.initialData, r),
           state: c({
             visible: void 0,
             unfolded: !this.can("fold", o)
@@ -511,7 +511,7 @@ class Di extends N {
       }, 500),
       e
     ), { observe: n, unobserve: r } = D(
-      _(() => t(), 400),
+      k(() => t(), 400),
       e
     );
     return s(), n(), () => {
@@ -534,7 +534,7 @@ class Di extends N {
   }
 }
 export {
-  Di as PanoTagPluginController,
-  Di as default,
-  Ai as pluginFlag
+  Pi as PanoTagPluginController,
+  Pi as default,
+  Di as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Kt } from "./controller/index.js";
-import { defaultGlobalConfig as Mt } from "./typings/tag/TagConfig.js";
-import { ContentType as Ot, DimensionType as Qt, PointType as Rt } from "./Archive/deprecated.js";
+import { pluginFlag as Lt } from "./controller/index.js";
+import { defaultGlobalConfig as Nt } from "./typings/tag/TagConfig.js";
+import { ContentType as Qt, DimensionType as Rt, PointType as St } from "./Archive/deprecated.js";
 import "three";
 import "@realsee/five";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
@@ -56,6 +56,7 @@ import "../shared-utils/three/getPositionsByObjectFit.js";
 import "../shared-utils/three/FragmentTransparencyMaterial.js";
 import "../shared-utils/three/getNormal.js";
 import "../shared-utils/five/FiveDomEvents.js";
+import "../shared-utils/five/calculateThreeMouse.js";
 import "./utils/tag/adaptConfig.js";
 import "../shared-utils/typescript/entries.js";
 import "../shared-utils/url/getUrl.js";
@@ -140,14 +141,14 @@ import "@realsee/five/gltf-loader";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/five/fiveModelLoad.js";
-const Ht = (o, t) => new r(o, t);
+const It = (o, t) => new r(o, t);
 export {
-  Ot as ContentType,
-  Qt as DimensionType,
-  Ht as PanoTagPlugin,
+  Qt as ContentType,
+  Rt as DimensionType,
+  It as PanoTagPlugin,
   r as PanoTagPluginController,
-  Rt as PointType,
-  Ht as default,
-  Mt as defaultGlobalConfig,
-  Kt as pluginFlag
+  St as PointType,
+  It as default,
+  Nt as defaultGlobalConfig,
+  Lt as pluginFlag
 };

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

@@ -5,6 +5,7 @@ import type { MinMax } from './Utils';
 import type { TagInstance } from './TagInstance';
 import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
+type TagVisibleMode = Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
 export interface TagConfig<C extends TagContentType = TagContentType> {
     /**
      * @description: 显示/隐藏相关配置
@@ -57,7 +58,7 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
          * }
          * ```
          */
-        visibleFiveMode?: Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
+        visibleFiveMode?: TagVisibleMode | ((tag: TagInstance) => TagVisibleMode);
         /**
          * @description 当 visibleFiveMode 包含 'Floorplan' 或者 'MapView' 时，是否仅在当前楼层模型下可见
          * @default false

package/libs/base/BasePlugin.js

@@ -14,7 +14,7 @@ let b = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.0.0-dev.2");
+    i(this, "VERSION", "3.0.0");
     i(this, "five");
     /**
      * 插件事件钩子

package/libs/floorplan/index.js

@@ -5,3 +5,4 @@ import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/nearlyEqual.js";

package/libs/index.d.ts

@@ -24,5 +24,4 @@ export * from './PanoVideoPlugin';
 export * from './PipelinePlugin';
 export * from './AreaMakerPlugin';
 export * from './CurrentPanoImagePlugin';
-export * from './PanoTagPlugin';
 export * as Util from './shared-utils';

package/libs/index.js

@@ -281,6 +281,7 @@ import "./shared-utils/three/getPositionsByObjectFit.js";
 import "./shared-utils/three/FragmentTransparencyMaterial.js";
 import "./shared-utils/three/getNormal.js";
 import "./shared-utils/five/FiveDomEvents.js";
+import "./shared-utils/five/calculateThreeMouse.js";
 import "./PanoTagPlugin/utils/tag/adaptConfig.js";
 import "./shared-utils/typescript/entries.js";
 import "./shared-utils/url/getUrl.js";
@@ -408,7 +409,6 @@ import "./shared-utils/three/objects/LineSegments.js";
 import "./components/AreaLabel/LabelItem.js";
 import "./components/AreaLabel/Assets/roomLabelBg.js";
 import "./CurrentPanoImagePlugin/Controller.js";
-import "./shared-utils/five/adapt.js";
 import "./shared-utils/math/Interval.js";
 import "./shared-utils/math/Rectangle.js";
 import "./shared-utils/five/index.js";

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -7,13 +7,24 @@
  * 4. 重构之后只会在 wantsTapGesture 事件触发的时候做射线检测
  */
 import type { Five } from '@realsee/five';
-import type * as THREE from 'three';
-type EventName = 'click';
+import * as THREE from 'three';
+interface EventMap {
+    /**
+     * @description 点击事件
+     * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
+     */
+    click: (event: CallbackEvent) => PreventFiveEvent | void;
+    /**
+     * @description 鼠标移入事件
+     */
+    hover: (event: CallbackEvent) => void;
+    /**
+     * @description 鼠标移出事件
+     */
+    unHover: (event: CallbackEvent) => void;
+}
+type EventName = keyof EventMap;
 type PreventFiveEvent = boolean;
-/**
- * @return {PreventFiveEvent} 返回 false 可以不阻止 five 的 tap 事件; default: true
- */
-type Callback = (event: CallbackEvent) => PreventFiveEvent | void;
 interface EventHandlerConfig {
     /**
      * @default true
@@ -29,8 +40,9 @@ interface CallbackEvent {
 }
 type Object3DWithEvent = THREE.Object3D & {
     _domEvent?: {
-        [key in `${EventName}Handler`]?: Array<[Function, EventHandlerConfig]>;
+        [key in `${EventName}Handler`]?: Array<[EventMap[EventName], EventHandlerConfig]>;
     };
+    _hovered?: boolean;
 };
 export declare class FiveDomEvents {
     private five;
@@ -41,7 +53,7 @@ export declare class FiveDomEvents {
      * @note: 注意：目前需要触发物体的 added 事件和 removed 事件才会生效
      * @todo: added 和 removed 还是不太智能
      */
-    addAutoBindEventListener(...params: Parameters<InstanceType<typeof FiveDomEvents>['addEventListener']>): void;
+    addAutoBindEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): () => void;
     /**
      * @description: add event listener
      * @param params.object: object
@@ -49,10 +61,12 @@ export declare class FiveDomEvents {
      * @param params.callback: 返回 false 可以不阻止 five 的 tap 事件; default: true
      * @return {void}
      */
-    addEventListener(object: Object3DWithEvent, event: EventName, callback: Callback, config?: EventHandlerConfig): void;
+    addEventListener<T extends EventName>(object: Object3DWithEvent, event: T, callback: EventMap[T], config?: EventHandlerConfig): void;
     removeEventListener(object: Object3DWithEvent, event: EventName, callback: (e: CallbackEvent) => any, ...args: any[]): void;
     dispose(): void;
-    private handleWantsTapGesture;
+    private getRaycaster;
+    private handleWantsGesture;
+    private onDomEvent;
     private objectIsBound;
     private notify;
 }