@realsee/dnalogel 2.21.0-dev.8 → 2.21.0

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

@@ -1,15 +1,15 @@
 var y = Object.defineProperty;
 var m = Object.getOwnPropertySymbols;
 var g = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var l = (c, e, t) => e in c ? y(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, d = (c, e) => {
-  for (var t in e || (e = {}))
-    g.call(e, t) && l(c, t, e[t]);
+var l = (a, t, e) => t in a ? y(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, d = (a, t) => {
+  for (var e in t || (t = {}))
+    g.call(t, e) && l(a, e, t[e]);
   if (m)
-    for (var t of m(e))
-      S.call(e, t) && l(c, t, e[t]);
-  return c;
+    for (var e of m(t))
+      S.call(t, e) && l(a, e, t[e]);
+  return a;
 };
-var o = (c, e, t) => (l(c, typeof e != "symbol" ? e + "" : e, t), t);
+var i = (a, t, e) => (l(a, typeof t != "symbol" ? t + "" : t, e), e);
 import { Raycaster as M, Mesh as v, RingGeometry as G, MeshBasicMaterial as C, DoubleSide as w } from "three";
 import p from "../../Model/point.js";
 import { exports as f } from "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -20,56 +20,55 @@ import A from "../../utils/calculateThreeMouse.js";
 import { getMouseGroup as X } from "../../utils/mouseGroup.js";
 import "../../../shared-utils/uuid.js";
 import "../../../shared-utils/removeArrayItem.js";
-class V {
+class L {
   // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
-  constructor(e) {
-    o(this, "container", document.createElement("div"));
-    o(this, "five");
-    o(this, "group");
-    o(this, "mouseGroup");
-    o(this, "hasAppendMouseGroup", !1);
-    o(this, "fiveHelper");
-    o(this, "hook");
-    o(this, "content");
-    o(this, "intersectMesh");
-    o(this, "centerMouseXY");
-    o(this, "raycaster", new M());
-    o(this, "pieceStyl", {
+  constructor(t) {
+    i(this, "container", document.createElement("div"));
+    i(this, "five");
+    i(this, "group");
+    i(this, "mouseGroup");
+    i(this, "hasAppendMouseGroup", !1);
+    i(this, "hook");
+    i(this, "content");
+    i(this, "intersectMesh");
+    i(this, "centerMouseXY");
+    i(this, "raycaster", new M());
+    i(this, "pieceStyl", {
       matrix3d: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
       scale: 1,
       opacity: 0.4
     });
-    o(this, "onCameraDirectionUpdate", () => {
-      const e = this.getIntersection();
-      if (e) {
-        this.pieceChange(e), this.updateMouseGroup(e);
-        const t = new p(this.mouseGroup.position);
-        this.hook.emit("nowPointChange", t);
+    i(this, "onCameraDirectionUpdate", () => {
+      const t = this.getIntersection();
+      if (t) {
+        this.pieceChange(t), this.updateMouseGroup(t);
+        const e = new p(this.mouseGroup.position);
+        this.hook.emit("nowPointChange", e);
       }
     });
-    o(this, "onWillChangeState", (e, t) => {
+    i(this, "onWillChangeState", (t, e) => {
       var s;
       this.dotAnimation();
-      const i = (s = this.getIntersection()) == null ? void 0 : s.point;
-      i && (t === "editing" ? this.hook.emit("getStartPoint", new p(i)) : this.hook.emit("getEndPoint", new p(i)));
+      const o = (s = this.getIntersection()) == null ? void 0 : s.point;
+      o && (e === "editing" ? this.hook.emit("getStartPoint", new p(o)) : this.hook.emit("getEndPoint", new p(o)));
     });
     /** 计算目标中心点经纬度 */
-    o(this, "computedCenterMouseXY", () => {
-      const e = this.container.querySelector(".range-piece__aim");
-      if (!e)
+    i(this, "computedCenterMouseXY", () => {
+      const t = this.container.querySelector(".range-piece__aim");
+      if (!t)
         return null;
-      const { left: t, top: i, width: s, height: n } = e.getBoundingClientRect(), r = Math.round(t + s / 2), a = Math.round(i + n / 2), h = A({ x: r, y: a }, this.five.getElement());
+      const { left: e, top: o, width: s, height: n } = t.getBoundingClientRect(), r = Math.round(e + s / 2), c = Math.round(o + n / 2), h = A({ x: r, y: c }, this.five.getElement());
       this.centerMouseXY = h;
     });
     /** 计算目标中心点intersection */
-    o(this, "getIntersection", () => {
+    i(this, "getIntersection", () => {
       if (!this.centerMouseXY)
         return null;
       this.raycaster.setFromCamera(this.centerMouseXY, this.five.camera);
-      const e = this.five.model.intersectRaycaster(this.raycaster)[0];
-      return e || null;
+      const t = this.five.model.intersectRaycaster(this.raycaster)[0];
+      return t || null;
     });
-    this.five = e.five, this.hook = e.hook, this.group = e.group, this.mouseGroup = X(d({ isMobile: !0 }, e.openParams.crossHairParameter)), this.fiveHelper = e.fiveHelper, this.container.innerHTML = P, this.container.classList.add("range-piece-controller"), this.content = this.container.querySelector(".range-piece__content"), this.content && (this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`), e.container.append(this.container), this.intersectMesh = new v(
+    this.five = t.five, this.hook = t.hook, this.group = t.group, this.mouseGroup = X(d({ isMobile: !0 }, t.openParams.crossHairParameter)), this.container.innerHTML = P, this.container.classList.add("range-piece-controller"), this.content = this.container.querySelector(".range-piece__content"), this.content && (this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`), t.container.append(this.container), this.intersectMesh = new v(
       new G(0.04, 0.08, 32),
       new C({ color: 1245179, opacity: 0, side: w, transparent: !0 })
     ), this.container.addEventListener("animationend", this.computedCenterMouseXY), this.five.on("cameraUpdate", this.onCameraDirectionUpdate), this.hook.on("willChangeState", this.onWillChangeState);
@@ -77,33 +76,33 @@ class V {
   dispose() {
     this.container.removeEventListener("animationend", this.computedCenterMouseXY), this.five.off("cameraUpdate", this.onCameraDirectionUpdate), this.hook.off("willChangeState", this.onWillChangeState), this.container.remove(), this.group.remove(this.mouseGroup), this.mouseGroup.remove(), this.hasAppendMouseGroup = !1, this.five.scene.remove(this.intersectMesh);
   }
-  pieceChange(e) {
-    const t = e.face, i = e.point;
-    if (t && i) {
-      const n = t.normal.clone().clone().multiplyScalar(0.05), r = i.clone().add(n);
+  pieceChange(t) {
+    const e = t.face, o = t.point;
+    if (e && o) {
+      const n = e.normal.clone().clone().multiplyScalar(0.05), r = o.clone().add(n);
       this.intersectMesh.position.copy(r);
-      const a = r.clone().add(n);
-      this.intersectMesh.lookAt(a), this.five.scene.add(this.intersectMesh);
+      const c = r.clone().add(n);
+      this.intersectMesh.lookAt(c), this.five.scene.add(this.intersectMesh);
       const u = this.intersectMesh.modelViewMatrix.clone().toArray();
       this.changePieceStyl("matrix3d", u);
-      const h = this.calculateSize(i);
+      const h = this.calculateSize(o);
       this.changePieceStyl("scale", h);
     }
   }
-  calculateSize(e) {
-    if (!e)
+  calculateSize(t) {
+    if (!t)
       return;
-    const t = this.five.camera.position;
-    let i = e.distanceTo(t);
+    const e = this.five.camera.position;
+    let o = t.distanceTo(e);
     const s = 4, n = 1;
-    return i > s && (i = s), i < n && (i = n), -0.51 / (s - n) * i + 1;
+    return o > s && (o = s), o < n && (o = n), -0.51 / (s - n) * o + 1;
   }
   /** 点击按钮时圆片动画 */
   dotAnimation() {
-    const e = f.Easing.Quadratic.InOut, t = { opacity: 0.4, scale: this.pieceStyl.scale }, i = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
+    const t = f.Easing.Quadratic.InOut, e = { opacity: 0.4, scale: this.pieceStyl.scale }, o = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
     let s = x;
-    const n = new f.Tween(t).to(i, 500).easing(e).start(0).onUpdate(({ opacity: r, scale: a }) => {
-      this.changePieceStyl("scale", a), this.changePieceStyl("opacity", r);
+    const n = new f.Tween(e).to(o, 500).easing(t).start(0).onUpdate(({ opacity: r, scale: c }) => {
+      this.changePieceStyl("scale", c), this.changePieceStyl("opacity", r);
     }).onComplete(() => {
       s();
     });
@@ -111,26 +110,26 @@ class V {
       n.update(r);
     });
   }
-  changePieceStyl(e, t) {
-    this.content && (this.pieceStyl[e] = t, this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`);
+  changePieceStyl(t, e) {
+    this.content && (this.pieceStyl[t] = e, this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`);
   }
-  updateMouseGroup(e, t) {
+  updateMouseGroup(t, e) {
     if (!this.hasAppendMouseGroup) {
       this.group.add(this.mouseGroup), this.hasAppendMouseGroup = !0;
-      const i = this.container.querySelector(".range-piece__aim");
-      i && (i.style.opacity = "0");
+      const o = this.container.querySelector(".range-piece__aim");
+      o && (o.style.opacity = "0");
     }
-    if (!e)
+    if (!t)
       return this.mouseGroup;
-    if (this.mouseGroup.position.copy(e.point), t)
-      this.mouseGroup.quaternion.copy(t.quaternion);
-    else if (e.face) {
-      const s = e.face.normal.clone().multiplyScalar(0.05), r = e.point.clone().add(s).clone().add(s);
+    if (this.mouseGroup.position.copy(t.point), e)
+      this.mouseGroup.quaternion.copy(e.quaternion);
+    else if (t.face) {
+      const s = t.face.normal.clone().multiplyScalar(0.05), r = t.point.clone().add(s).clone().add(s);
       this.mouseGroup.lookAt(r);
     }
     return this.mouseGroup;
   }
 }
 export {
-  V as default
+  L as default
 };

package/libs/PanoMeasurePlugin/index.js

@@ -1,12 +1,11 @@
 import t from "./Controller/index.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 { default as $ } from "./Modules/Magnifier.js";
+import { Model as ro } from "./Model/index.js";
+import { default as io } from "./Model/point.js";
+import { default as po } from "./Model/line.js";
+import { Polyline as ao } from "./Model/polyline.js";
 import "./Controller/EditController.js";
+import "hammerjs";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
 import "./utils/ironbox.js";
@@ -14,64 +13,28 @@ 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/distanceDom.js";
 import "./utils/isNDCPointInScreen.js";
 import "../shared-utils/removeArrayItem.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 "./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/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 "./utils/getIntersectionFromEvent.js";
+import "./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 "../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";
@@ -84,27 +47,17 @@ 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 "../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 So = function(o, r) {
+const Y = function(o, r) {
   return new t(o, r);
 };
 export {
-  Vo as Magnifier,
-  So as PanoMeasurePlugin,
-  $o as PanoMeasurePluginLine,
-  Xo as PanoMeasurePluginModel,
-  Zo as PanoMeasurePluginPoint,
-  rr as PanoMeasurePluginPolyline,
-  So as default
+  $ as Magnifier,
+  Y as PanoMeasurePlugin,
+  po as PanoMeasurePluginLine,
+  ro as PanoMeasurePluginModel,
+  io as PanoMeasurePluginPoint,
+  ao as PanoMeasurePluginPolyline,
+  Y as default
 };

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

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

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

@@ -4,7 +4,6 @@ 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;
@@ -17,22 +16,13 @@ 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;
-    revoke: (params: {
-        isEmpty: boolean;
-    }) => 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/dom/distanceItem';
+import type { UserDistanceItem } from '../utils/distanceDom';
 export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数

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

@@ -0,0 +1,30 @@
+import type Line from '../Model/line';
+import type { Five } from '@realsee/five';
+import { Vector3 } from 'three';
+import type { Polyline } from '../Model/polyline';
+export type DistanceItem = ReturnType<typeof createDistanceItem>;
+export interface UserDistanceItem {
+    element: Element;
+    highlight: () => void;
+    unHighlight: () => void;
+    update: (params: {
+        line: Line;
+        polyline: Polyline;
+    }) => void;
+}
+export interface CreateDistanceItemProps {
+    line: Line;
+    userDistanceItem?: UserDistanceItem;
+    clickCallback?: (item: DistanceItem) => unknown;
+}
+export declare function createDistanceItem(props: CreateDistanceItemProps): {
+    lineID: string;
+    ndcPosition: Vector3;
+    update: (five: Five) => void;
+    appendTo: (container: Element) => void;
+    remove: () => void;
+    highlight: () => void;
+    unHighlight: () => void;
+    getCurrentContent: () => string;
+    setItemSelectable: (value: boolean) => void;
+};

package/libs/PanoMeasurePlugin/utils/distanceDom.js

@@ -0,0 +1,83 @@
+import { Vector3 as _, Vector2 as D } from "three";
+import { isNDCPointInFront as x } from "./isNDCPointInScreen.js";
+function j() {
+  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);"
+  ), 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.borderRadius = "100px", t.style.fontSize = "14px", t.style.color = "#fff", t.style.background = "rgba(195,195,195,0.70)", t.style.border = "0.5px solid rgba(255,255,255,0.6)", t.style.cursor = "pointer", t;
+}
+function V(t) {
+  const e = document.createElement("div");
+  return e.id = "distance_" + t.id, e.classList.add("five-plugin-measure__distance"), e.style.opacity = "0", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.width = "0", e.style.height = "0", e.style.transform = "translate3d(0, 0, 0)", e.style.transformOrigin = "left top", e;
+}
+function q(t) {
+  let e = !0;
+  const { line: s } = t, C = s.id, r = j(), n = V(s), o = t.userDistanceItem, F = new _(0, 0, 0), E = {
+    lineID: C,
+    ndcPosition: F,
+    update: H,
+    appendTo: I,
+    remove: T,
+    highlight: S,
+    unHighlight: w,
+    getCurrentContent: P,
+    setItemSelectable: A
+  };
+  n.style.pointerEvents = e ? "all" : "none", o != null && o.element ? n.appendChild(o.element) : n.appendChild(r);
+  function v() {
+    var i;
+    (i = t.clickCallback) == null || i.call(t, E);
+  }
+  function S() {
+    if (o)
+      return o.highlight();
+    r.style.border = "0.5px solid #95AEFF", r.style.background = "linear-gradient(90deg, #95AEFF 0%, #6386FF 100%)";
+  }
+  function w() {
+    if (o)
+      return o.unHighlight();
+    r.style.border = "0.5px solid rgba(255,255,255,0.6)", r.style.background = "rgba(195,195,195,0.70)";
+  }
+  function H(i) {
+    if (s.mesh.visible === !1) {
+      n.style.opacity = "0", n.style.pointerEvents = "none";
+      return;
+    }
+    const f = i.getElement();
+    if (!f)
+      return;
+    const u = f.clientWidth, c = f.clientHeight, g = u / 2, a = c / 2;
+    if (s.points.length < 2)
+      return;
+    const [h, d] = s.points, l = h.position.clone().project(i.camera), y = d.position.clone().project(i.camera), p = l.clone().lerp(y, 0.5), m = new D(l.x * g, l.y * a), b = new D(y.x * g, y.y * a), k = m.distanceTo(b);
+    if ((() => !(Math.abs(l.z) > 1 || Math.abs(y.z) > 1 || !x(l) && !x(y) || !x(p) || k === 0))() === !1) {
+      n.style.opacity = "0", n.style.pointerEvents = "none";
+      return;
+    }
+    const L = (p.x + 1) / 2 * u, M = -(p.y - 1) / 2 * c, W = -(Math.atan((m.y - b.y) / (m.x - b.x)) * 180) / Math.PI, $ = n.parentElement && r.clientWidth > k ? -20 : 0;
+    n.style.transform = `translate(${L}px, ${M}px) rotate(${W}deg) translateY(${$}px)`, n.style.opacity = "1", n.style.pointerEvents = e ? "all" : "none", o && o.update({ line: s, polyline: s.getPolyline() });
+    const z = P();
+    r.innerText = z;
+  }
+  function I(i) {
+    i.appendChild(n), n.addEventListener("click", v);
+  }
+  function T() {
+    r.removeEventListener("click", v), n.remove();
+  }
+  function P() {
+    var h, d, l;
+    if (s.points.length < 2)
+      return "";
+    const [i, f] = s.points, u = i.position.clone().distanceTo(f.position), c = (h = t.line.text) != null ? h : t.line.model.config.defaultText, g = (l = (d = t.line.model.config) == null ? void 0 : d.getDistanceText) == null ? void 0 : l.call(d, u), a = c != null ? c : g;
+    return a != null ? a : u.toFixed(2) + "m";
+  }
+  function A(i) {
+    e = i;
+  }
+  return E;
+}
+export {
+  q as createDistanceItem
+};

package/libs/{shared-utils → PanoMeasurePlugin/utils}/getIntersectionFromEvent.d.ts

@@ -1,4 +1,4 @@
 import type Hammer from 'hammerjs';
 import type { Five, Intersection } from '@realsee/five';
 /** 通过鼠标事件或者触摸事件，获取当前点击屏幕关联的射线与模型的交点 */
-export declare function getIntersectionFromEvent(five: Five, event: (typeof Hammer)['Input']): Intersection[];
+export declare function getIntersectionFromEvent(five: Five, event: typeof Hammer['Input']): Intersection[];

package/{dist/shared-utils → libs/PanoMeasurePlugin/utils}/getPointFromHammerEvent.d.ts

@@ -4,7 +4,7 @@ import { Vector2 } from 'three';
  * 从 Hammer 事件中获取操作的点在交互 DOM 中的位置
  * @ignore TODO: make a suitable name
  */
-export declare function getPointFromHammerEvent(event: (typeof Hammer)['Input']): {
+export declare function getPointFromHammerEvent(event: typeof Hammer['Input']): {
     point: Vector2;
     ndcPoint: Vector2;
 };

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

@@ -1,7 +1,6 @@
 import type Line from '../Model/line';
 import { Line as FiveLine } from '@realsee/five/line';
-import type { Texture, Vector3 } from 'three';
-import { Color } from 'three';
+import { Color, Texture, Vector3 } from 'three';
 type ISetMaterialOpts = Parameters<FiveLine['setMaterial']>[0];
 export interface ICreateLineOpts extends ISetMaterialOpts {
     hasPoint?: boolean;

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

@@ -1,5 +1,4 @@
-import { Vector2 } from 'three';
-import type { Vector3 } from 'three';
+import { Vector2, Vector3 } from 'three';
 export default function ndc2Screen(ndcPosition: Vector3, containerSize: {
     width: number;
     height: number;

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -23,7 +23,7 @@ import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/isAbsoluteURL.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
 import "../vendor/svelte/store/index.js";

package/libs/PanoSpatialTagPlugin/index.js

@@ -20,7 +20,7 @@ import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/isAbsoluteURL.js";
 import "./Components/origins.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";

package/libs/PanoTagPlugin/controller/TagCache.js

@@ -20,7 +20,7 @@ import "../../shared-utils/three/centerPoint.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/isAbsoluteURL.js";
 class F extends u {
   constructor(t) {
     super(t);

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -41,7 +41,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -52,7 +52,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -31,7 +31,7 @@ import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/Quadrangle.js";

package/libs/PanoTagPlugin/controller/index.js

@@ -58,7 +58,7 @@ import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/absoluteUrl.js";
+import "../../shared-utils/isAbsoluteURL.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoTagPlugin/index.js

@@ -39,7 +39,7 @@ import "./utils/planeNormal.js";
 import "./utils/normalPositionToPositions.js";
 import "./controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/absoluteUrl.js";
+import "../shared-utils/isAbsoluteURL.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";