@realsee/dnalogel 2.21.0-dev.7 → 2.21.0-dev.8

package/libs/PanoMeasurePlugin/Model/area.js

@@ -1,14 +1,14 @@
 var m = Object.defineProperty;
 var d = (o, e, i) => e in o ? m(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i;
 var t = (o, e, i) => (d(o, typeof e != "symbol" ? e + "" : e, i), i);
-import * as r from "three";
+import * as h from "three";
 import { uuid as f } from "../../shared-utils/uuid.js";
 import { Subscribe as c } from "@realsee/five";
 import u from "./line.js";
 import v from "./polygon.js";
 import { Polyline as y } from "./polyline.js";
-import h from "./point.js";
-import { AreaItem as I } from "../utils/dom/areaDom.js";
+import p from "./point.js";
+import { AreaItem as C } from "../utils/dom/areaDom.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
@@ -21,11 +21,12 @@ import "earcut";
 import "../../shared-utils/removeArrayItem.js";
 import "../utils/geometryUtil.js";
 import "../../shared-utils/three/centerPoint.js";
-class V {
+class O {
   constructor(e, i) {
     t(this, "id", f());
     t(this, "selected", !1);
     t(this, "text");
+    t(this, "type", "area");
     t(this, "lightMesh");
     t(this, "areaItem");
     t(this, "hook", new c());
@@ -50,11 +51,11 @@ class V {
       this.five && (this.polyline.lines.forEach((e) => e.distanceItem.update(this.five)), this.areaItem.updateDomPosition(this.five));
     });
     var n;
-    e && (this.points = e), this.model = i.model, this.polygon = new v(e), this.polyline = new y({ model: i.model }), this.areaItem = new I({
+    e && (this.points = e), this.model = i.model, this.polygon = new v(e), this.polyline = new y({ model: i.model }), this.areaItem = new C({
       area: this,
       clickCallback: (a, s) => {
-        const p = a.clientX + "px", l = a.clientY + "px";
-        this.hook.emit("selected", this, { left: p, top: l });
+        const r = a.clientX + "px", l = a.clientY + "px";
+        this.hook.emit("selected", this, { left: r, top: l });
       }
     }), this.domContainer = i.domContainer || null, this.meshContainer = i.meshContainer || null, this.five = i.five || null, this.areaItem.appendTo(this.domContainer), (n = this.five) == null || n.on("cameraUpdate", this.updateDom);
   }
@@ -63,18 +64,24 @@ class V {
     this.points = this.points.concat(e);
     const i = this.points.at(-2), n = this.points.at(-1);
     if (i && n) {
-      const s = new u(new h(i), new h(n), this.polyline.model);
+      const s = new u(new p(i), new p(n), this.polyline.model);
       this.polyline.addLine(s), this.meshContainer.add(s.mesh), this.five && (s.distanceItem.setCanSelect(!1), s.distanceItem.appendTo(this.domContainer), s.distanceItem.update(this.five));
     }
-    (a = this.meshContainer) != null && a.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new r.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
+    (a = this.meshContainer) != null && a.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new h.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
   }
+  /**
+   * @description: 移除最后一个添加的点
+   */
   popPoint() {
     this.points.pop();
     const e = this.polyline.lines.pop();
-    e && e.remove(), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length < 3 && (this.planeHelper = null);
+    e == null || e.remove(), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length < 3 && (this.planeHelper = null);
   }
-  refresh() {
-    this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five);
+  /**
+   * @description: 自动补全多边形的各个边
+   */
+  complete() {
+    this.points.at(-1).equals(this.points[0]) || this.addPoints(this.points[0]);
   }
   hideArea() {
     this.polygon.visible = !1, this.areaItem.hide();
@@ -86,7 +93,7 @@ class V {
    * @description: 获取一个点投影在当前平面上的点
    */
   projectPoint(e) {
-    return e && (this.planeHelper ? this.planeHelper.projectPoint(e, new r.Vector3()) : e);
+    return e && (this.planeHelper ? this.planeHelper.projectPoint(e, new h.Vector3()) : e);
   }
   remove() {
     this.polygon.removeFromParent(), this.areaItem.remove(), this.polyline.lines.forEach((e) => e.remove());
@@ -99,5 +106,5 @@ class V {
   }
 }
 export {
-  V as default
+  O as default
 };

package/libs/PanoMeasurePlugin/Model/polygon.d.ts

@@ -5,6 +5,7 @@ export default class PolygonMesh extends IObject3D {
     readonly isPolygonMesh = true;
     geometry: THREE.BufferGeometry;
     isBlank: boolean;
+    points: THREE.Vector3[];
     constructor(points?: THREE.Vector3[]);
     /**
      * @description: 按照新的端点来更新多边形的geometry

package/libs/PanoMeasurePlugin/Model/polygon.js

@@ -1,18 +1,19 @@
 var m = Object.defineProperty;
 var c = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var n = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
+var s = (o, t, e) => (c(o, typeof t != "symbol" ? t + "" : t, e), e);
 import * as r from "three";
-import { IObject3D as d } from "../../shared-utils/three/IObject3D.js";
-import h from "../utils/generatePolygonGeometry.js";
+import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
+import d from "../utils/generatePolygonGeometry.js";
 import "earcut";
-const u = new r.BufferGeometry();
-class B extends d {
+const p = new r.BufferGeometry();
+class B extends h {
   constructor(e) {
     super();
-    n(this, "isPolygonMesh", !0);
-    n(this, "geometry", new r.BufferGeometry());
-    n(this, "isBlank", !0);
-    const s = new r.MeshBasicMaterial({
+    s(this, "isPolygonMesh", !0);
+    s(this, "geometry", new r.BufferGeometry());
+    s(this, "isBlank", !0);
+    s(this, "points", []);
+    const n = new r.MeshBasicMaterial({
       color: 6522623,
       transparent: !0,
       side: r.DoubleSide,
@@ -25,18 +26,19 @@ class B extends d {
       depthTest: !1,
       depthWrite: !1,
       opacity: 0.2
-    }), a = new r.Mesh(this.geometry, s), i = new r.Mesh(this.geometry, l);
-    a.renderOrder = 10, i.renderOrder = 0, e && this.updatePoints(e), this.add(a, i);
+    }), i = new r.Mesh(this.geometry, n), a = new r.Mesh(this.geometry, l);
+    i.renderOrder = 10, a.renderOrder = 0, e && this.updatePoints(e), this.add(i, a);
   }
   /**
    * @description: 按照新的端点来更新多边形的geometry
    */
   updatePoints(e) {
-    const s = h(e);
-    s ? (this.geometry.copy(s), this.isBlank = !1) : (this.geometry.copy(u), this.isBlank = !0);
+    this.points = e;
+    const n = d(e);
+    n ? (this.geometry.copy(n), this.isBlank = !1) : (this.geometry.copy(p), this.isBlank = !0);
   }
 }
 export {
-  u as blankGeometry,
+  p as blankGeometry,
   B as default
 };

package/libs/PanoMeasurePlugin/Modules/DeleteDom/index.d.ts

@@ -6,21 +6,25 @@ export default class DeleteDom {
     private lines;
     private points;
     private onClick;
-    private cancelDelete;
+    private cancel;
     private content;
     private container;
     private masking;
+    private target;
     constructor(five: Five, opts?: {
-        onClick?: (e: MouseEvent) => void;
-        cancelDelete?: (e: MouseEvent) => void;
+        onClick?: (e: MouseEvent, target: any) => void;
+        cancel?: (target: any) => void;
         i18n?: (key: string) => string;
     });
     dispose(): void;
     appendTo(element: Element): this;
     setLines(lines: Line[]): this;
+    setTarget(target: any): this;
     updatePosition(left?: string, top?: string): this;
     hide(): this;
     show(): this;
+    private clickHandler;
+    private cancelHandler;
     private onMouseEnter;
     private onMouseLeave;
 }

package/libs/PanoMeasurePlugin/Modules/DeleteDom/index.js

@@ -1,63 +1,73 @@
 var f = Object.defineProperty;
-var k = (r, e, t) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var n = (r, e, t) => (k(r, typeof e != "symbol" ? e + "" : e, t), t);
+var k = (r, t, e) => t in r ? f(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (k(r, typeof t != "symbol" ? t + "" : t, e), e);
 import x from "./_Assets/delete.svg.js";
-import p from "./_Assets/delete_bg.png.js";
+import y from "./_Assets/delete_bg.png.js";
 import E from "./_Assets/delete_hover_bg.png.js";
 class $ {
-  constructor(e, t) {
+  constructor(t, e) {
     n(this, "visible", !1);
     n(this, "five");
     n(this, "lines", []);
     n(this, "points", []);
     n(this, "onClick");
-    n(this, "cancelDelete");
+    n(this, "cancel");
     n(this, "content", document.createElement("div"));
     n(this, "container", document.createElement("div"));
     n(this, "masking", document.createElement("div"));
+    n(this, "target");
+    n(this, "clickHandler", (t) => {
+      this.onClick(t, this.target);
+    });
+    n(this, "cancelHandler", () => {
+      this.cancel(this.target);
+    });
     n(this, "onMouseEnter", () => {
       this.content.style.backgroundImage = `url(${E})`;
     });
     n(this, "onMouseLeave", () => {
-      this.content.style.backgroundImage = `url(${p})`;
+      this.content.style.backgroundImage = `url(${y})`;
     });
     var c, o;
-    this.five = e, this.onClick = (t == null ? void 0 : t.onClick) || (() => {
-    }), this.cancelDelete = (t == null ? void 0 : t.cancelDelete) || (() => {
-    }), this.container.classList.add("fpm__delete"), this.container.style.opacity = "0", this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "10px", this.container.style.transform = "translate3d(0, 0, 10px)", this.container.style.pointerEvents = "none", this.container.style.transition = "opacity 200ms ease", this.container.style.zIndex = "99", this.content.classList.add("fpm__delete-content"), this.content.style.width = "62px", this.content.style.height = "26px", this.content.style.display = "flex", this.content.style.alignItems = "center", this.content.style.justifyContent = "center", this.content.style.transform = "translate(-50%, -50%)", this.content.style.color = "#fff", this.content.style.fontSize = "12px", this.content.style.lineHeight = "17px", this.content.style.borderRadius = "11px", this.content.style.backgroundSize = "100% 100%", this.content.style.cursor = "pointer", this.content.style.userSelect = "none", this.content.style.backgroundImage = `url(${p})`, this.content.innerHTML = `
+    this.five = t, this.onClick = (e == null ? void 0 : e.onClick) || (() => {
+    }), this.cancel = (e == null ? void 0 : e.cancel) || (() => {
+    }), this.container.classList.add("fpm__delete"), this.container.style.opacity = "0", this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "10px", this.container.style.transform = "translate3d(0, 0, 10px)", this.container.style.pointerEvents = "none", this.container.style.transition = "opacity 200ms ease", this.container.style.zIndex = "99", this.content.classList.add("fpm__delete-content"), this.content.style.width = "62px", this.content.style.height = "26px", this.content.style.display = "flex", this.content.style.alignItems = "center", this.content.style.justifyContent = "center", this.content.style.transform = "translate(-50%, -50%)", this.content.style.color = "#fff", this.content.style.fontSize = "12px", this.content.style.lineHeight = "17px", this.content.style.borderRadius = "11px", this.content.style.backgroundSize = "100% 100%", this.content.style.cursor = "pointer", this.content.style.userSelect = "none", this.content.style.backgroundImage = `url(${y})`, this.content.innerHTML = `
       ${x}
-      <span>${(o = (c = t.i18n) == null ? void 0 : c.call(t, "删除")) != null ? o : "删除"}</span>
+      <span>${(o = (c = e.i18n) == null ? void 0 : c.call(e, "删除")) != null ? o : "删除"}</span>
     `, this.container.append(this.content);
     const s = this.content.querySelector(".fpm__delete-icon");
-    s && (s.style.width = "16px", s.style.height = "17px", s.style.marginRight = "1px"), this.content.addEventListener("click", this.onClick), this.content.addEventListener("mouseenter", this.onMouseEnter), this.content.addEventListener("mouseleave", this.onMouseLeave), this.masking.setAttribute("style", "position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;"), this.masking.addEventListener("click", this.cancelDelete), this.masking.addEventListener("touchstart", this.cancelDelete);
+    s && (s.style.width = "16px", s.style.height = "17px", s.style.marginRight = "1px"), this.content.addEventListener("click", this.clickHandler), this.content.addEventListener("mouseenter", this.onMouseEnter), this.content.addEventListener("mouseleave", this.onMouseLeave), this.masking.setAttribute("style", "position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;"), this.masking.addEventListener("click", this.cancelHandler), this.masking.addEventListener("touchstart", this.cancelHandler);
   }
   dispose() {
-    this.content.removeEventListener("click", this.onClick), this.content.removeEventListener("mouseenter", this.onMouseEnter), this.content.removeEventListener("mouseleave", this.onMouseLeave), this.container.remove(), this.masking.removeEventListener("click", this.cancelDelete), this.masking.removeEventListener("touchstart", this.cancelDelete), this.masking.remove();
+    this.content.removeEventListener("click", this.clickHandler), this.content.removeEventListener("mouseenter", this.onMouseEnter), this.content.removeEventListener("mouseleave", this.onMouseLeave), this.container.remove(), this.masking.removeEventListener("click", this.cancelHandler), this.masking.removeEventListener("touchstart", this.cancelHandler), this.masking.remove();
+  }
+  appendTo(t) {
+    return t.append(this.container), t.append(this.masking), this;
   }
-  appendTo(e) {
-    return e.append(this.container), e.append(this.masking), this;
+  setLines(t) {
+    return this.lines = t, this.points = Array.from(new Set(this.lines.map((e) => [e.points[0], e.points[1]]).flat(1))), this;
   }
-  setLines(e) {
-    return this.lines = e, this.points = Array.from(new Set(this.lines.map((t) => [t.points[0], t.points[1]]).flat(1))), this;
+  setTarget(t) {
+    return this.target = t, this;
   }
-  updatePosition(e, t) {
-    if (e && t)
-      return this.container.style.left = e, this.container.style.top = t, this.show();
+  updatePosition(t, e) {
+    if (t && e)
+      return this.container.style.left = t, this.container.style.top = e, this.show();
     if (this.lines.length === 0)
       return this;
     const s = this.points.map((i) => i.position), c = s.map((i) => i.clone().project(this.five.camera));
     if (c.some((i) => Math.abs(i.z) > 1))
       return this.hide();
-    const o = c.map((i) => i.x), a = c.map((i) => i.y), d = (Math.min(...o) + Math.max(...o)) / 2, u = Math.max(...a), h = this.container.parentElement;
+    const o = c.map((i) => i.x), a = c.map((i) => i.y), p = (Math.min(...o) + Math.max(...o)) / 2, u = Math.max(...a), h = this.container.parentElement;
     if (!h)
       return this;
-    const l = (d + 1) / 2 * h.clientWidth, v = -(u - 1) / 2 * h.clientHeight;
-    let m = l, y = v - 34;
+    const l = (p + 1) / 2 * h.clientWidth, v = -(u - 1) / 2 * h.clientHeight;
+    let m = l, d = v - 34;
     if (this.lines.length === 1 && s.length === 2) {
       const i = (a[1] - a[0]) / (o[1] - o[0]), g = -((a[1] + a[0]) / 2 - 1) / 2 * h.clientHeight;
-      Math.abs(i) > 0.4 && (m = l + 57, y = g);
+      Math.abs(i) > 0.4 && (m = l + 57, d = g);
     }
-    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${y}px, 0)`, this.show();
+    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${d}px, 0)`, this.show();
   }
   hide() {
     return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.pointerEvents = "none", this;

package/libs/PanoMeasurePlugin/Modules/UIController/index.js

@@ -3,7 +3,7 @@ var h = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writab
 var o = (i, e, t) => (h(i, typeof e != "symbol" ? e + "" : e, t), t);
 import d from "./HTML.js";
 import u from "./mobileHTML.js";
-import { controllerBackgroundStyle as y, operatingSpaceStyle as f, uiWrapperStyle as v, textStyle as C, exitItemStyle as g, exitIconStyle as S } from "./style.js";
+import { controllerBackgroundStyle as y, operatingSpaceStyle as f, uiWrapperStyle as v, textStyle as C, exitItemStyle as S, exitIconStyle as g } from "./style.js";
 import { MainBtnController as _ } from "./MainBtnController.js";
 import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
 import E from "./Revoke/index.js";
@@ -12,8 +12,6 @@ import k from "../../Components/Controller1.js";
 import "../../../vendor/svelte/internal/index.js";
 import "../../Components/Common/Switcher0.js";
 import "../../Components/Common/Exit.js";
-import "../../Components/Common/Switcher1.js";
-import "../../Components/Common/CircleButton.js";
 import "../../Controller/EditController.js";
 import "../../Model/line.js";
 import "../../../shared-utils/uuid.js";
@@ -72,9 +70,17 @@ import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/getIntersectionFromEvent.js";
 import "../../../shared-utils/getPointFromHammerEvent.js";
+import "../DeleteDom/index.js";
+import "../DeleteDom/_Assets/delete.svg.js";
+import "../DeleteDom/_Assets/delete_bg.png.js";
+import "../DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../../utils/findAssociatedLines.js";
+import "../../utils/math.js";
+import "../../Components/Common/Switcher1.js";
+import "../../Components/Common/CircleButton.js";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
-class Jt {
+class Yt {
   constructor(e, t) {
     o(this, "revoke");
     o(this, "container");
@@ -88,7 +94,7 @@ class Jt {
       const e = this.container.querySelector(".fpm__exit-icon"), t = this.container.querySelector(".fpm__exit");
       if (!t || !e)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(t.style, g), Object.assign(e == null ? void 0 : e.style, S));
+      this.mode === "pc" && (Object.assign(t.style, S), Object.assign(e == null ? void 0 : e.style, g));
       const r = () => {
         t.style.opacity = "1";
       }, s = () => {
@@ -106,10 +112,10 @@ class Jt {
     if (r && (t.pointSelectorMode === "cursor" ? this.svelteDom = new x({
       target: t.container,
       props: { measureController: this.measureController }
-    }) : this.svelteDom = new k({
+    }) : t.pointSelectorMode === "fixed" && (this.svelteDom = new k({
       target: t.container,
       props: { measureController: this.measureController }
-    })), !r) {
+    }))), !r) {
       t.container.appendChild(this.container);
       const l = this.container.querySelectorAll(".fpm__text"), m = this.container.querySelector(".fpm_ui-bg"), p = this.container.querySelector(".fpm_operating-space");
       Object.assign(m == null ? void 0 : m.style, y), Object.assign(p == null ? void 0 : p.style, f), Object.assign(this.container.style, v), l.forEach((a) => Object.assign(a.style, C));
@@ -128,5 +134,5 @@ class Jt {
   }
 }
 export {
-  Jt as UIController
+  Yt as UIController
 };

package/libs/PanoMeasurePlugin/index.js

@@ -60,16 +60,16 @@ import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/getIntersectionFromEvent.js";
 import "../shared-utils/getPointFromHammerEvent.js";
-import "./Controller/ViewController.js";
-import "./Controller/WatchController.js";
 import "./Modules/DeleteDom/index.js";
 import "./Modules/DeleteDom/_Assets/delete.svg.js";
 import "./Modules/DeleteDom/_Assets/delete_bg.png.js";
 import "./Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "./utils/findAssociatedLines.js";
 import "./utils/math.js";
+import "./Controller/ViewController.js";
+import "./Controller/WatchController.js";
 import "./utils/findClosestPoint.js";
 import "./utils/ndc2Screen.js";
-import "./utils/findAssociatedLines.js";
 import "./Controller/MixedController.js";
 import "./Modules/rangePiece/index.js";
 import "../shared-utils/noop.js";

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.js

@@ -1,11 +1,11 @@
-import * as n from "three";
+import * as r from "three";
 import u from "earcut";
 function m(i) {
-  const t = i.slice();
+  const t = [...new Set(i)];
   if (t.length < 3)
     return;
   t.at(-1).equals(t[0]) || t.push(t[0]);
-  const r = t.flatMap((o) => [o.x, o.y, o.z]), s = new n.Float32BufferAttribute(r, 3), a = u(r, void 0, 3), e = new n.BufferGeometry();
+  const n = t.flatMap((o) => [o.x, o.y, o.z]), s = new r.Float32BufferAttribute(n, 3), a = u(n, void 0, 3), e = new r.BufferGeometry();
   return e.setAttribute("position", s), e.setIndex(a), e.name = "PolygonGeometry", e;
 }
 export {

package/libs/base/BasePlugin.js

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

package/libs/index.js

@@ -184,16 +184,16 @@ import "./PanoMeasurePlugin/Modules/rangePiece/html.js";
 import "./shared-utils/isTouchDevice.js";
 import "./shared-utils/getIntersectionFromEvent.js";
 import "./shared-utils/getPointFromHammerEvent.js";
-import "./PanoMeasurePlugin/Controller/ViewController.js";
-import "./PanoMeasurePlugin/Controller/WatchController.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/index.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/_Assets/delete.svg.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/_Assets/delete_bg.png.js";
 import "./PanoMeasurePlugin/Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "./PanoMeasurePlugin/utils/findAssociatedLines.js";
 import "./PanoMeasurePlugin/utils/math.js";
+import "./PanoMeasurePlugin/Controller/ViewController.js";
+import "./PanoMeasurePlugin/Controller/WatchController.js";
 import "./PanoMeasurePlugin/utils/findClosestPoint.js";
 import "./PanoMeasurePlugin/utils/ndc2Screen.js";
-import "./PanoMeasurePlugin/utils/findAssociatedLines.js";
 import "./PanoMeasurePlugin/Controller/MixedController.js";
 import "./PanoMeasurePlugin/Modules/rangePiece/index.js";
 import "./shared-utils/noop.js";

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.21.0-dev.7",
+    "%c %c@realsee/dnalogel %cv2.21.0-dev.8",
     [
       "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/libs/shared-utils/three/PointSelector.js

@@ -2,21 +2,21 @@ var c = Object.defineProperty, u = Object.defineProperties;
 var v = Object.getOwnPropertyDescriptors;
 var l = Object.getOwnPropertySymbols;
 var S = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var n = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, o = (s, e) => {
+var r = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, o = (s, e) => {
   for (var t in e || (e = {}))
-    S.call(e, t) && n(s, t, e[t]);
+    S.call(e, t) && r(s, t, e[t]);
   if (l)
     for (var t of l(e))
-      P.call(e, t) && n(s, t, e[t]);
+      P.call(e, t) && r(s, t, e[t]);
   return s;
 }, m = (s, e) => u(s, v(e));
-var i = (s, e, t) => (n(s, typeof e != "symbol" ? e + "" : e, t), t);
+var i = (s, e, t) => (r(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { Subscribe as H } from "@realsee/five";
 import { PointSelectorHelper as w } from "./PointSelectorHelper.js";
 import { isTouchDevice as b } from "../isTouchDevice.js";
 import E from "hammerjs";
 import { getIntersectionFromEvent as d } from "../getIntersectionFromEvent.js";
-const r = () => !1;
+const n = () => !1;
 class I {
   constructor(e, t) {
     i(this, "hook", new H());
@@ -98,14 +98,14 @@ class I {
     const e = this.five.getElement();
     if (!e)
       throw new Error("five element not found");
-    this.hammer || (this.hammer = new E(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", r), this.five.on("wantsTapGesture", r), e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e.addEventListener("mouseenter", this.pointSelectorHelper.show), e.addEventListener("mouseout", this.pointSelectorHelper.hide), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
+    this.hammer || (this.hammer = new E(e)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.on("wantsMoveToPano", n), this.five.on("wantsTapGesture", n), e.addEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e.addEventListener("mouseenter", this.onEnter), e.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
   }
   disable() {
     if (!this.enabled)
       return;
     this.enabled = !1, this.pointSelectorHelper.disable();
     const e = this.five.getElement();
-    this.five.off("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", r), this.five.off("wantsTapGesture", r), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+    this.five.off("intersectionOnModelUpdate", this.pointSelectorHelper.updateWithIntersect), this.five.off("wantsMoveToPano", n), this.five.off("wantsTapGesture", n), e == null || e.removeEventListener("mousemove", this.pointSelectorHelper.updateByMousePosition), e == null || e.removeEventListener("mouseenter", this.onEnter), e == null || e.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();

package/libs/shared-utils/three/PointSelectorHelper.js

@@ -1,12 +1,12 @@
-var f = Object.defineProperty, u = Object.defineProperties;
+var m = Object.defineProperty, u = Object.defineProperties;
 var g = Object.getOwnPropertyDescriptors;
-var m = Object.getOwnPropertySymbols;
+var f = Object.getOwnPropertySymbols;
 var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-var l = (t, i, e) => i in t ? f(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, h = (t, i) => {
+var l = (t, i, e) => i in t ? m(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, h = (t, i) => {
   for (var e in i || (i = {}))
     b.call(i, e) && l(t, e, i[e]);
-  if (m)
-    for (var e of m(i))
+  if (f)
+    for (var e of f(i))
       v.call(i, e) && l(t, e, i[e]);
   return t;
 }, c = (t, i) => u(t, g(i));
@@ -28,10 +28,10 @@ class E {
     r(this, "state", { enabled: !1 });
     r(this, "group", new s.Group());
     r(this, "show", () => {
-      this.pointHelper.visible = !0, this.pointDomHelper.enable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "visible");
+      this.pointHelper.visible = !0, this.pointDomHelper.enable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "visible"), this.five.needsRender = !0;
     });
     r(this, "hide", () => {
-      this.pointHelper.visible = !1, this.pointDomHelper.disable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "hidden");
+      this.pointHelper.visible = !1, this.pointDomHelper.disable(), this.magnifier.canvas && (this.magnifier.canvas.style.visibility = "hidden"), this.five.needsRender = !0;
     });
     r(this, "updateWithIntersect", (i) => {
       var n;

package/package.json

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