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

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.d.ts

@@ -3,6 +3,7 @@ export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
     container?: Element;
     mode?: UIMode;
+    pointSelectorMode?: 'fixed' | 'cursor';
     useNewUI?: boolean;
     startButtonText?: string;
     endButtonText?: string;

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

@@ -3,19 +3,16 @@ 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 b, exitIconStyle as g } 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 E } from "./mobileMainBtnController.js";
-import S from "./Revoke/index.js";
+import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
+import E from "./Revoke/index.js";
 import x from "../../Components/Controller0.js";
 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 "hammerjs";
 import "../../Model/line.js";
 import "../../../shared-utils/uuid.js";
 import "../../utils/line.js";
@@ -31,8 +28,6 @@ import "../../../shared-utils/removeArrayItem.js";
 import "../../../shared-utils/throttle.js";
 import "../../Controller/BaseController.js";
 import "../../utils/ironbox.js";
-import "../../utils/getIntersectionFromEvent.js";
-import "../../utils/getPointFromHammerEvent.js";
 import "../../Model/polyline.js";
 import "../../Model/area.js";
 import "../../Model/polygon.js";
@@ -46,6 +41,7 @@ import "../../utils/isIntersecting.js";
 import "../../../shared-utils/three/PointSelector.js";
 import "../../../shared-utils/three/PointSelectorHelper.js";
 import "../../../shared-utils/three/Magnifier.js";
+import "hammerjs";
 import "../../../shared-utils/three/getIntersect.js";
 import "../../../shared-utils/three/PointHelper.js";
 import "../../../shared-utils/three/Assets/index.js";
@@ -68,11 +64,23 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../../shared-utils/isAbsoluteURL.js";
+import "../../../shared-utils/absoluteUrl.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/isTouchDevice.js";
-class Ft {
+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 Yt {
   constructor(e, t) {
     o(this, "revoke");
     o(this, "container");
@@ -86,7 +94,7 @@ class Ft {
       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, b), Object.assign(e == null ? void 0 : e.style, g));
+      this.mode === "pc" && (Object.assign(t.style, S), Object.assign(e == null ? void 0 : e.style, g));
       const r = () => {
         t.style.opacity = "1";
       }, s = () => {
@@ -101,10 +109,10 @@ class Ft {
     var s, n;
     this._params = t, this.measureController = e, this.mode = (s = t.mode) != null ? s : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? u : d, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)";
     const r = (n = t.useNewUI) != null ? n : !1;
-    if (r && (this.mode === "pc" ? this.svelteDom = new x({
+    if (r && (t.pointSelectorMode === "cursor" ? this.svelteDom = new x({
       target: t.container,
       props: { measureController: this.measureController }
-    }) : this.mode === "mobile" && (this.svelteDom = new k({
+    }) : t.pointSelectorMode === "fixed" && (this.svelteDom = new k({
       target: t.container,
       props: { measureController: this.measureController }
     }))), !r) {
@@ -118,7 +126,7 @@ class Ft {
     this.hide(), (e = this.svelteDom) == null || e.$destroy(), this.container.remove();
   }
   show() {
-    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new S(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new E(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new E(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new b(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
   }
   hide() {
     var e, t;
@@ -126,5 +134,5 @@ class Ft {
   }
 }
 export {
-  Ft as UIController
+  Yt as UIController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/style.d.ts

@@ -1,11 +1,3 @@
-export declare const addHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png";
-export declare const addNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png";
-export declare const cancelHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png";
-export declare const cancelNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png";
-export declare const doneHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png";
-export declare const doneNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png";
-export declare const exitImage = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png";
-export declare const revokeImage = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png";
 export declare const uiWrapperStyle: Partial<CSSStyleDeclaration>;
 export declare const operatingSpaceStyle: Partial<CSSStyleDeclaration>;
 export declare const controllerBackgroundStyle: Partial<CSSStyleDeclaration>;

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

@@ -1,4 +1,4 @@
-const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png", t = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png", a = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png", n = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png", o = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png", r = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png", s = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png", c = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png", l = {
+const t = {
   display: "none",
   position: "absolute",
   top: "0",
@@ -8,7 +8,7 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   opacity: "0",
   transform: "translate(0, 10px)",
   transition: "opacity 500ms ease-in-out, transform 500ms ease-in-out"
-}, i = {
+}, e = {
   position: "absolute",
   left: "50%",
   bottom: "32px",
@@ -21,7 +21,7 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   pointerEvents: "all",
   color: "#fff",
   zIndex: "10"
-}, m = {
+}, n = {
   position: "absolute",
   bottom: "0",
   left: "0",
@@ -30,41 +30,33 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   height: "184px",
   background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
   zIndex: "0"
-}, d = {
+}, o = {
   margin: "0 64px"
-}, p = {
+}, i = {
   opacity: "0.85"
-}, g = {
+}, a = {
   width: "72px",
   height: "72px",
   backgroundSize: "100%",
   cursor: "pointer",
   transition: "all 200ms ease-in-out"
-}, b = {
+}, s = {
   width: "24px",
   height: "24px",
   marginRight: "4px",
   backgroundSize: "100%",
   cursor: "pointer"
-}, u = {
+}, r = {
   userSelect: "none",
   pointerEvents: "none"
 };
 export {
-  e as addHoverImage,
-  t as addNormalImage,
-  a as cancelHoverImage,
-  n as cancelNormalImage,
-  m as controllerBackgroundStyle,
-  o as doneHoverImage,
-  r as doneNormalImage,
-  b as exitIconStyle,
-  s as exitImage,
-  p as exitItemStyle,
-  g as mainIconStyle,
-  d as mainItemStyle,
-  i as operatingSpaceStyle,
-  c as revokeImage,
-  u as textStyle,
-  l as uiWrapperStyle
+  n as controllerBackgroundStyle,
+  s as exitIconStyle,
+  i as exitItemStyle,
+  a as mainIconStyle,
+  o as mainItemStyle,
+  e as operatingSpaceStyle,
+  r as textStyle,
+  t as uiWrapperStyle
 };

package/libs/PanoMeasurePlugin/index.js

@@ -1,13 +1,12 @@
 import t from "./Controller/index.js";
-import { default as To } from "./Modules/Magnifier.js";
-import { Model as Vo } from "./Model/index.js";
-import { default as Xo } from "./Model/point.js";
-import { default as Zo } from "./Model/line.js";
-import { Polyline as $o } from "./Model/polyline.js";
+import { default as Vo } from "./Modules/Magnifier.js";
+import { Model as Xo } from "./Model/index.js";
+import { default as Zo } from "./Model/point.js";
+import { default as $o } from "./Model/line.js";
+import { Polyline as rr } from "./Model/polyline.js";
 import "./Modules/FiveHelper.js";
 import "three";
 import "./Controller/EditController.js";
-import "hammerjs";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
 import "./utils/ironbox.js";
@@ -20,8 +19,6 @@ import "./utils/dom/distanceItem.js";
 import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
 import "../shared-utils/removeArrayItem.js";
-import "./utils/getIntersectionFromEvent.js";
-import "./utils/getPointFromHammerEvent.js";
 import "./Model/area.js";
 import "./Model/polygon.js";
 import "../shared-utils/three/IObject3D.js";
@@ -34,6 +31,7 @@ import "./utils/isIntersecting.js";
 import "../shared-utils/three/PointSelector.js";
 import "../shared-utils/three/PointSelectorHelper.js";
 import "../shared-utils/three/Magnifier.js";
+import "hammerjs";
 import "../shared-utils/three/getIntersect.js";
 import "../shared-utils/three/PointHelper.js";
 import "../shared-utils/three/Assets/index.js";
@@ -56,20 +54,22 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/isTouchDevice.js";
-import "./Controller/ViewController.js";
-import "./Controller/WatchController.js";
+import "../shared-utils/getIntersectionFromEvent.js";
+import "../shared-utils/getPointFromHammerEvent.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";
@@ -91,18 +91,20 @@ import "./Components/Common/Exit.js";
 import "./Components/Controller1.js";
 import "./Components/Common/Switcher1.js";
 import "./Components/Common/CircleButton.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
 import "./Modules/GuideController.js";
 import "./Controller/ShortcutKeyController.js";
 import "../shared-utils/safeObj.js";
-const Qo = function(o, r) {
+const So = function(o, r) {
   return new t(o, r);
 };
 export {
-  To as Magnifier,
-  Qo as PanoMeasurePlugin,
-  Zo as PanoMeasurePluginLine,
-  Vo as PanoMeasurePluginModel,
-  Xo as PanoMeasurePluginPoint,
-  $o as PanoMeasurePluginPolyline,
-  Qo as default
+  Vo as Magnifier,
+  So as PanoMeasurePlugin,
+  $o as PanoMeasurePluginLine,
+  Xo as PanoMeasurePluginModel,
+  Zo as PanoMeasurePluginPoint,
+  rr as PanoMeasurePluginPolyline,
+  So as default
 };

package/libs/PanoMeasurePlugin/typings/data.d.ts

@@ -27,6 +27,7 @@ export interface autoEndConfig {
     area?: number | null;
 }
 export type MeasureType = 'line' | 'area';
+export type PointSelectorMode = 'fixed' | 'cursor';
 export interface EditParameter {
     /**
      * @description 选择测量插件的模式
@@ -41,7 +42,7 @@ export interface EditParameter {
      * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来选点，'mouse' 为跟随鼠标移动
      * @default: 'fixed'
      */
-    pointSelectorMode?: 'fixed' | 'cursor';
+    pointSelectorMode?: PointSelectorMode;
     autoEndConfig?: autoEndConfig;
 }
 export interface CrossHairParameter {

package/libs/PanoMeasurePlugin/typings/event.type.d.ts

@@ -24,6 +24,9 @@ type EditEvent = {
     anchorChange: (anchor: Vector3 | null) => void;
     /** 测量类型变更 */
     measureTypeChange: (measureTpe: MeasureType) => void;
+    revoke: (params: {
+        isEmpty: boolean;
+    }) => void;
     /** 差最后一次打点就可以完成完成 */
     readyComplete: () => void;
     /** 一条线段或者一个面积编辑完成 */

package/libs/PanoMeasurePlugin/utils/dom/areaDom.js

@@ -1,29 +1,50 @@
-var m = Object.defineProperty;
-var p = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => (p(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { ItemDom as h } from "./base.js";
-import { getGeometryInfo as c } from "../geometryUtil.js";
+var p = Object.defineProperty, l = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var s = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
+  for (var t in e || (e = {}))
+    D.call(e, t) && s(o, t, e[t]);
+  if (c)
+    for (var t of c(e))
+      y.call(e, t) && s(o, t, e[t]);
+  return o;
+}, d = (o, e) => l(o, x(e));
+var u = (o, e, t) => (s(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { ItemDom as I } from "./base.js";
+import { getGeometryInfo as A } from "../geometryUtil.js";
 import "../isNDCPointInScreen.js";
 import "three";
 import "../../../shared-utils/three/centerPoint.js";
-class I extends h {
+class f extends I {
   constructor(t) {
+    t.containerStyle = d(a({}, t.containerStyle), {
+      zIndex: "1"
+    }), t.contentStyle = d(a({}, t.contentStyle), {
+      background: "#6386FF",
+      borderRadius: "2px"
+    });
     super(t);
-    s(this, "area");
-    this.params = t, this.area = t.area, this.containerDom.appendChild(this.contentDom);
+    u(this, "area");
+    this.area = t.area, this.containerDom.appendChild(this.contentDom);
   }
   /**
    * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
    */
-  updateArea(t, o) {
-    const i = o != null ? o : this.area.polygon.geometry, { area: a, center: n } = c(i);
-    console.log("center", n), this.ndcPosition = n, this.updateDomPosition(t), this.updateAreaText(a);
+  updateArea(t, n) {
+    const r = n != null ? n : this.area.polygon.geometry, i = A(r);
+    if (!i) {
+      this.ndcPosition = null, this.updateDomPosition(t);
+      return;
+    }
+    const { area: h, center: m } = i;
+    this.ndcPosition = m, this.updateDomPosition(t), this.updateAreaText(h);
   }
-  updateAreaText(t, o) {
-    const { unit: i = "m²", fix: a = 2 } = o != null ? o : {};
-    this.contentDom.innerText = `${t.toFixed(a)}${i}`;
+  updateAreaText(t, n) {
+    const { unit: r = "m²", fix: i = 2 } = n != null ? n : {};
+    this.contentDom.innerText = `${t.toFixed(i)}${r}`;
   }
 }
 export {
-  I as AreaItem
+  f as AreaItem
 };

package/libs/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -2,6 +2,8 @@ import type { Vector3 } from 'three';
 import type { Five } from '@realsee/five';
 export interface ItemDomParams {
     clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+    containerStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
 }
 export declare abstract class ItemDom {
     ndcPosition: Vector3 | null;
@@ -18,6 +20,8 @@ export declare abstract class ItemDom {
     remove(): void;
     show(): void;
     hide(): void;
+    tempHide(): void;
+    tempShow(): void;
     /**
      * @description: camera update 的时候，更新dom的位置
      */

package/libs/PanoMeasurePlugin/utils/dom/base.js

@@ -1,30 +1,30 @@
-var a = Object.defineProperty;
-var h = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var i = (e, t, n) => (h(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { isNDCPointInFront as d } from "../isNDCPointInScreen.js";
-function m() {
-  const e = document.createElement("div");
-  return e.setAttribute(
+var h = Object.defineProperty;
+var d = (e, t, i) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var n = (e, t, i) => (d(e, typeof t != "symbol" ? t + "" : t, i), i);
+import { isNDCPointInFront as y } from "../isNDCPointInScreen.js";
+function m(e) {
+  const t = document.createElement("div");
+  return t.setAttribute(
     "style",
     "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
-  ), e.style.width = "max-content", e.style.padding = "3px 6px", e.style.lineHeight = "1", e.style.textAlign = "center", e.style.transform = "translate(-50%, -50%)", e.style.borderRadius = "100px", e.style.fontSize = "14px", e.style.color = "#fff", e.style.background = "rgba(195,195,195,0.70)", e.style.border = "0.5px solid rgba(255,255,255,0.6)", e.style.cursor = "pointer", e;
+  ), t.style.width = "max-content", t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.fontSize = "14px", t.style.color = "#fff", t.style.cursor = "pointer", t.style.userSelect = "none", e != null && e.style && Object.assign(t.style, e == null ? void 0 : e.style), t;
 }
-function y(e) {
+function D(e) {
   const t = document.createElement("div");
-  return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.opacity = "0", t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", t;
+  return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", e != null && e.style && Object.assign(t.style, e.style), t;
 }
-class g {
+class u {
   constructor(t) {
-    i(this, "ndcPosition");
-    i(this, "contentDom");
-    i(this, "containerDom");
-    i(this, "params");
-    i(this, "canSelected");
-    i(this, "handleClick", (t) => {
-      var n, o;
-      (o = (n = this.params).clickCallback) == null || o.call(n, t, this);
+    n(this, "ndcPosition");
+    n(this, "contentDom");
+    n(this, "containerDom");
+    n(this, "params");
+    n(this, "canSelected");
+    n(this, "handleClick", (t) => {
+      var i, o;
+      (o = (i = this.params).clickCallback) == null || o.call(i, t, this);
     });
-    this.params = t, this.contentDom = m(), this.containerDom = y(), this.setCanSelect(!0);
+    this.params = t, this.contentDom = m({ style: t.contentStyle }), this.containerDom = D({ style: t.containerStyle }), this.setCanSelect(!0);
   }
   setCanSelect(t) {
     this.canSelected = t, this.containerDom.style.pointerEvents = t ? "all" : "none";
@@ -42,31 +42,37 @@ class g {
     this.contentDom.removeEventListener("click", this.handleClick), this.containerDom.remove();
   }
   show() {
-    this.containerDom.style.opacity = "1", this.containerDom.style.pointerEvents = this.canSelected ? "auto" : "none";
+    this.containerDom.style.visibility = "visible";
   }
   hide() {
-    this.containerDom.style.opacity = "0", this.containerDom.style.pointerEvents = "none";
+    this.containerDom.style.visibility = "hidden";
+  }
+  tempHide() {
+    this.containerDom.style.opacity = "0";
+  }
+  tempShow() {
+    this.containerDom.style.opacity = "1";
   }
   /**
    * @description: camera update 的时候，更新dom的位置
    */
   updateDomPosition(t) {
     if (!this.ndcPosition) {
-      this.hide();
+      this.tempHide();
       return;
     }
-    const n = t.getElement();
-    if (!n)
+    const i = t.getElement();
+    if (!i)
       return;
-    const o = n.clientWidth, r = n.clientHeight, s = this.ndcPosition.clone().project(t.camera);
-    if (!d(s)) {
-      this.hide();
+    const o = i.clientWidth, l = i.clientHeight, s = this.ndcPosition.clone().project(t.camera);
+    if (!y(s)) {
+      this.tempHide();
       return;
     }
-    const c = (s.x + 1) / 2 * o, l = -(s.y - 1) / 2 * r;
-    this.containerDom.style.transform = `translate(${c}px, ${l}px)`, this.show();
+    const c = (s.x + 1) / 2 * o, r = -(s.y - 1) / 2 * l;
+    this.containerDom.style.transform = `translate(${c}px, ${r}px)`, this.tempShow();
   }
 }
 export {
-  g as ItemDom
+  u as ItemDom
 };