@realsee/dnalogel 2.21.0-dev.9 → 2.21.0

package/libs/PanoMeasurePlugin/Model/point.js

@@ -1,21 +1,16 @@
-var s = Object.defineProperty;
-var n = (t, i, o) => i in t ? s(t, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[i] = o;
-var r = (t, i, o) => (n(t, typeof i != "symbol" ? i + "" : i, o), o);
-import { Vector3 as p } from "three";
+var e = Object.defineProperty;
+var p = (t, i, o) => i in t ? e(t, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[i] = o;
+var s = (t, i, o) => (p(t, typeof i != "symbol" ? i + "" : i, o), o);
+import { Vector3 as n } from "three";
 import { uuid as h } from "../../shared-utils/uuid.js";
 import { removeArrayItem as m } from "../../shared-utils/removeArrayItem.js";
-class e {
+class r {
   constructor(i) {
-    r(this, "id");
-    r(this, "lines");
-    r(this, "position");
-    r(this, "type", "point");
-    if (this.id = h(), this.lines = [], this.position = new p(), Array.isArray(i))
-      this.position.fromArray(i);
-    else if (typeof i == "object" && i.isVector3)
-      this.position.copy(i);
-    else
-      throw new Error("position must be Vector3 or number[]");
+    s(this, "id");
+    s(this, "lines");
+    s(this, "position");
+    s(this, "type", "point");
+    this.id = h(), this.lines = [], this.position = new n(), i instanceof n ? this.position.copy(i) : this.position.fromArray(i);
   }
   toJson() {
     return { id: this.id, position: this.position.toArray() };
@@ -27,9 +22,9 @@ class e {
     m(i, this.lines);
   }
   clone() {
-    return new e(this.position);
+    return new r(this.position);
   }
 }
 export {
-  e as default
+  r as default
 };

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

@@ -28,10 +28,6 @@ export declare class Polyline {
     removeLine(line: Line): void;
     isLastLine(line: Line): boolean;
     getLastLine(): Line;
-    /**
-     * @description: 获取连续线段的顶点数量
-     */
-    getPointLength(): number;
     clear(): void;
     /** 是否产生重叠 */
     overlapWith(item: Point | Line | Polyline): boolean;

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -9,11 +9,10 @@ import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
 import "three";
-import "../utils/dom/distanceItem.js";
-import "../utils/dom/base.js";
+import "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
-class S {
+class C {
   constructor(i) {
     s(this, "id", L());
     s(this, "lines", []);
@@ -48,12 +47,6 @@ class S {
   getLastLine() {
     return this.lines.slice(-1)[0];
   }
-  /**
-   * @description: 获取连续线段的顶点数量
-   */
-  getPointLength() {
-    return this.lines.length + 1;
-  }
   clear() {
     const i = this.lines.slice();
     this.lines.slice(0, this.lines.length), this.points.slice(0, this.points.length), i.reduceRight((t, h) => this.hook.emit("lineRemoved", h), void 0);
@@ -112,5 +105,5 @@ class S {
   }
 }
 export {
-  S as Polyline
+  C as Polyline
 };

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

@@ -6,25 +6,21 @@ export default class DeleteDom {
     private lines;
     private points;
     private onClick;
-    private cancel;
+    private cancelDelete;
     private content;
     private container;
     private masking;
-    private target;
     constructor(five: Five, opts?: {
-        onClick?: (e: MouseEvent, target: any) => void;
-        cancel?: (target: any) => void;
+        onClick?: (e: MouseEvent) => void;
+        cancelDelete?: (e: MouseEvent) => 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;
+    updatePosition(): this;
     hide(): this;
     show(): this;
-    private clickHandler;
-    private cancelHandler;
     private onMouseEnter;
     private onMouseLeave;
 }

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

@@ -1,81 +1,69 @@
-var f = Object.defineProperty;
-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 y from "./_Assets/delete_bg.png.js";
-import E from "./_Assets/delete_hover_bg.png.js";
-class $ {
-  constructor(t, e) {
+var v = Object.defineProperty;
+var g = (c, e, t) => e in c ? v(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
+var n = (c, e, t) => (g(c, typeof e != "symbol" ? e + "" : e, t), t);
+import f from "./_Assets/delete.svg.js";
+import p from "./_Assets/delete_bg.png.js";
+import k from "./_Assets/delete_hover_bg.png.js";
+class D {
+  constructor(e, t) {
     n(this, "visible", !1);
     n(this, "five");
     n(this, "lines", []);
     n(this, "points", []);
     n(this, "onClick");
-    n(this, "cancel");
+    n(this, "cancelDelete");
     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})`;
+      this.content.style.backgroundImage = `url(${k})`;
     });
     n(this, "onMouseLeave", () => {
-      this.content.style.backgroundImage = `url(${y})`;
+      this.content.style.backgroundImage = `url(${p})`;
     });
-    var c, o;
-    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 = e.i18n) == null ? void 0 : c.call(e, "删除")) != null ? o : "删除"}</span>
+    var o, r;
+    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 = "top 200ms ease, 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 = `
+      ${f}
+      <span>${(r = (o = t.i18n) == null ? void 0 : o.call(t, "删除")) != null ? r : "删除"}</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.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);
+    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);
   }
   dispose() {
-    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;
+    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();
   }
-  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;
+  appendTo(e) {
+    return e.append(this.container), e.append(this.masking), this;
   }
-  setTarget(t) {
-    return this.target = t, 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;
   }
-  updatePosition(t, e) {
-    if (t && e)
-      return this.container.style.left = t, this.container.style.top = e, this.show();
+  updatePosition() {
     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))
+    const e = this.points.map((i) => i.position), t = e.map((i) => i.clone().project(this.five.camera));
+    if (t.some((i) => Math.abs(i.z) > 1))
       return this.hide();
-    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)
+    const s = t.map((i) => i.x), o = t.map((i) => i.y), r = (Math.min(...s) + Math.max(...s)) / 2, y = Math.max(...o), a = this.container.parentElement;
+    if (!a)
       return this;
-    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, d = g);
+    const h = (r + 1) / 2 * a.clientWidth, d = -(y - 1) / 2 * a.clientHeight;
+    let l = h, m = d - 34;
+    if (this.lines.length === 1 && e.length === 2) {
+      const i = (o[1] - o[0]) / (s[1] - s[0]), u = -((o[1] + o[0]) / 2 - 1) / 2 * a.clientHeight;
+      Math.abs(i) > 0.4 && (l = h + 57, m = u);
     }
-    return this.container.style.top = "0", this.container.style.transform = `translate3d(${m}px, ${d}px, 0)`, this.show();
+    return this.container.style.transform = `translate3d(${l}px, ${m}px, 10px)`, this.show();
   }
   hide() {
-    return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.pointerEvents = "none", this;
+    return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.top = "10px", this.container.style.pointerEvents = "none", this;
   }
   show() {
-    return this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this;
+    return this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.top = "0", this.container.style.pointerEvents = "auto", this;
   }
 }
 export {
-  $ as default
+  D as default
 };

package/libs/PanoMeasurePlugin/Modules/GuideController.d.ts

@@ -1,6 +1,6 @@
 import type MeasureController from '../Controller';
 export interface GuideControllerParams {
-    container?: Element;
+    container: Element;
     startTip?: string;
     endTip?: string;
     firstPointTip?: string;

package/libs/PanoMeasurePlugin/Modules/Magnifier.d.ts

@@ -3,7 +3,7 @@ import Hammer from 'hammerjs';
 import * as THREE from 'three';
 import { Subscribe, type SubscribeEventMap } from '@realsee/five';
 interface MagnifierEvent extends SubscribeEventMap {
-    wantsPanGesture: (event: (typeof Hammer)['Input']) => boolean;
+    wantsPanGesture: (event: typeof Hammer['Input']) => boolean;
 }
 /** 放大镜配置参数 */
 export interface MagnifierParameter {

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

@@ -1,19 +1,13 @@
 import type MeasureController from '../../Controller';
-export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
-    container?: Element;
-    mode?: UIMode;
-    pointSelectorMode?: 'fixed' | 'cursor';
-    useNewUI?: boolean;
-    /**
-     * @description: 是否展示退出按钮
-     */
-    showExit?: boolean;
+    container: Element;
+    mode?: 'pc' | 'mobile';
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;
     exitButtonText?: string;
 }
+export type UIMode = 'pc' | 'mobile';
 export declare class UIController {
     private revoke?;
     private container;
@@ -21,7 +15,6 @@ export declare class UIController {
     private disposers;
     private measureController;
     private mode;
-    private svelteDom?;
     private _params;
     constructor(measureController: MeasureController, params: UIControllerParams);
     dispose(): void;

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

@@ -1,139 +1,53 @@
-var a = Object.defineProperty;
-var h = (i, o, t) => o in i ? a(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
-var e = (i, o, t) => (h(i, typeof o != "symbol" ? o + "" : o, 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 E, exitIconStyle as x } from "./style.js";
-import { MainBtnController as S } from "./MainBtnController.js";
-import { MobileMainBtnController as g } from "./mobileMainBtnController.js";
-import w from "./Revoke/index.js";
-import _ from "../../Components/Controller0.js";
-import b from "../../Components/Controller1.js";
-import "../../../vendor/svelte/internal/index.js";
-import "../../Components/Common/Switcher0.js";
-import "../../Components/Common/Exit.js";
-import "../../Controller/EditController.js";
-import "../../Model/line.js";
-import "../../../shared-utils/uuid.js";
-import "../../utils/line.js";
-import "@realsee/five/line";
-import "../../utils/constants.js";
-import "three";
-import "@realsee/five";
-import "../../utils/dom/distanceItem.js";
-import "../../utils/dom/base.js";
-import "../../utils/isNDCPointInScreen.js";
-import "../../Model/point.js";
-import "../../../shared-utils/removeArrayItem.js";
-import "../../../shared-utils/throttle.js";
-import "../../Controller/BaseController.js";
-import "../../utils/ironbox.js";
-import "../../Model/polyline.js";
-import "../../Model/area.js";
-import "../../Model/polygon.js";
-import "../../../shared-utils/three/IObject3D.js";
-import "../../utils/generatePolygonGeometry.js";
-import "earcut";
-import "../../utils/dom/areaDom.js";
-import "../../utils/geometryUtil.js";
-import "../../../shared-utils/three/centerPoint.js";
-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";
-import "../../../shared-utils/three/PointDomHelper.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../rangePiece/html.js";
-import "../../../CSS3DRenderPlugin/index.js";
-import "../../../CSS3DRenderPlugin/Controller.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-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/absoluteUrl.js";
-import "../../../shared-utils/animationFrame/BetterTween.js";
-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/icons/index.js";
-import "../../Components/Common/Switcher1.js";
-import "../../Components/Common/CircleButton.js";
-import "../../../vendor/svelte/transition/index.js";
-import "../../../vendor/svelte/easing/index.js";
-class Zt {
-  constructor(o, t) {
-    e(this, "revoke");
-    e(this, "container");
-    e(this, "mainController");
-    e(this, "disposers", []);
-    e(this, "measureController");
-    e(this, "mode");
-    e(this, "svelteDom");
-    e(this, "_params");
-    e(this, "handleExit", () => {
-      const o = this.container.querySelector(".fpm__exit-icon"), t = this.container.querySelector(".fpm__exit");
-      if (!t || !o)
+var c = Object.defineProperty;
+var h = (i, t, e) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
+import m from "./HTML.js";
+import p from "./mobileHTML.js";
+import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
+import { MainBtnController as _ } from "./MainBtnController.js";
+import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
+import E from "./Revoke/index.js";
+class w {
+  constructor(t, e) {
+    s(this, "revoke");
+    s(this, "container");
+    s(this, "mainController");
+    s(this, "disposers", []);
+    s(this, "measureController");
+    s(this, "mode");
+    s(this, "_params");
+    s(this, "handleExit", () => {
+      const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
+      if (!e || !t)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(t.style, E), Object.assign(o == null ? void 0 : o.style, x));
-      const r = () => {
-        t.style.opacity = "1";
-      }, s = () => {
-        t.style.opacity = "0.85";
+      this.mode === "pc" && (Object.assign(e.style, v), Object.assign(t == null ? void 0 : t.style, C));
+      const o = () => {
+        e.style.opacity = "1";
+      }, r = () => {
+        e.style.opacity = "0.85";
       }, n = () => {
         this.measureController.disable();
       };
-      return t.addEventListener("click", n), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), () => {
-        t.removeEventListener("click", n), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s);
+      return e.addEventListener("click", n), e.addEventListener("mouseenter", o), e.addEventListener("mouseleave", r), () => {
+        e.removeEventListener("click", n), e.removeEventListener("mouseenter", o), e.removeEventListener("mouseleave", r);
       };
     });
-    var s, n;
-    this._params = t, this.measureController = o, 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 && (t.pointSelectorMode === "cursor" ? this.svelteDom = new _({
-      target: t.container,
-      props: { measureController: this.measureController, showExit: t.showExit }
-    }) : t.pointSelectorMode === "fixed" && (this.svelteDom = new b({
-      target: t.container,
-      props: { measureController: this.measureController, showExit: t.showExit }
-    }))), !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((c) => Object.assign(c.style, C));
-    }
+    var a;
+    this._params = e, this.measureController = t, this.mode = (a = e.mode) != null ? a : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", e.container.appendChild(this.container);
+    const o = this.container.querySelectorAll(".fpm__text"), r = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
+    Object.assign(r == null ? void 0 : r.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), o.forEach((l) => Object.assign(l.style, f));
   }
   dispose() {
-    var o;
-    this.hide(), (o = this.svelteDom) == null || o.$destroy(), this.container.remove();
+    this.hide(), 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 w(this.measureController, this.container), this.mainController = new S(this.measureController, this.container, this._params)) : this.mainController = new g(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 o, t;
-    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((o = this.revoke) == null || o.dispose()), (t = this.mainController) == null || t.dispose(), this.disposers.forEach((r) => r()), this.disposers = [], this;
+    var t, e;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((t = this.revoke) == null || t.dispose()), (e = this.mainController) == null || e.dispose(), this.disposers.forEach((o) => o()), this.disposers = [], this;
   }
 }
 export {
-  Zt as UIController
+  w as UIController
 };

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

@@ -1,3 +1,11 @@
+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 t = {
+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 = {
   display: "none",
   position: "absolute",
   top: "0",
@@ -8,7 +8,7 @@ const t = {
   opacity: "0",
   transform: "translate(0, 10px)",
   transition: "opacity 500ms ease-in-out, transform 500ms ease-in-out"
-}, e = {
+}, i = {
   position: "absolute",
   left: "50%",
   bottom: "32px",
@@ -21,7 +21,7 @@ const t = {
   pointerEvents: "all",
   color: "#fff",
   zIndex: "10"
-}, n = {
+}, m = {
   position: "absolute",
   bottom: "0",
   left: "0",
@@ -30,33 +30,41 @@ const t = {
   height: "184px",
   background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
   zIndex: "0"
-}, o = {
+}, d = {
   margin: "0 64px"
-}, i = {
+}, p = {
   opacity: "0.85"
-}, a = {
+}, g = {
   width: "72px",
   height: "72px",
   backgroundSize: "100%",
   cursor: "pointer",
   transition: "all 200ms ease-in-out"
-}, s = {
+}, b = {
   width: "24px",
   height: "24px",
   marginRight: "4px",
   backgroundSize: "100%",
   cursor: "pointer"
-}, r = {
+}, u = {
   userSelect: "none",
   pointerEvents: "none"
 };
 export {
-  n as controllerBackgroundStyle,
-  s as exitIconStyle,
-  i as exitItemStyle,
-  a as mainIconStyle,
-  o as mainItemStyle,
-  e as operatingSpaceStyle,
-  r as textStyle,
-  t as uiWrapperStyle
+  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
 };

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

@@ -2,7 +2,6 @@ import type { Five, Subscribe } from '@realsee/five';
 import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
-import type FiveHelper from '../FiveHelper';
 import type { OpenParameter } from '../../typings/data';
 export interface RangePieceControllerParams {
     openParams: OpenParameter;
@@ -11,7 +10,6 @@ export interface RangePieceControllerParams {
     group: Group;
     model: Model;
     mouseGroup: Group;
-    fiveHelper: FiveHelper;
     hook: Subscribe<PanoMeasurePluginEvent>;
 }
 export default class RangePieceController {
@@ -20,7 +18,6 @@ export default class RangePieceController {
     private group;
     private mouseGroup;
     private hasAppendMouseGroup;
-    private fiveHelper;
     private hook;
     private content;
     private intersectMesh;