@realsee/dnalogel 3.10.0 → 3.10.2

package/libs/AreaMakerPlugin/Controller.d.ts

@@ -16,8 +16,6 @@ export declare class Controller extends BasePlugin.Controller<PluginType.State,
     data?: PluginType.PluginData;
     /** tag 容器 */
     tagDomContainer: HTMLDivElement;
-    /** 用于监听容器尺寸变化的 iframe */
-    resizeIframe: HTMLIFrameElement;
     /** 插件配置项 */
     get config(): {
         modelDepthTest: boolean;

package/libs/AreaMakerPlugin/Controller.js

@@ -1,41 +1,41 @@
-var C = Object.defineProperty, M = Object.defineProperties;
-var I = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var u = (h, r, t) => r in h ? C(h, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[r] = t, d = (h, r) => {
-  for (var t in r || (r = {}))
-    S.call(r, t) && u(h, t, r[t]);
-  if (p)
-    for (var t of p(r))
-      A.call(r, t) && u(h, t, r[t]);
+var M = Object.defineProperty, C = Object.defineProperties;
+var S = Object.getOwnPropertyDescriptors;
+var f = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var m = (h, o, t) => o in h ? M(h, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[o] = t, d = (h, o) => {
+  for (var t in o || (o = {}))
+    A.call(o, t) && m(h, t, o[t]);
+  if (f)
+    for (var t of f(o))
+      _.call(o, t) && m(h, t, o[t]);
   return h;
-}, f = (h, r) => M(h, I(r));
-var o = (h, r, t) => (u(h, typeof r != "symbol" ? r + "" : r, t), t);
-var m = (h, r, t) => new Promise((i, e) => {
+}, p = (h, o) => C(h, S(o));
+var r = (h, o, t) => (m(h, typeof o != "symbol" ? o + "" : o, t), t);
+var u = (h, o, t) => new Promise((i, e) => {
   var s = (n) => {
     try {
-      l(t.next(n));
-    } catch (c) {
-      e(c);
+      c(t.next(n));
+    } catch (l) {
+      e(l);
     }
   }, a = (n) => {
     try {
-      l(t.throw(n));
-    } catch (c) {
-      e(c);
+      c(t.throw(n));
+    } catch (l) {
+      e(l);
     }
-  }, l = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(s, a);
-  l((t = t.apply(h, r)).next());
+  }, c = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(s, a);
+  c((t = t.apply(h, o)).next());
 });
 import * as g from "three";
-import { Controller as _ } from "../base/BasePluginWithData.js";
+import { Controller as k } from "../base/BasePluginWithData.js";
 import "hammerjs";
 import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { equal as k } from "../shared-utils/equal.js";
-import { AreaMakerItem as y } from "./utils/Item.js";
+import { equal as I } from "../shared-utils/equal.js";
+import { AreaMakerItem as D } from "./utils/Item.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/url/absoluteUrl.js";
@@ -61,7 +61,8 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-class at extends _ {
+import "../shared-utils/dom/resizeObserver.js";
+class ht extends k {
   /** AreaMakerPlugin
    * @param `five` `<Five>` Five 实例
    * @param `params` `<PluginType.Params> | <undefined>` 插件初始化参数
@@ -71,43 +72,41 @@ class at extends _ {
     super(t);
     // ==================== public properties ====================
     /** 插件当前状态 */
-    o(this, "state");
+    r(this, "state");
     /** 标注模型 { id: item } 的映射表 */
-    o(this, "itemMap");
+    r(this, "itemMap");
     /** 自定义 DOM */
-    o(this, "itemRenderer");
+    r(this, "itemRenderer");
     /** 标注模型容器 */
-    o(this, "modelGroup");
+    r(this, "modelGroup");
     /** 当前使用的数据 */
-    o(this, "data");
+    r(this, "data");
     /** tag 容器 */
-    o(this, "tagDomContainer");
-    /** 用于监听容器尺寸变化的 iframe */
-    o(this, "resizeIframe");
+    r(this, "tagDomContainer");
     /** 查询问题使用的调试对象 */
-    o(this, "checkMsg", {
+    r(this, "checkMsg", {
       childrenMountedState: ""
     });
     // ==================== private properties ====================
     /** 是否在 Five Change Mode 动画中 */
-    o(this, "isInFiveChangeModeAnime", !1);
+    r(this, "isInFiveChangeModeAnime", !1);
     /** 子组件是否挂载 */
-    o(this, "childrenMountedState", !1);
+    r(this, "childrenMountedState", !1);
     /** config 的原始值 */
-    o(this, "_config");
+    r(this, "_config");
     /** disposed 的原始值 */
-    o(this, "_disposed", !1);
+    r(this, "_disposed", !1);
     /** 销毁插件，移除所有副作用，销毁后将不响应任何 API */
-    o(this, "dispose", () => {
+    r(this, "dispose", () => {
       this.five.scene.remove(this.modelGroup);
     });
-    o(this, "onFiveInitAnimationWillStart", () => {
+    r(this, "onFiveInitAnimationWillStart", () => {
       this.isInFiveChangeModeAnime = !0, this.updateChildrenMountedState();
     });
-    o(this, "onFiveInitAnimationEnded", () => {
+    r(this, "onFiveInitAnimationEnded", () => {
       this.isInFiveChangeModeAnime = !1, this.updateChildrenMountedState();
     });
-    o(this, "onFiveCameraUpdate", () => {
+    r(this, "onFiveCameraUpdate", () => {
       const t = this.five.camera;
       [...this.itemMap.values()].sort((e, s) => {
         const a = e.tagPosition.distanceTo(t.position);
@@ -117,22 +116,22 @@ class at extends _ {
         (a = this.getMaskItemByID(e.id)) == null || a.setTagZIndex(s * 10);
       });
     });
-    o(this, "onFiveModeChange", () => {
+    r(this, "onFiveModeChange", () => {
       this.updateChildrenMountedState();
     });
-    o(this, "onMakerTagClick", (t) => {
+    r(this, "onMakerTagClick", (t) => {
       this.hooks.emit("wantsTap", { target: t.target, intersectObjects: [] });
     });
-    o(this, "onWantsFiveTapGesture", (t) => {
+    r(this, "onWantsFiveTapGesture", (t) => {
       const i = Array.from(this.itemMap.values()).filter((n) => n.mounted && n.visible).map((n) => ({
         makerItem: n,
         intersects: n.modelGroup.getRaycastIntersects(t)
       })).filter(({ intersects: n }) => n.length > 0);
       if (i.length === 0)
         return;
-      const e = i.reduce((n, c) => {
-        const v = n.intersects[0].distance, b = c.intersects[0].distance;
-        return v < b ? n : c;
+      const e = i.reduce((n, l) => {
+        const v = n.intersects[0].distance, b = l.intersects[0].distance;
+        return v < b ? n : l;
       }), s = this.five.model.intersectRaycaster(t)[0];
       if (this.config.modelDepthTest && s && s.distance < e.intersects[0].distance)
         return;
@@ -142,7 +141,7 @@ class at extends _ {
       }))
         return !1;
     });
-    this.five = t, this.tagDomContainer = document.createElement("div"), this.tagDomContainer.style.position = "absolute", this.tagDomContainer.style.top = "0", this.tagDomContainer.style.left = "0", this.tagDomContainer.style.width = "100%", this.tagDomContainer.style.height = "100%", this.tagDomContainer.style.pointerEvents = "none", this.resizeIframe = document.createElement("iframe"), this.resizeIframe.style.position = "absolute", this.resizeIframe.style.top = "0", this.resizeIframe.style.left = "0", this.resizeIframe.style.width = "100%", this.resizeIframe.style.height = "100%", this.resizeIframe.style.border = "none", this.resizeIframe.style.pointerEvents = "none", this.resizeIframe.style.zIndex = "-1", this.tagDomContainer.appendChild(this.resizeIframe);
+    this.five = t, this.tagDomContainer = document.createElement("div"), this.tagDomContainer.style.position = "absolute", this.tagDomContainer.style.top = "0", this.tagDomContainer.style.left = "0", this.tagDomContainer.style.width = "100%", this.tagDomContainer.style.height = "100%", this.tagDomContainer.style.pointerEvents = "none";
     const e = {
       enabled: !0,
       visible: !0
@@ -163,10 +162,10 @@ class at extends _ {
   }
   /** 加载数据，重复调用会使用新数据覆盖旧数据 */
   load(t) {
-    return m(this, null, function* () {
+    return u(this, null, function* () {
       const i = this.data;
       this.data = this.formatData(t), this.hooks.emit("dataChange", this.data, i), this.modelGroup.remove(...this.modelGroup.children), this.itemMap.forEach((e) => e.unmount()), this.itemMap.clear(), this.childrenMountedState = !1, this.checkMsg.childrenMountedState = "", this.data.list.forEach((e) => {
-        const s = new y(this, e);
+        const s = new D(this, e);
         s.itemRenderer = this.itemRenderer, this.modelGroup.add(s.modelGroup), this.itemMap.set(e.id, s), s.hooks.on("tagClick", this.onMakerTagClick);
       }), this.updateChildrenMountedState();
     });
@@ -202,7 +201,7 @@ class at extends _ {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   show(t) {
-    return m(this, null, function* () {
+    return u(this, null, function* () {
       if (this.state.visible)
         return Promise.resolve();
       if (this.disposed)
@@ -216,7 +215,7 @@ class at extends _ {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   hide(t) {
-    return m(this, null, function* () {
+    return u(this, null, function* () {
       if (this.state.visible === !1)
         return;
       const i = d({ userAction: !0 }, t);
@@ -264,7 +263,7 @@ class at extends _ {
    */
   setState(t, i = {}) {
     const e = this.state;
-    if (k(t, e, { deep: !0 }))
+    if (I(t, e, { deep: !0 }))
       return;
     const s = i.userAction !== void 0 ? i.userAction : !0;
     if (this.updateState(t, s), t.enabled !== void 0 && e.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: s }) : this._disable({ userAction: s })), t.visible !== void 0 && e.visible !== t.visible) {
@@ -292,9 +291,9 @@ class at extends _ {
     return i(t) ? {
       list: t.list.filter((e) => e.object_data.points.length >= 3).map((e) => {
         const s = new g.Shape(), a = e.object_data.points[0];
-        return s.moveTo(a[0], a[2]), e.object_data.points.slice(1).forEach((n) => s.lineTo(n[0], n[2])), s.lineTo(a[0], a[2]), f(d({}, e), {
+        return s.moveTo(a[0], a[2]), e.object_data.points.slice(1).forEach((n) => s.lineTo(n[0], n[2])), s.lineTo(a[0], a[2]), p(d({}, e), {
           floor_index: e.object_data.floorIndex,
-          object_data: f(d({}, e.object_data), {
+          object_data: p(d({}, e.object_data), {
             bottom_y: a[1] + e.object_data.fixedY,
             shape: s.toJSON(),
             height: e.object_data.height + e.object_data.fixedHeight
@@ -327,16 +326,16 @@ class at extends _ {
     this.hooks.emit("disable", { userAction: t.userAction }), this.five.scene.remove(this.modelGroup), this.updateChildrenMountedState(), this.five.needsRender = !0, this.five.off("wantsTapGesture", this.onWantsFiveTapGesture), this.five.off("initAnimationWillStart", this.onFiveInitAnimationWillStart), this.five.off("initAnimationEnded", this.onFiveInitAnimationEnded), this.five.off("modeChange", this.onFiveModeChange), this.five.off("cameraUpdate", this.onFiveCameraUpdate);
   }
   _show(t) {
-    return m(this, null, function* () {
+    return u(this, null, function* () {
       this.hooks.emit("show", t), this.five.needsRender = !0;
     });
   }
   _hide(t) {
-    return m(this, null, function* () {
+    return u(this, null, function* () {
       this.hooks.emit("hide", t), this.five.needsRender = !0;
     });
   }
 }
 export {
-  at as Controller
+  ht as Controller
 };

package/libs/AreaMakerPlugin/index.js

@@ -33,7 +33,8 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-const K = (r, o) => new t(r, o);
+import "../shared-utils/dom/resizeObserver.js";
+const L = (r, o) => new t(r, o);
 export {
-  K as AreaMakerPlugin
+  L as AreaMakerPlugin
 };

package/libs/AreaMakerPlugin/utils/Item.d.ts

@@ -70,6 +70,7 @@ export declare class AreaMakerItem {
     private isInContainerResizeAnimation;
     /** 监听容器 resize 的计时器 id，用于判断 resize 过程是否结束 */
     private containerResizeTimeoutID;
+    private resizeObserver?;
     constructor(plugin: Controller, data: PluginType.ServerAreaMakerItem);
     /** 挂载标注 */
     mount(): void;

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,7 +1,7 @@
 var f = Object.defineProperty;
-var b = (a, e, t) => e in a ? f(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var i = (a, e, t) => (b(a, typeof e != "symbol" ? e + "" : e, t), t);
-import * as n from "three";
+var b = (n, e, t) => e in n ? f(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var i = (n, e, t) => (b(n, typeof e != "symbol" ? e + "" : e, t), t);
+import * as a from "three";
 import "hammerjs";
 import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -13,6 +13,7 @@ import { BetterTween as T } from "../../shared-utils/animationFrame/BetterTween.
 import { LabelItem as C } from "../../components/AreaLabel/LabelItem.js";
 import { getCenterPointOfPoints as O } from "../../shared-utils/math/planimetry.js";
 import { Subscribe as v } from "../../shared-utils/Subscribe.js";
+import { resizeObserver as M } from "../../shared-utils/dom/resizeObserver.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -29,7 +30,7 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../components/AreaLabel/Assets/roomLabelBg.js";
-class M extends k {
+class P extends k {
   constructor(t) {
     super();
     i(this, "areaMakerItem");
@@ -39,7 +40,7 @@ class M extends k {
     this.areaMakerItem.makerObject.raycast(t, s);
   }
 }
-class tt {
+class it {
   constructor(e, t) {
     i(this, "id");
     /** 标注名称 */
@@ -77,9 +78,9 @@ class tt {
     /** 标注标签是否可见 */
     i(this, "tagVisible", !0);
     /** 标注标签的世界坐标 */
-    i(this, "tagPosition", new n.Vector3());
+    i(this, "tagPosition", new a.Vector3());
     /** 标注标签的 NDC 坐标 */
-    i(this, "tagNDCPosition", new n.Vector3());
+    i(this, "tagNDCPosition", new a.Vector3());
     /** 标注标签的 transform */
     i(this, "tagTransform", { left: 0, top: 0 });
     /** 标注标签的显示层级 */
@@ -98,6 +99,7 @@ class tt {
     i(this, "isInContainerResizeAnimation", !1);
     /** 监听容器 resize 的计时器 id，用于判断 resize 过程是否结束 */
     i(this, "containerResizeTimeoutID", null);
+    i(this, "resizeObserver");
     /** 显示标注 */
     // public show() {
     // return this.doOpacityAnime({
@@ -188,7 +190,7 @@ class tt {
         return { result: !1, msg: "标注整体不可见" };
       if (this.isInContainerResizeAnimation)
         return { result: !1, msg: "处于容器 resize 动画中" };
-      const t = this.plugin.five, s = new n.Raycaster(), o = t.camera.position.clone();
+      const t = this.plugin.five, s = new a.Raycaster(), o = t.camera.position.clone();
       s.set(o.clone(), this.tagPosition.clone().sub(o).normalize());
       const [r] = t.model.intersectRaycaster(s), l = this.tagPosition.distanceTo(t.camera.position);
       if (r && r.distance + 0.1 < l)
@@ -209,32 +211,33 @@ class tt {
       this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(t, 100);
     });
     var p, m, c, g;
-    const s = t.object_data, o = s.bottom_y, r = s.height, l = new n.Color((p = s.color) != null ? p : "#FFFFFF"), h = (m = s.opacity) != null ? m : 0.4;
-    this.data = t, this.id = t.id, this.name = (c = t.name) != null ? c : "", this.plugin = e, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new n.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new n.Mesh(d(this.shape, r), P(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new y(
-      new n.EdgesGeometry(this.makerObject.geometry),
-      new n.LineBasicMaterial({ color: l, transparent: !0 })
-    ), u(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new M(this), this.modelGroup.visible = (g = s.visible) != null ? g : !0;
+    const s = t.object_data, o = s.bottom_y, r = s.height, l = new a.Color((p = s.color) != null ? p : "#FFFFFF"), h = (m = s.opacity) != null ? m : 0.4;
+    this.data = t, this.id = t.id, this.name = (c = t.name) != null ? c : "", this.plugin = e, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = t.floor_index, this.makerObject = new a.Mesh(d(this.shape, r), V(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new y(
+      new a.EdgesGeometry(this.makerObject.geometry),
+      new a.LineBasicMaterial({ color: l, transparent: !0 })
+    ), u(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new P(this), this.modelGroup.visible = (g = s.visible) != null ? g : !0;
   }
   /** 挂载标注 */
   mount() {
-    var t;
-    if (this.mounted = !0, this.updateVisible(), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.modelGroup.add(this.makerObject, this.outline), !!this.name) {
-      const s = this.plugin.tagDomContainer, o = {
+    this.mounted = !0, this.updateVisible(), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.modelGroup.add(this.makerObject, this.outline);
+    const e = !!this.name, t = this.plugin.tagDomContainer;
+    if (e) {
+      const s = {
         data: this.data,
         content: this.name,
         visible: this.tagVisible,
         renderer: this.itemRenderer,
         transform: `translate(${this.tagTransform.left}px, ${this.tagTransform.top}px)`,
-        onClick: (r) => this.hooks.emit("tagClick", { target: this, nativeEvent: r })
+        onClick: (o) => this.hooks.emit("tagClick", { target: this, nativeEvent: o })
       };
-      this.tagApp = new C({ target: s, props: o }), this.updateTag();
+      this.tagApp = new C({ target: t, props: s }), this.updateTag();
     }
-    this.plugin.five.needsRender = !0, this.plugin.hooks.on("stateChange", this.onPluginStateChange), this.plugin.hooks.on("configChange", this.onPluginConfigChange), this.plugin.five.on("modeChange", this.updateVisible), this.plugin.five.on("modelShownFloorChange", this.updateVisible), this.plugin.five.on("cameraUpdate", this.onFiveCameraUpdate), (t = this.plugin.resizeIframe.contentWindow) == null || t.addEventListener("resize", this.onContainerResize);
+    this.plugin.five.needsRender = !0, this.plugin.hooks.on("stateChange", this.onPluginStateChange), this.plugin.hooks.on("configChange", this.onPluginConfigChange), this.plugin.five.on("modeChange", this.updateVisible), this.plugin.five.on("modelShownFloorChange", this.updateVisible), this.plugin.five.on("cameraUpdate", this.onFiveCameraUpdate), this.resizeObserver = M(this.onContainerResize, t), this.resizeObserver.observe();
   }
   /** 卸载标注 */
   unmount() {
     var e, t;
-    this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (e = this.tagApp) == null || e.$destroy(), this.tagApp = null, this.plugin.hooks.off("stateChange", this.onPluginStateChange), this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate), (t = this.plugin.resizeIframe.contentWindow) == null || t.removeEventListener("resize", this.onContainerResize);
+    this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (e = this.tagApp) == null || e.$destroy(), this.tagApp = null, this.plugin.hooks.off("stateChange", this.onPluginStateChange), this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate), (t = this.resizeObserver) == null || t.unobserve();
   }
   /** 更改标注透明度
    * @param opacity 标注透明度，范围：0-1
@@ -248,7 +251,7 @@ class tt {
    * @example setColor('#FF0000')
    */
   setColor(e) {
-    const t = new n.Color(e);
+    const t = new a.Color(e);
     this.makerObject.material.color = t, this.outline.material.color = t, this.plugin.five.needsRender = !0;
   }
   /** 更改标注高度
@@ -257,8 +260,8 @@ class tt {
   setHeight(e) {
     if (e <= 0)
       throw new Error("高度必须大于 0");
-    this.height = e, this.makerObject.geometry = d(this.shape, e), this.outline.geometry = new n.EdgesGeometry(this.makerObject.geometry);
-    const t = this.shape.extractPoints(10).shape.slice(0, -1), s = O(t), o = new n.Vector3(s.x, s.y, e);
+    this.height = e, this.makerObject.geometry = d(this.shape, e), this.outline.geometry = new a.EdgesGeometry(this.makerObject.geometry);
+    const t = this.shape.extractPoints(10).shape.slice(0, -1), s = O(t), o = new a.Vector3(s.x, s.y, e);
     u(o, this.bottomY), this.tagPosition.copy(o), this.updateTag(), this.plugin.five.needsRender = !0;
   }
   /** 更改标注标签的显示层级
@@ -274,23 +277,23 @@ class tt {
     this.tagZIndex !== e && ((t = this.tagApp) == null || t.$set({ zIndex: e }));
   }
 }
-function d(a, e) {
-  return new n.ExtrudeBufferGeometry(a, {
+function d(n, e) {
+  return new a.ExtrudeBufferGeometry(n, {
     depth: e,
     bevelEnabled: !1
   });
 }
-function P(a, e) {
-  return new n.MeshBasicMaterial({
-    color: a,
+function V(n, e) {
+  return new a.MeshBasicMaterial({
+    color: n,
     opacity: e,
     transparent: !0
   });
 }
-function u(a, e) {
-  const t = new n.Matrix4(), s = new n.Matrix4().makeRotationX(Math.PI / 2), o = new n.Matrix4().makeTranslation(0, 0, -e), r = new n.Matrix4().makeScale(1, 1, -1);
-  t.multiply(s), t.multiply(o), t.multiply(r), a.applyMatrix4(t);
+function u(n, e) {
+  const t = new a.Matrix4(), s = new a.Matrix4().makeRotationX(Math.PI / 2), o = new a.Matrix4().makeTranslation(0, 0, -e), r = new a.Matrix4().makeScale(1, 1, -1);
+  t.multiply(s), t.multiply(o), t.multiply(r), n.applyMatrix4(t);
 }
 export {
-  tt as AreaMakerItem
+  it as AreaMakerItem
 };

package/libs/CruisePlugin/Work.js

@@ -82,9 +82,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/CruisePlugin/index.js

@@ -49,9 +49,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/GuideLinePlugin/Controller.js

@@ -74,9 +74,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/GuideLinePlugin/GuideLineItem.js

@@ -43,9 +43,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -40,9 +40,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/GuideLinePlugin/index.js

@@ -52,9 +52,9 @@ import "../PanoTagPlugin/utils/addDebugPoints.js";
 import "../PanoTagPlugin/utils/tag/tagCheck.js";
 import "../PanoTagPlugin/utils/debounce.js";
 import "../PanoTagPlugin/utils/throttle.js";
-import "../PanoTagPlugin/utils/resizeObserver.js";
 import "../PanoTagPlugin/utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "../PanoTagPlugin/controller/TagRender.js";
 import "../PanoTagPlugin/controller/TagComputer.js";
 import "../PanoTagPlugin/utils/tagPosition.js";

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -12,7 +12,7 @@ var M = (b, e, i) => e in b ? $(b, e, { enumerable: !0, configurable: !0, writab
 }, D = (b, e) => w(b, E(e));
 import * as F from "three";
 import { is3DTag as z, isMediaModelTag as R } from "../utils/tag/tagCheck.js";
-import { getTagCenterPosition as I, getTagPosition as O } from "../utils/tagPosition.js";
+import { getTagCenterPosition as C, getTagPosition as O } from "../utils/tagPosition.js";
 import { checkRange as h } from "../utils/checkRange.js";
 import { isPanoramaLike as y, isModelLike as Z } from "../../shared-utils/five/mode.js";
 import "hammerjs";
@@ -64,7 +64,8 @@ import "../utils/tag/adaptConfig.js";
 import "../../shared-utils/typescript/entries.js";
 import "../../shared-utils/url/getUrl.js";
 import "../../shared-utils/five/transformPosition.js";
-const C = new F.Raycaster();
+const I = new F.Raycaster();
+I.params.Points.threshold = 0.1;
 class Je extends H {
   constructor(e) {
     super(e);
@@ -254,7 +255,7 @@ class Je extends H {
    * @description 一个点的标签
    */
   getTagProject(e) {
-    const i = I(e);
+    const i = C(e);
     if (!i)
       return;
     const { x: f, y: t, z: o } = i.project(this.five.camera);
@@ -271,20 +272,20 @@ class Je extends H {
       (() => {
         var g;
         const v = (g = f.checkPoints) != null ? g : "center";
-        return v === "center" ? I(e) : v === "corner" ? O(e) : Array.isArray(v) ? v : [];
+        return v === "center" ? C(e) : v === "corner" ? O(e) : Array.isArray(v) ? v : [];
       })()
     );
     let s = 0, c = 0;
     for (const v of d) {
       const g = new F.Vector3().subVectors(v, o).normalize();
-      C.set(o, g);
-      const P = o.distanceTo(v), [l] = this.five.model.intersectRaycaster(C), p = (() => {
+      I.set(o, g);
+      const P = o.distanceTo(v), [l] = this.five.model.intersectRaycaster(I), p = (() => {
         if (!R(e))
           return;
         const V = this.tags.filter(R).map((A) => {
           var T;
           return (T = A.model) == null ? void 0 : T.object;
-        }).filter(q), [B] = C.intersectObjects(V, !0);
+        }).filter(q), [B] = I.intersectObjects(V, !0);
         return B;
       })(), S = (r = f.distanceAccuracy) != null ? r : 0.01;
       Math.min((a = l == null ? void 0 : l.distance) != null ? a : 1 / 0, (u = p == null ? void 0 : p.distance) != null ? u : 1 / 0) + S >= P ? s++ : c++;
@@ -306,7 +307,7 @@ class Je extends H {
     var o, d, s, c, n, r, a;
     let i = 0;
     const f = (o = e.fiveState) == null ? void 0 : o.panoIndex;
-    f !== void 0 ? i = (d = this.work.observers[f]) == null ? void 0 : d.floorIndex : i = N(this.work, (a = (r = (c = (s = e.model) == null ? void 0 : s.object) == null ? void 0 : c.position) != null ? r : (n = e.mediaPlane) == null ? void 0 : n.position) != null ? a : I(e));
+    f !== void 0 ? i = (d = this.work.observers[f]) == null ? void 0 : d.floorIndex : i = N(this.work, (a = (r = (c = (s = e.model) == null ? void 0 : s.object) == null ? void 0 : c.position) != null ? r : (n = e.mediaPlane) == null ? void 0 : n.position) != null ? a : C(e));
     const t = this.five.model.shownFloor;
     return t === null || t === i;
   }

package/libs/PanoTagPlugin/controller/index.js

@@ -35,9 +35,9 @@ import { arrayPositionToVector3 as P } from "../../shared-utils/positionToVector
 import { isMediaModelTag as _, isModelTag as k } from "../utils/tag/tagCheck.js";
 import { debounce as V } from "../utils/debounce.js";
 import { throttle as D } from "../utils/throttle.js";
-import { resizeObserver as S } from "../utils/resizeObserver.js";
 import L from "../utils/tag/format.js";
 import { generateBlankAudio as N, AudioNamespace as G } from "../../shared-utils/audio.js";
+import { resizeObserver as S } from "../../shared-utils/dom/resizeObserver.js";
 import { TagRender as z } from "./TagRender.js";
 import { uuid as x } from "../../shared-utils/uuid.js";
 import { isModelLike as $ } from "../../shared-utils/five/mode.js";

package/libs/PanoTagPlugin/index.js

@@ -10,9 +10,9 @@ import "../shared-utils/positionToVector3.js";
 import "./utils/tag/tagCheck.js";
 import "./utils/debounce.js";
 import "./utils/throttle.js";
-import "./utils/resizeObserver.js";
 import "./utils/tag/format.js";
 import "../shared-utils/audio.js";
+import "../shared-utils/dom/resizeObserver.js";
 import "./controller/TagRender.js";
 import "./controller/TagComputer.js";
 import "./utils/tagPosition.js";

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

@@ -7,4 +7,3 @@ export * from './normalPositionToPositions';
 export * from './debounce';
 export * from './throttle';
 export * from './search';
-export * from './resizeObserver';

package/libs/PanoTagPlugin/utils/index.js

@@ -1,28 +1,26 @@
-import { addDebugPoints as p } from "./addDebugPoints.js";
+import { addDebugPoints as a } from "./addDebugPoints.js";
 import { noTypecheck as n } from "./noTypecheck.js";
 import { planeNormal as f } from "./planeNormal.js";
 import { getTagCenterPosition as l, getTagPosition as c } from "./tagPosition.js";
 import { checkRange as h } from "./checkRange.js";
 import { normalPositionToPositions as T } from "./normalPositionToPositions.js";
-import { debounce as u } from "./debounce.js";
+import { debounce as b } from "./debounce.js";
 import { throttle as k } from "./throttle.js";
 import { binarySearchFirstBig as F, searchFirstValueSmallThanLastValue as S } from "./search.js";
-import { resizeObserver as v } from "./resizeObserver.js";
 import "three";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
 export {
-  p as addDebugPoints,
+  a as addDebugPoints,
   F as binarySearchFirstBig,
   h as checkRange,
-  u as debounce,
+  b as debounce,
   l as getTagCenterPosition,
   c as getTagPosition,
   n as noTypecheck,
   T as normalPositionToPositions,
   f as planeNormal,
-  v as resizeObserver,
   S as searchFirstValueSmallThanLastValue,
   k as throttle
 };