@realsee/dnalogel 2.20.5 → 2.21.0-dev.2

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

@@ -1,13 +1,14 @@
 import type MeasureController from '../../Controller';
+export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
-    container: Element;
-    mode?: 'pc' | 'mobile';
+    container?: Element;
+    mode?: UIMode;
+    useNewUI?: boolean;
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;
     exitButtonText?: string;
 }
-export type UIMode = 'pc' | 'mobile';
 export declare class UIController {
     private revoke?;
     private container;
@@ -15,6 +16,7 @@ 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,53 +1,130 @@
 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";
+var h = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+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 { 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)
+import { MobileMainBtnController as E } from "./mobileMainBtnController.js";
+import S 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";
+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 "../../utils/getIntersectionFromEvent.js";
+import "../../utils/getPointFromHammerEvent.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 "../../../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/isAbsoluteURL.js";
+import "../../../shared-utils/animationFrame/BetterTween.js";
+import "../../../shared-utils/animationFrame/index.js";
+import "../../../shared-utils/isTouchDevice.js";
+class Ft {
+  constructor(e, t) {
+    o(this, "revoke");
+    o(this, "container");
+    o(this, "mainController");
+    o(this, "disposers", []);
+    o(this, "measureController");
+    o(this, "mode");
+    o(this, "svelteDom");
+    o(this, "_params");
+    o(this, "handleExit", () => {
+      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(e.style, v), Object.assign(t == null ? void 0 : t.style, C));
-      const o = () => {
-        e.style.opacity = "1";
-      }, r = () => {
-        e.style.opacity = "0.85";
+      this.mode === "pc" && (Object.assign(t.style, b), Object.assign(e == null ? void 0 : e.style, g));
+      const r = () => {
+        t.style.opacity = "1";
+      }, s = () => {
+        t.style.opacity = "0.85";
       }, n = () => {
         this.measureController.disable();
       };
-      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);
+      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);
       };
     });
-    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));
+    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({
+      target: t.container,
+      props: { measureController: this.measureController }
+    }) : this.mode === "mobile" && (this.svelteDom = new k({
+      target: t.container,
+      props: { measureController: this.measureController }
+    }))), !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));
+    }
   }
   dispose() {
-    this.hide(), this.container.remove();
+    var e;
+    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 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;
+    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;
   }
   hide() {
-    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;
+    var e, t;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((e = this.revoke) == null || e.dispose()), (t = this.mainController) == null || t.dispose(), this.disposers.forEach((r) => r()), this.disposers = [], this;
   }
 }
 export {
-  w as UIController
+  Ft as UIController
 };

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

@@ -1,5 +1,5 @@
 import type { Five, Subscribe } from '@realsee/five';
-import { Group } from 'three';
+import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
 import type FiveHelper from '../FiveHelper';

package/libs/PanoMeasurePlugin/index.js

@@ -1,9 +1,9 @@
 import t from "./Controller/index.js";
-import { default as oo } from "./Modules/Magnifier.js";
-import { Model as to } from "./Model/index.js";
-import { default as mo } from "./Model/point.js";
-import { default as eo } from "./Model/line.js";
-import { Polyline as no } from "./Model/polyline.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 "./Modules/FiveHelper.js";
 import "three";
 import "./Controller/EditController.js";
@@ -16,11 +16,50 @@ import "./utils/line.js";
 import "@realsee/five/line";
 import "./utils/constants.js";
 import "@realsee/five";
-import "./utils/distanceDom.js";
+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";
+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 "../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 "./Modules/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/isAbsoluteURL.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 "./Modules/DeleteDom/index.js";
@@ -33,9 +72,6 @@ import "./utils/ndc2Screen.js";
 import "./utils/findAssociatedLines.js";
 import "./Controller/MixedController.js";
 import "./Modules/rangePiece/index.js";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "./Modules/rangePiece/html.js";
-import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/noop.js";
 import "./utils/calculateThreeMouse.js";
 import "./utils/mouseGroup.js";
@@ -48,17 +84,25 @@ import "./Modules/UIController/style.js";
 import "./Modules/UIController/MainBtnController.js";
 import "./Modules/UIController/mobileMainBtnController.js";
 import "./Modules/UIController/Revoke/index.js";
+import "./Components/Controller0.js";
+import "../vendor/svelte/internal/index.js";
+import "./Components/Common/Switcher0.js";
+import "./Components/Common/Exit.js";
+import "./Components/Controller1.js";
+import "./Components/Common/Switcher1.js";
+import "./Components/Common/CircleButton.js";
 import "./Modules/GuideController.js";
 import "./Controller/ShortcutKeyController.js";
-const Z = function(o, r) {
+import "../shared-utils/safeObj.js";
+const Qo = function(o, r) {
   return new t(o, r);
 };
 export {
-  oo as Magnifier,
-  Z as PanoMeasurePlugin,
-  eo as PanoMeasurePluginLine,
-  to as PanoMeasurePluginModel,
-  mo as PanoMeasurePluginPoint,
-  no as PanoMeasurePluginPolyline,
-  Z as default
+  To as Magnifier,
+  Qo as PanoMeasurePlugin,
+  Zo as PanoMeasurePluginLine,
+  Vo as PanoMeasurePluginModel,
+  Xo as PanoMeasurePluginPoint,
+  $o as PanoMeasurePluginPolyline,
+  Qo as default
 };

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

@@ -21,6 +21,29 @@ export interface OpenParameter {
     isMobile?: boolean;
     crossHairParameter?: CrossHairParameter;
 }
+/** 长度达到一定值时，自动结束线段，null 的话不自动结束 */
+export interface autoEndConfig {
+    line?: number | null;
+    area?: number | null;
+}
+export type MeasureType = 'line' | 'area';
+export interface EditParameter {
+    /**
+     * @description 选择测量插件的模式
+     * @default ['line']
+     * @example
+     * ['line']: 传统的测距
+     * ['area']: 新增的测面积功能
+     * ['line', 'area']: 同时开启测距和测面积功能
+     */
+    allowMeasureType?: Array<MeasureType>;
+    /**
+     * @description: 选点的两种模式, 'fixed' 为固定选点为屏幕中心点，拖动five画布来选点，'mouse' 为跟随鼠标移动
+     * @default: 'fixed'
+     */
+    pointSelectorMode?: 'fixed' | 'cursor';
+    autoEndConfig?: autoEndConfig;
+}
 export interface CrossHairParameter {
     useNormalVector?: boolean;
     ballColor?: number;

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

@@ -4,6 +4,7 @@ import type { State } from '../Controller/MixedController';
 import type Line from '../Model/line';
 import type Point from '../Model/point';
 import type { Polyline } from '../Model/polyline';
+import type { MeasureType } from './data';
 type ControllerEvent = {
     enable: (userAction: boolean) => void;
     disable: (userAction: boolean) => void;
@@ -16,13 +17,19 @@ type WatchEvent = {
     selectedChange: (lines: Line[]) => void;
 };
 type EditEvent = {
-    /**
-     * 编辑线条变更
-     */
+    /** 编辑线条变更 */
     editedPolylineChange: (polyline: Polyline) => void;
     /** 编辑中的虚线变更 */
     editedDashedLineChange: (line: Line | null) => void;
     anchorChange: (anchor: Vector3 | null) => void;
+    /** 测量类型变更 */
+    measureTypeChange: (measureTpe: MeasureType) => void;
+    /** 差最后一次打点就可以完成完成 */
+    readyComplete: () => void;
+    /** 一条线段或者一个面积编辑完成 */
+    complete: () => void;
+    /** 测量面积时，是否可以打点的状态是会一直变的 */
+    allowAddPointStateChange: (state: 'allow' | 'forbid') => void;
 };
 type DragEvent = {
     wantsDragLine: (event: {

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

@@ -1,5 +1,5 @@
 import type { Config as BaseConfig } from '../../base/BasePlugin';
-import type { UserDistanceItem } from '../utils/distanceDom';
+import type { UserDistanceItem } from '../utils/dom/distanceItem';
 export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数

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

@@ -0,0 +1,22 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type { Five } from '@realsee/five';
+import type { BufferGeometry } from 'three';
+import type Area from '../../Model/area';
+interface AreaItemParams extends ItemDomParams {
+    area: Area;
+}
+export declare class AreaItem extends ItemDom {
+    protected params: AreaItemParams;
+    private area;
+    constructor(params: AreaItemParams);
+    /**
+     * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
+     */
+    updateArea(five: Five, _geometry?: BufferGeometry): void;
+    updateAreaText(area: number, config?: {
+        unit?: string;
+        fix?: number;
+    }): void;
+}
+export {};

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

@@ -0,0 +1,29 @@
+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 d } from "../geometryUtil.js";
+import "../isNDCPointInScreen.js";
+import "three";
+import "../../../shared-utils/three/centerPoint.js";
+class I extends h {
+  constructor(t) {
+    super(t);
+    s(this, "area");
+    this.params = t, 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 } = d(i);
+    this.ndcPosition = n, this.updateDomPosition(t), this.updateAreaText(a);
+  }
+  updateAreaText(t, o) {
+    const { unit: i = "m²", fix: a = 2 } = o != null ? o : {};
+    this.contentDom.innerText = `${t.toFixed(a)}${i}`;
+  }
+}
+export {
+  I as AreaItem
+};

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

@@ -0,0 +1,25 @@
+import type { Vector3 } from 'three';
+import type { Five } from '@realsee/five';
+export interface ItemDomParams {
+    clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+}
+export declare abstract class ItemDom {
+    ndcPosition: Vector3 | null;
+    protected contentDom: HTMLElement;
+    protected containerDom: HTMLElement;
+    protected params: ItemDomParams;
+    protected canSelected: boolean;
+    constructor(params: ItemDomParams);
+    handleClick: (e: MouseEvent) => void;
+    setCanSelect(canSelect: boolean): void;
+    highlight(): void;
+    unHighlight(): void;
+    appendTo(container: Element): void;
+    remove(): void;
+    show(): void;
+    hide(): void;
+    /**
+     * @description: camera update 的时候，更新dom的位置
+     */
+    updateDomPosition(five: Five): void;
+}

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

@@ -0,0 +1,72 @@
+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(
+    "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;
+}
+function y(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;
+}
+class g {
+  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);
+    });
+    this.params = t, this.contentDom = m(), this.containerDom = y(), this.setCanSelect(!0);
+  }
+  setCanSelect(t) {
+    this.canSelected = t, this.containerDom.style.pointerEvents = t ? "all" : "none";
+  }
+  highlight() {
+    this.contentDom.style.border = "0.5px solid #95AEFF", this.contentDom.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
+  }
+  unHighlight() {
+    this.contentDom.style.border = "0.5px solid rgba(255,255,255,0.6)", this.contentDom.style.background = "rgba(195,195,195,0.70)";
+  }
+  appendTo(t) {
+    t.appendChild(this.containerDom), this.containerDom.addEventListener("click", this.handleClick);
+  }
+  remove() {
+    this.contentDom.removeEventListener("click", this.handleClick), this.containerDom.remove();
+  }
+  show() {
+    this.containerDom.style.opacity = "1", this.containerDom.style.pointerEvents = this.canSelected ? "auto" : "none";
+  }
+  hide() {
+    this.containerDom.style.opacity = "0", this.containerDom.style.pointerEvents = "none";
+  }
+  /**
+   * @description: camera update 的时候，更新dom的位置
+   */
+  updateDomPosition(t) {
+    if (!this.ndcPosition) {
+      this.hide();
+      return;
+    }
+    const n = t.getElement();
+    if (!n)
+      return;
+    const o = n.clientWidth, r = n.clientHeight, s = this.ndcPosition.project(t.camera);
+    if (!d(s)) {
+      this.hide();
+      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();
+  }
+}
+export {
+  g as ItemDom
+};

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

@@ -0,0 +1,27 @@
+import type { ItemDomParams } from './base';
+import { ItemDom } from './base';
+import type Line from '../../Model/line';
+import type { Five } from '@realsee/five';
+import type { Polyline } from '../../Model/polyline';
+export interface UserDistanceItem {
+    element: Element;
+    highlight: () => void;
+    unHighlight: () => void;
+    update: (params: {
+        line: Line;
+        polyline: Polyline;
+    }) => void;
+}
+interface DistanceItemParams extends ItemDomParams {
+    line: Line;
+    userDistanceItem?: UserDistanceItem;
+}
+export declare class DistanceItem extends ItemDom {
+    protected params: DistanceItemParams;
+    private line;
+    constructor(params: DistanceItemParams);
+    update(five: Five): void;
+    /** 获取内容文本 */
+    getCurrentContent(): string;
+}
+export {};

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

@@ -0,0 +1,47 @@
+var S = Object.defineProperty;
+var M = (o, n, t) => n in o ? S(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var x = (o, n, t) => (M(o, typeof n != "symbol" ? n + "" : n, t), t);
+import { ItemDom as T } from "./base.js";
+import { Vector2 as P } from "three";
+import { isNDCPointInFront as u } from "../isNDCPointInScreen.js";
+class z extends T {
+  constructor(t) {
+    var i;
+    super(t);
+    x(this, "line");
+    this.params = t, this.line = t.line, (i = this.params.userDistanceItem) != null && i.element ? this.containerDom.appendChild(this.params.userDistanceItem.element) : this.containerDom.appendChild(this.contentDom);
+  }
+  update(t) {
+    var D;
+    if (this.line.mesh.visible === !1) {
+      this.hide();
+      return;
+    }
+    const i = t.getElement();
+    if (!i)
+      return;
+    const a = i.clientWidth, r = i.clientHeight, l = a / 2, c = r / 2;
+    if (this.line.points.length < 2)
+      return;
+    const [h, m] = this.line.points, e = h.position.clone().project(t.camera), s = m.position.clone().project(t.camera), d = e.clone().lerp(s, 0.5), p = new P(e.x * l, e.y * c), f = new P(s.x * l, s.y * c), g = p.distanceTo(f);
+    if ((() => !(Math.abs(e.z) > 1 || Math.abs(s.z) > 1 || !u(e) && !u(s) || !u(d) || g === 0))() === !1) {
+      this.hide();
+      return;
+    }
+    const y = (d.x + 1) / 2 * a, C = -(d.y - 1) / 2 * r, I = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, b = this.containerDom.parentElement && this.contentDom.clientWidth > g ? -20 : 0;
+    this.containerDom.style.transform = `translate(${y}px, ${C}px) rotate(${I}deg) translateY(${b}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
+    const E = this.getCurrentContent();
+    this.contentDom.innerText = E;
+  }
+  /** 获取内容文本 */
+  getCurrentContent() {
+    var h, m, e, s;
+    if (this.line.points.length < 2)
+      return "";
+    const [t, i] = this.line.points, a = t.position.clone().distanceTo(i.position), r = (m = this.line.text) != null ? m : (h = this.line.model.config) == null ? void 0 : h.defaultText, l = (s = (e = this.line.model.config) == null ? void 0 : e.getDistanceText) == null ? void 0 : s.call(e, a), c = r != null ? r : l;
+    return c != null ? c : a.toFixed(2) + "m";
+  }
+}
+export {
+  z as DistanceItem
+};

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.d.ts

@@ -0,0 +1,6 @@
+import type { Vector3 } from 'three';
+import * as THREE from 'three';
+/**
+ * @description: 根据多边形的顶点数组生成多边形的 BufferGeometry
+ */
+export default function generatePolygonGeometry(_points: Vector3[]): THREE.BufferGeometry;

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.js

@@ -0,0 +1,13 @@
+import * as n from "three";
+import u from "earcut";
+function m(i) {
+  const t = i.slice();
+  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();
+  return e.setAttribute("position", s), e.setIndex(a), e.name = "PolygonGeometry", e;
+}
+export {
+  m as default
+};

package/libs/PanoMeasurePlugin/utils/geometryUtil.d.ts

@@ -0,0 +1,7 @@
+import type * as THREE from 'three';
+import { Vector3 } from 'three';
+export declare function getGeometryArea(geometry: THREE.BufferGeometry): number;
+export declare function getGeometryInfo(geometry: THREE.BufferGeometry): {
+    center: Vector3;
+    area: number;
+};