@realsee/dnalogel 2.28.1 → 2.28.3

package/libs/AreaMakerPlugin/Controller.d.ts

@@ -14,6 +14,8 @@ 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 A = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var m = (h, o, t) => o in h ? C(h, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[o] = t, d = (h, o) => {
+var I = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var u = (h, o, t) => o in h ? C(h, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[o] = t, d = (h, o) => {
   for (var t in o || (o = {}))
-    S.call(o, t) && m(h, t, o[t]);
-  if (f)
-    for (var t of f(o))
-      _.call(o, t) && m(h, t, o[t]);
+    A.call(o, t) && u(h, t, o[t]);
+  if (p)
+    for (var t of p(o))
+      S.call(o, t) && u(h, t, o[t]);
   return h;
-}, p = (h, o) => M(h, A(o));
-var r = (h, o, t) => (m(h, typeof o != "symbol" ? o + "" : o, t), t);
-var u = (h, o, t) => new Promise((i, e) => {
+}, f = (h, o) => M(h, I(o));
+var r = (h, o, t) => (u(h, typeof o != "symbol" ? o + "" : o, t), t);
+var m = (h, o, t) => new Promise((i, e) => {
   var s = (n) => {
     try {
-      c(t.next(n));
-    } catch (l) {
-      e(l);
+      l(t.next(n));
+    } catch (c) {
+      e(c);
     }
   }, a = (n) => {
     try {
-      c(t.throw(n));
-    } catch (l) {
-      e(l);
+      l(t.throw(n));
+    } catch (c) {
+      e(c);
     }
-  }, c = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(s, a);
-  c((t = t.apply(h, o)).next());
+  }, l = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(s, a);
+  l((t = t.apply(h, o)).next());
 });
 import * as g from "three";
-import { Controller as k } from "../base/BasePluginWithData.js";
+import { Controller as _ } 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 I } from "../shared-utils/equal.js";
-import { AreaMakerItem as D } from "./utils/Item.js";
+import { equal as k } from "../shared-utils/equal.js";
+import { AreaMakerItem as y } from "./utils/Item.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "../shared-utils/absoluteUrl.js";
@@ -59,7 +59,7 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-class ot extends k {
+class ot extends _ {
   /** AreaMakerPlugin
    * @param `five` `<Five>` Five 实例
    * @param `params` `<PluginType.Params> | <undefined>` 插件初始化参数
@@ -78,6 +78,8 @@ class ot extends k {
     r(this, "data");
     /** tag 容器 */
     r(this, "tagDomContainer");
+    /** 用于监听容器尺寸变化的 iframe */
+    r(this, "resizeIframe");
     /** 查询问题使用的调试对象 */
     r(this, "checkMsg", {
       childrenMountedState: ""
@@ -124,9 +126,9 @@ class ot extends k {
       })).filter(({ intersects: n }) => n.length > 0);
       if (i.length === 0)
         return;
-      const e = i.reduce((n, l) => {
-        const v = n.intersects[0].distance, b = l.intersects[0].distance;
-        return v < b ? n : l;
+      const e = i.reduce((n, c) => {
+        const v = n.intersects[0].distance, b = c.intersects[0].distance;
+        return v < b ? n : c;
       }), s = this.five.model.intersectRaycaster(t)[0];
       if (this.config.modelDepthTest && s && s.distance < e.intersects[0].distance)
         return;
@@ -136,7 +138,7 @@ class ot extends k {
       }))
         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.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);
     const e = {
       enabled: !0,
       visible: !0
@@ -157,10 +159,10 @@ class ot extends k {
   }
   /** 加载数据，重复调用会使用新数据覆盖旧数据 */
   load(t) {
-    return u(this, null, function* () {
+    return m(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.clear(), this.data.list.forEach((e) => {
-        const s = new D(this, e);
+        const s = new y(this, e);
         this.modelGroup.add(s.modelGroup), this.itemMap.set(e.id, s), s.hooks.on("tagClick", this.onMakerTagClick);
       });
     });
@@ -196,7 +198,7 @@ class ot extends k {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   show(t) {
-    return u(this, null, function* () {
+    return m(this, null, function* () {
       if (this.state.visible)
         return Promise.resolve();
       if (this.disposed)
@@ -210,7 +212,7 @@ class ot extends k {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
    */
   hide(t) {
-    return u(this, null, function* () {
+    return m(this, null, function* () {
       if (this.state.visible === !1)
         return;
       const i = d({ userAction: !0 }, t);
@@ -258,7 +260,7 @@ class ot extends k {
    */
   setState(t, i = {}) {
     const e = this.state;
-    if (I(t, e, { deep: !0 }))
+    if (k(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) {
@@ -286,9 +288,9 @@ class ot extends k {
     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]), p(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]), f(d({}, e), {
           floor_index: e.object_data.floorIndex,
-          object_data: p(d({}, e.object_data), {
+          object_data: f(d({}, e.object_data), {
             bottom_y: a[1] + e.object_data.fixedY,
             shape: s.toJSON(),
             height: e.object_data.height + e.object_data.fixedHeight
@@ -315,18 +317,18 @@ class ot extends k {
     this.state = d(d({}, this.state), t), this.hooks.emit("stateChange", { state: this.state, prevState: e, userAction: i });
   }
   _enable(t) {
-    this.hooks.emit("enable", { userAction: t.userAction }), this.five.scene.add(this.modelGroup), this.five.needsRender = !0, this.five.on("wantsTapGesture", this.onWantsFiveTapGesture), this.five.on("initAnimationWillStart", this.onFiveInitAnimationWillStart), this.five.on("initAnimationEnded", this.onFiveInitAnimationEnded), this.five.on("modeChange", this.onFiveModeChange), this.five.on("cameraUpdate", this.onFiveCameraUpdate);
+    this.hooks.emit("enable", { userAction: t.userAction }), this.five.scene.add(this.modelGroup), this.updateChildrenMountedState(), this.five.needsRender = !0, this.five.on("wantsTapGesture", this.onWantsFiveTapGesture), this.five.on("initAnimationWillStart", this.onFiveInitAnimationWillStart), this.five.on("initAnimationEnded", this.onFiveInitAnimationEnded), this.five.on("modeChange", this.onFiveModeChange), this.five.on("cameraUpdate", this.onFiveCameraUpdate);
   }
   _disable(t) {
-    this.hooks.emit("disable", { userAction: t.userAction }), this.five.scene.remove(this.modelGroup), 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);
+    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 u(this, null, function* () {
+    return m(this, null, function* () {
       this.hooks.emit("show", t), this.five.needsRender = !0;
     });
   }
   _hide(t) {
-    return u(this, null, function* () {
+    return m(this, null, function* () {
       this.hooks.emit("hide", t), this.five.needsRender = !0;
     });
   }

package/libs/AreaMakerPlugin/index.d.ts

@@ -1,4 +1,4 @@
 import type { Five } from '@realsee/five';
 import type * as AreaMakerPluginType from './typing';
-export declare const AreaMakerPlugin: (five: Five) => AreaMakerPluginType.AreaMakerController;
+export declare const AreaMakerPlugin: (five: Five, params?: AreaMakerPluginType.Params) => AreaMakerPluginType.AreaMakerController;
 export type { AreaMakerPluginType };

package/libs/AreaMakerPlugin/index.js

@@ -1,4 +1,4 @@
-import { Controller as o } from "./Controller.js";
+import { Controller as t } from "./Controller.js";
 import "three";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
@@ -31,7 +31,7 @@ import "../components/AreaLabel/LabelItem.js";
 import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/planimetry.js";
-const H = (r) => new o(r);
+const I = (r, o) => new t(r, o);
 export {
-  H as AreaMakerPlugin
+  I as AreaMakerPlugin
 };

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

@@ -56,11 +56,16 @@ export declare class AreaMakerItem {
     };
     /** 标注标签的显示层级 */
     tagZIndex: number;
+    /** 标注实例的事件处理器 */
     hooks: Subscribe<PluginType.AreaMakerItemEventMap>;
     /** Plugin 实例 */
     private plugin;
     /** 标注透明度动画 */
     private opacityAnime?;
+    /** 是否在容器 resize 动画中 */
+    private isInContainerResizeAnimation;
+    /** 监听容器 resize 的计时器 id，用于判断 resize 过程是否结束 */
+    private containerResizeTimeoutID;
     constructor(plugin: Controller, data: PluginType.ServerAreaMakerItem);
     /** 挂载标注 */
     mount(): void;
@@ -94,6 +99,8 @@ export declare class AreaMakerItem {
     private doOpacityAnime;
     /** 插件 Config 变化时更新自身 depthTest */
     private onPluginConfigChange;
+    /** 插件整体可见性变化时，需要更新自身可见性 */
+    private onPluginStateChange;
     /** 更新标注可见性 */
     private updateVisible;
     /** 检测标注是否可见 */
@@ -110,5 +117,7 @@ export declare class AreaMakerItem {
     private checkTagVisible;
     /** 相机位姿发生变化时，更新标签 */
     private onFiveCameraUpdate;
+    /** tag container DOM 发生 resize */
+    private onContainerResize;
 }
 export {};

package/libs/AreaMakerPlugin/utils/Item.js

@@ -1,7 +1,7 @@
 var f = Object.defineProperty;
-var d = (n, t, e) => t in n ? f(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var i = (n, t, e) => (d(n, typeof t != "symbol" ? t + "" : t, e), e);
-import * as a from "three";
+var d = (a, t, e) => t in a ? f(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var i = (a, t, e) => (d(a, typeof t != "symbol" ? t + "" : t, e), e);
+import * as n from "three";
 import "hammerjs";
 import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -10,9 +10,9 @@ import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { Object3D as b } from "../../shared-utils/three/core/Object3D.js";
 import { LineSegments as k } from "../../shared-utils/three/objects/LineSegments.js";
 import { BetterTween as y } from "../../shared-utils/animationFrame/BetterTween.js";
-import { LabelItem as O } from "../../components/AreaLabel/LabelItem.js";
-import { getCenterPointOfPoints as T } from "../../shared-utils/math/planimetry.js";
-import { Subscribe as C } from "../../shared-utils/Subscribe.js";
+import { LabelItem as T } from "../../components/AreaLabel/LabelItem.js";
+import { getCenterPointOfPoints as C } from "../../shared-utils/math/planimetry.js";
+import { Subscribe as O } from "../../shared-utils/Subscribe.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -27,7 +27,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 b {
+class v extends b {
   constructor(e) {
     super();
     i(this, "areaMakerItem");
@@ -75,18 +75,23 @@ class q {
     /** 标注标签是否可见 */
     i(this, "tagVisible", !1);
     /** 标注标签的世界坐标 */
-    i(this, "tagPosition", new a.Vector3());
+    i(this, "tagPosition", new n.Vector3());
     /** 标注标签的 NDC 坐标 */
-    i(this, "tagNDCPosition", new a.Vector3());
+    i(this, "tagNDCPosition", new n.Vector3());
     /** 标注标签的 transform */
     i(this, "tagTransform", { left: 0, top: 0 });
     /** 标注标签的显示层级 */
     i(this, "tagZIndex", 0);
-    i(this, "hooks", new C());
+    /** 标注实例的事件处理器 */
+    i(this, "hooks", new O());
     /** Plugin 实例 */
     i(this, "plugin");
     /** 标注透明度动画 */
     i(this, "opacityAnime");
+    /** 是否在容器 resize 动画中 */
+    i(this, "isInContainerResizeAnimation", !1);
+    /** 监听容器 resize 的计时器 id，用于判断 resize 过程是否结束 */
+    i(this, "containerResizeTimeoutID", null);
     /** 显示标注 */
     // public show() {
     // return this.doOpacityAnime({
@@ -129,6 +134,10 @@ class q {
     i(this, "onPluginConfigChange", (t) => {
       this.makerObject.material.depthTest = t.config.modelDepthTest, this.outline.material.depthTest = t.config.modelDepthTest, this.plugin.five.needsRender = !0;
     });
+    /** 插件整体可见性变化时，需要更新自身可见性 */
+    i(this, "onPluginStateChange", () => {
+      this.updateVisible(), this.updateTagVisible();
+    });
     /** 更新标注可见性 */
     i(this, "updateVisible", () => {
       const { result: t, msg: e } = this.checkVisible();
@@ -166,7 +175,9 @@ class q {
     i(this, "checkTagVisible", () => {
       if (!this.visible)
         return { result: !1, msg: "标注整体不可见" };
-      const e = this.plugin.five, s = new a.Raycaster(), o = e.camera.position.clone();
+      if (this.isInContainerResizeAnimation)
+        return { result: !1, msg: "处于容器 resize 动画中" };
+      const e = this.plugin.five, s = new n.Raycaster(), o = e.camera.position.clone();
       s.set(o.clone(), this.tagPosition.clone().sub(o).normalize());
       const [r] = e.model.intersectRaycaster(s), l = this.tagPosition.distanceTo(e.camera.position);
       if (r && r.distance + 0.1 < l)
@@ -178,12 +189,20 @@ class q {
     i(this, "onFiveCameraUpdate", () => {
       this.tagApp && this.visible && (this.updateTagNDCPosition(), this.updateTagDomTransform(), this.updateTagVisible());
     });
+    /** tag container DOM 发生 resize */
+    i(this, "onContainerResize", () => {
+      this.isInContainerResizeAnimation === !1 && (this.isInContainerResizeAnimation = !0, this.updateTag());
+      const e = () => {
+        this.isInContainerResizeAnimation = !1, this.containerResizeTimeoutID = null, this.updateTag();
+      };
+      this.containerResizeTimeoutID && clearTimeout(this.containerResizeTimeoutID), this.containerResizeTimeoutID = setTimeout(e, 100);
+    });
     var p, c, m;
-    const s = e.object_data, o = s.bottom_y, r = s.height, l = new a.Color((p = s.color) != null ? p : "#FFFFFF"), h = (c = s.opacity) != null ? c : 0.4;
-    this.id = e.id, this.name = (m = e.name) != null ? m : "", this.plugin = t, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new a.Shape().fromJSON(s.shape), this.floorIndex = e.floor_index, this.makerObject = new a.Mesh(u(this.shape, r), v(l, h)), g(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new k(
-      new a.EdgesGeometry(this.makerObject.geometry),
-      new a.LineBasicMaterial({ color: l, transparent: !0 })
-    ), g(this.outline, o), this.outline.material.depthTest = this.plugin.config.modelDepthTest, this.setHeight(r), this.modelGroup = new M(this);
+    const s = e.object_data, o = s.bottom_y, r = s.height, l = new n.Color((p = s.color) != null ? p : "#FFFFFF"), h = (c = s.opacity) != null ? c : 0.4;
+    this.id = e.id, this.name = (m = e.name) != null ? m : "", this.plugin = t, this.height = r, this.bottomY = o, this.opacity = h, this.shape = new n.Shape().fromJSON(s.shape), this.floorIndex = e.floor_index, this.makerObject = new n.Mesh(g(this.shape, r), M(l, h)), u(this.makerObject, o), this.makerObject.material.depthTest = this.plugin.config.modelDepthTest, this.outline = new k(
+      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 v(this);
   }
   /** 挂载标注 */
   mount() {
@@ -194,14 +213,14 @@ class q {
         transform: `translate(${this.tagTransform.left}px, ${this.tagTransform.top}px)`,
         onClick: (o) => this.hooks.emit("tagClick", { target: this, nativeEvent: o })
       };
-      this.tagApp = new O({ target: e, props: s }), this.updateTag();
+      this.tagApp = new T({ target: e, props: s }), this.updateTag();
     }
-    this.plugin.five.needsRender = !0, this.plugin.hooks.on("configChange", this.onPluginConfigChange), this.plugin.hooks.on("stateChange", this.updateVisible), this.plugin.five.on("modeChange", this.updateVisible), this.plugin.five.on("modelShownFloorChange", this.updateVisible), this.plugin.five.on("cameraUpdate", this.onFiveCameraUpdate);
+    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.plugin.resizeIframe.contentWindow.addEventListener("resize", this.onContainerResize);
   }
   /** 卸载标注 */
   unmount() {
     var t;
-    this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (t = this.tagApp) == null || t.$destroy(), this.tagApp = null, this.plugin.hooks.off("configChange", this.onPluginConfigChange), this.plugin.hooks.off("stateChange", this.updateVisible), this.plugin.five.off("modeChange", this.updateVisible), this.plugin.five.off("modelShownFloorChange", this.updateVisible), this.plugin.five.off("cameraUpdate", this.onFiveCameraUpdate);
+    this.mounted = !1, this.modelGroup.remove(...this.modelGroup.children), (t = this.tagApp) == null || t.$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), this.plugin.resizeIframe.contentWindow.removeEventListener("resize", this.onContainerResize);
   }
   /** 更改标注透明度
    * @param opacity 标注透明度，范围：0-1
@@ -215,7 +234,7 @@ class q {
    * @example setColor('#FF0000')
    */
   setColor(t) {
-    const e = new a.Color(t);
+    const e = new n.Color(t);
     this.makerObject.material.color = e, this.outline.material.color = e, this.plugin.five.needsRender = !0;
   }
   /** 更改标注高度
@@ -224,9 +243,9 @@ class q {
   setHeight(t) {
     if (t <= 0)
       throw new Error("高度必须大于 0");
-    this.height = t, this.makerObject.geometry = u(this.shape, t), this.outline.geometry = new a.EdgesGeometry(this.makerObject.geometry);
-    const e = this.shape.extractPoints(10).shape.slice(0, -1), s = T(e), o = new a.Vector3(s.x, s.y, t);
-    g(o, this.bottomY), this.tagPosition.copy(o), this.updateTag(), this.plugin.five.needsRender = !0;
+    this.height = t, this.makerObject.geometry = g(this.shape, t), this.outline.geometry = new n.EdgesGeometry(this.makerObject.geometry);
+    const e = this.shape.extractPoints(10).shape.slice(0, -1), s = C(e), o = new n.Vector3(s.x, s.y, t);
+    u(o, this.bottomY), this.tagPosition.copy(o), this.updateTag(), this.plugin.five.needsRender = !0;
   }
   /** 更改标注标签的显示层级
    * @description 为什么需要这个方法
@@ -241,22 +260,22 @@ class q {
     this.tagZIndex !== t && ((e = this.tagApp) == null || e.$set({ zIndex: t }));
   }
 }
-function u(n, t) {
-  return new a.ExtrudeBufferGeometry(n, {
+function g(a, t) {
+  return new n.ExtrudeBufferGeometry(a, {
     depth: t,
     bevelEnabled: !1
   });
 }
-function v(n, t) {
-  return new a.MeshBasicMaterial({
-    color: n,
+function M(a, t) {
+  return new n.MeshBasicMaterial({
+    color: a,
     opacity: t,
     transparent: !0
   });
 }
-function g(n, t) {
-  const e = new a.Matrix4(), s = new a.Matrix4().makeRotationX(Math.PI / 2), o = new a.Matrix4().makeTranslation(0, 0, -t), r = new a.Matrix4().makeScale(1, 1, -1);
-  e.multiply(s), e.multiply(o), e.multiply(r), n.applyMatrix4(e);
+function u(a, t) {
+  const e = new n.Matrix4(), s = new n.Matrix4().makeRotationX(Math.PI / 2), o = new n.Matrix4().makeTranslation(0, 0, -t), r = new n.Matrix4().makeScale(1, 1, -1);
+  e.multiply(s), e.multiply(o), e.multiply(r), a.applyMatrix4(e);
 }
 export {
   q as AreaMakerItem

package/libs/base/BasePlugin.js

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

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.28.1",
+    "%c %c@realsee/dnalogel %cv2.28.3",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.28.1",
+  "version": "2.28.3",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",