@realsee/dnalogel 3.36.5 → 3.36.7

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,40 +1,41 @@
-var I = Object.defineProperty;
-var w = Object.getOwnPropertySymbols;
+var k = Object.defineProperty;
+var P = Object.getOwnPropertySymbols;
 var T = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var p = (s, t, e) => t in s ? I(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, a = (s, t) => {
-  for (var e in t || (t = {}))
-    T.call(t, e) && p(s, e, t[e]);
-  if (w)
-    for (var e of w(t))
-      U.call(t, e) && p(s, e, t[e]);
-  return s;
+var c = (n, s, t) => s in n ? k(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t, m = (n, s) => {
+  for (var t in s || (s = {}))
+    T.call(s, t) && c(n, t, s[t]);
+  if (P)
+    for (var t of P(s))
+      U.call(s, t) && c(n, t, s[t]);
+  return n;
 };
-var r = (s, t, e) => (p(s, typeof t != "symbol" ? t + "" : t, e), e);
-import l from "./EditController.js";
-import P from "./ViewController.js";
-import v from "./WatchController.js";
-import h from "./MixedController.js";
-import { omit as k } from "../../shared-utils/filter.js";
+var r = (n, s, t) => (c(n, typeof s != "symbol" ? s + "" : s, t), t);
+import h from "./EditController.js";
+import v from "./ViewController.js";
+import b from "./WatchController.js";
+import a from "./MixedController.js";
+import { omit as x } from "../../shared-utils/filter.js";
 import { Group as D } from "three";
 import { Model as E } from "../Model/index.js";
-import { Subscribe as G } from "@realsee/five";
-import { getMouseGroup as x } from "../utils/mouseGroup.js";
-import { UIController as S } from "../Modules/UIController/index.js";
-import { GuideController as L } from "../Modules/GuideController.js";
-import { ShortcutKeyController as O } from "./ShortcutKeyController.js";
-import { safeObj as b } from "../../shared-utils/safeObj.js";
-import { Magnifier as A } from "../../shared-utils/three/Magnifier.js";
+import { getMouseGroup as G } from "../utils/mouseGroup.js";
+import { UIController as L } from "../Modules/UIController/index.js";
+import { GuideController as O } from "../Modules/GuideController.js";
+import { ShortcutKeyController as S } from "./ShortcutKeyController.js";
+import { safeObj as I } from "../../shared-utils/safeObj.js";
+import { Magnifier as W } from "../../shared-utils/three/Magnifier.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "animejs";
-import { isTouchDevice as B } from "../../shared-utils/isTouchDevice.js";
+import { isTouchDevice as A } from "../../shared-utils/isTouchDevice.js";
+import { Controller as B } from "../../base/BasePlugin.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
 import "../../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
+import "@realsee/five";
 import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
@@ -113,17 +114,23 @@ import "../../vendor/svelte/transition/index.js";
 import "../../vendor/svelte/easing/index.js";
 import "../../vendor/object-assign-deep/objectAssignDeep.js";
 import "../Components/Tip.js";
-class Le {
+import "../../shared-utils/Utils/WorkUtil.js";
+import "../../shared-utils/Utils/BaseUtil.js";
+import "../../shared-utils/five/transformPosition.js";
+class Ve extends B {
   constructor(t, e) {
+    var l, u, d, f, g, y, M, C, w;
+    super(t);
+    r(this, "state", { enabled: !0 });
     r(this, "hasOpen", !1);
-    r(this, "hook", new G());
+    /** @deprecated use hooks instead */
+    r(this, "hook");
     r(this, "magnifier");
     r(this, "controller", null);
     /** 允许的测量类型 */
     r(this, "allowMeasureType");
     /** 当前的测量类型 */
     r(this, "currentMeasureType");
-    r(this, "five");
     r(this, "model");
     r(this, "group");
     r(this, "config");
@@ -139,9 +146,9 @@ class Le {
      */
     r(this, "disable", () => {
       var t, e, i, o;
-      this.hasOpen = !1, this.container.style.visibility = "hidden", this.container.style.opacity = "0", (t = this.controller) == null || t.dispose(), (e = this.useUIController) == null || e.hide(), (i = this.useGuideController) == null || i.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+      this.hasOpen = !1, this.state.enabled = !1, this.container.style.visibility = "hidden", this.container.style.opacity = "0", (t = this.controller) == null || t.dispose(), (e = this.useUIController) == null || e.hide(), (i = this.useGuideController) == null || i.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
     });
-    r(this, "getCurrentMode", () => this.controller instanceof l ? "Edit" : this.controller instanceof v ? "Watch" : this.controller instanceof h ? "Mixed" : this.controller instanceof P ? "View" : null);
+    r(this, "getCurrentMode", () => this.controller instanceof h ? "Edit" : this.controller instanceof b ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof v ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
@@ -151,10 +158,10 @@ class Le {
         return;
       (o = this.controller) == null || o.dispose();
       const e = {
-        View: P,
-        Watch: v,
-        Edit: l,
-        Mixed: h
+        View: v,
+        Watch: b,
+        Edit: h,
+        Mixed: a
       };
       if (!e[t])
         throw new Error("不存在的 Mode");
@@ -167,26 +174,25 @@ class Le {
     r(this, "changeMeasureType", (t) => {
       this.currentMeasureType = t, this.hook.emit("measureTypeChange", t);
     });
-    var n, c, u, d, f, g, y, M, C;
-    this.five = t, this.params = e, this.config = k(e, ["openParams", "magnifierParams"]), this.model = new E(this.config), this.isMobile = (c = (n = e == null ? void 0 : e.openParams) == null ? void 0 : n.isMobile) != null ? c : !1, this.magnifier = new A(t, (u = e.magnifierParams) != null ? u : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((f = (d = e.editParams) == null ? void 0 : d.allowMeasureType) != null ? f : ["line"])), this.currentMeasureType = (g = this.allowMeasureType[0]) != null ? g : "line", this.group = new D(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
-    const i = (M = (y = e.editParams) == null ? void 0 : y.pointSelectorMode) != null ? M : B ? "fixed" : "cursor", o = (C = this.params.openParams) != null ? C : {};
+    this.five = t, this.hook = this.hooks, this.params = e, this.config = x(e, ["openParams", "magnifierParams"]), this.model = new E(this.config), this.isMobile = (u = (l = e == null ? void 0 : e.openParams) == null ? void 0 : l.isMobile) != null ? u : !1, this.magnifier = new W(t, (d = e.magnifierParams) != null ? d : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((g = (f = e.editParams) == null ? void 0 : f.allowMeasureType) != null ? g : ["line"])), this.currentMeasureType = (y = this.allowMeasureType[0]) != null ? y : "line", this.group = new D(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
+    const i = (C = (M = e.editParams) == null ? void 0 : M.pointSelectorMode) != null ? C : A ? "fixed" : "cursor", o = (w = this.params.openParams) != null ? w : {};
     if (this.params.useUIController !== !1) {
-      const m = a({
+      const p = m({
         container: this.container,
         openParams: o,
         i18n: e.i18n,
         pointSelectorMode: i,
         useNewUI: this.allowMeasureType.length > 1
-      }, b(this.params.useUIController));
-      this.useUIController = new S(this, m);
+      }, I(this.params.useUIController));
+      this.useUIController = new L(this, p);
     }
     if (this.params.useGuideController !== !1) {
-      const m = a({
+      const p = m({
         container: this.container,
         pointSelectorMode: i,
         i18n: e.i18n
-      }, b(this.params.useGuideController));
-      this.useGuideController = new L(this, m);
+      }, I(this.params.useGuideController));
+      this.useGuideController = new O(this, p);
     }
   }
   appendTo(t) {
@@ -212,7 +218,7 @@ class Le {
    */
   enable(t) {
     var e, i;
-    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.visibility = "visible", this.container.style.opacity = "1", t != null && t.mode ? this.changeMode(t.mode) : this.isMobile ? this.changeMode("Mixed") : this.changeMode("Watch"), (e = this.useUIController) == null || e.show(), (i = this.useGuideController) == null || i.show(), this.shortcutKeyController = new O(this, this.five), this.hook.emit("enable", !0));
+    this.hasOpen || (this.state.enabled = !0, this.hasOpen = !0, this.group.matrix.copy(this.workUtil.transform), this.group.matrix.decompose(this.group.position, this.group.quaternion, this.group.scale), this.group.updateMatrixWorld(), this.five.scene.add(this.group), this.container.style.visibility = "visible", this.container.style.opacity = "1", t != null && t.mode ? this.changeMode(t.mode) : this.isMobile ? this.changeMode("Mixed") : this.changeMode("Watch"), (e = this.useUIController) == null || e.show(), (i = this.useGuideController) == null || i.show(), this.shortcutKeyController = new S(this, this.five), this.hook.emit("enable", !0));
   }
   /** 进入编辑模式 */
   edit(t) {
@@ -222,7 +228,7 @@ class Le {
   }
   /** 撤销编辑 */
   revoke() {
-    this.controller instanceof l && this.controller.revoke();
+    this.controller instanceof h && this.controller.revoke();
   }
   removePolyline(t) {
     this.model.removePolyline(t);
@@ -256,20 +262,20 @@ class Le {
    */
   save(t) {
     var o;
-    if (!(this.controller instanceof l) && !(this.controller instanceof h))
+    if (!(this.controller instanceof h) && !(this.controller instanceof a))
       return this;
     const e = (o = t == null ? void 0 : t.mode) != null ? o : "View", i = this.controller.model.areas;
-    return this.controller instanceof l ? this.controller.complete() : i.forEach((n) => {
-      n.showArea(), this.model.addArea(n);
+    return this.controller instanceof h ? this.controller.complete() : i.forEach((l) => {
+      l.showArea(), this.model.addArea(l);
     }), this.changeMode(e), this;
   }
   /** Mixed 模式才有用，添加起点 */
   addStartPoint() {
-    this.controller instanceof h && this.hook.emit("willChangeState", "watching", "editing");
+    this.controller instanceof a && this.hook.emit("willChangeState", "watching", "editing");
   }
   /** Mixed 模式才有用，添加终点 */
   addEndPoint() {
-    this.controller instanceof h && this.hook.emit("willChangeState", "editing", "watching");
+    this.controller instanceof a && this.hook.emit("willChangeState", "editing", "watching");
   }
   /** 导出数据 */
   toJson() {
@@ -305,15 +311,16 @@ class Le {
       config: this.config,
       magnifier: this.magnifier,
       container: this.container,
+      workUtil: this.workUtil,
       openParams: t,
       editParams: e,
       magnifierParams: this.params.magnifierParams,
       getMeasureType: () => this.currentMeasureType,
-      mouseGroup: x(a({}, t.crossHairParameter)),
+      mouseGroup: G(m({}, t.crossHairParameter)),
       userDistanceItemCreator: this.params.userDistanceItemCreator
     };
   }
 }
 export {
-  Le as default
+  Ve as default
 };

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

@@ -1,9 +1,9 @@
+import { Subscribe } from '../../shared-utils/Subscribe';
 import type { Config } from '../typings';
 import type { MeasurePluginData } from '../typings/data';
 import type Area from './area';
 import type Line from './line';
 import { Polyline } from './polyline';
-import { Subscribe } from '@realsee/five';
 type IModelEvent = {
     /** 新增线条
      * @param line 被创建的线条

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,8 +1,8 @@
 var t = Object.defineProperty;
 var l = (s, e, i) => e in s ? t(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
 var r = (s, e, i) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
-import { Polyline as n } from "./polyline.js";
-import { Subscribe as p } from "@realsee/five";
+import { Subscribe as n } from "../../shared-utils/Subscribe.js";
+import { Polyline as p } from "./polyline.js";
 import "./line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -10,17 +10,18 @@ import "../../shared-utils/five/FiveLine.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 "../../shared-utils/three/centerPoint.js";
 import "./point.js";
-class v {
+class x {
   constructor(e) {
     r(this, "config");
     r(this, "polylines", []);
     r(this, "areas", []);
-    r(this, "hook", new p());
+    r(this, "hook", new n());
     this.config = e;
   }
   addPolyline(e) {
@@ -87,7 +88,7 @@ class v {
   getClosestPoint() {
   }
   parse(e) {
-    this.clear(), this.polylines.push(...e.polylines.map((i) => new n({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
+    this.clear(), this.polylines.push(...e.polylines.map((i) => new p({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
   }
   toJson() {
     return {
@@ -96,5 +97,5 @@ class v {
   }
 }
 export {
-  v as Model
+  x as Model
 };

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -3,9 +3,9 @@ import "three";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five";
 import "animejs";
 import "hammerjs";
+import "../../shared-utils/Subscribe.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -13,7 +13,6 @@ import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
 import "../../shared-utils/util.js";
 import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
 import "../../CSS3DRenderPlugin/utils/even.js";
-import "../../shared-utils/Subscribe.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";

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

@@ -1,8 +1,9 @@
-import type { Five, Subscribe } from '@realsee/five';
+import type { Five } from '@realsee/five';
 import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
 import type { OpenParameter } from '../../typings/data';
+import type { Subscribe } from '../../../shared-utils/Subscribe';
 export interface RangePieceControllerParams {
     openParams: OpenParameter;
     container: Element;

package/libs/PanoMeasurePlugin/index.js

@@ -1,15 +1,14 @@
 import t from "./Controller/index.js";
-import { Magnifier as $o } from "../shared-utils/three/Magnifier.js";
+import { Magnifier as ir } from "../shared-utils/three/Magnifier.js";
 import "three";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five";
 import "animejs";
-import { Model as rr } from "./Model/index.js";
-import { default as ir } from "./Model/point.js";
-import { default as pr } from "./Model/line.js";
-import { Polyline as nr } from "./Model/polyline.js";
+import { Model as pr } from "./Model/index.js";
+import { default as nr } from "./Model/point.js";
+import { default as ur } from "./Model/line.js";
+import { Polyline as Pr } from "./Model/polyline.js";
 import "./Controller/EditController.js";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
@@ -19,6 +18,7 @@ import "./utils/line.js";
 import "../shared-utils/five/FiveLine.js";
 import "@realsee/five/line";
 import "./utils/constants.js";
+import "@realsee/five";
 import "./utils/dom/distanceItem.js";
 import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
@@ -102,15 +102,19 @@ import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./Components/Tip.js";
 import "./Controller/ShortcutKeyController.js";
 import "../shared-utils/safeObj.js";
-const Yo = function(o, r) {
+import "../base/BasePlugin.js";
+import "../shared-utils/Utils/WorkUtil.js";
+import "../shared-utils/Utils/BaseUtil.js";
+import "../shared-utils/five/transformPosition.js";
+const or = function(o, r) {
   return new t(o, r);
 };
 export {
-  $o as Magnifier,
-  Yo as PanoMeasurePlugin,
-  pr as PanoMeasurePluginLine,
-  rr as PanoMeasurePluginModel,
-  ir as PanoMeasurePluginPoint,
-  nr as PanoMeasurePluginPolyline,
-  Yo as default
+  ir as Magnifier,
+  or as PanoMeasurePlugin,
+  ur as PanoMeasurePluginLine,
+  pr as PanoMeasurePluginModel,
+  nr as PanoMeasurePluginPoint,
+  Pr as PanoMeasurePluginPolyline,
+  or as default
 };

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

@@ -15,7 +15,6 @@ import { ItemDom as y } from "./base.js";
 import { getGeometryInfo as I } from "../../../shared-utils/three/geometryUtil.js";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
@@ -36,7 +35,7 @@ import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 import "../../../shared-utils/three/getObjectVisible.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-class X extends y {
+class W extends y {
   constructor(t) {
     t.containerStyle = s(p({}, t.containerStyle), {
       zIndex: "1"
@@ -67,5 +66,5 @@ class X extends y {
   }
 }
 export {
-  X as AreaItem
+  W as AreaItem
 };

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

@@ -1,24 +1,24 @@
-var $ = Object.defineProperty, j = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
+var j = Object.defineProperty, w = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
-var H = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var u = (e, n, t) => n in e ? $(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, b = (e, n) => {
-  for (var t in n || (n = {}))
-    H.call(n, t) && u(e, t, n[t]);
+var z = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var u = (n, e, t) => e in n ? j(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, y = (n, e) => {
+  for (var t in e || (e = {}))
+    z.call(e, t) && u(n, t, e[t]);
   if (P)
-    for (var t of P(n))
-      z.call(n, t) && u(e, t, n[t]);
-  return e;
-}, y = (e, n) => j(e, w(n));
-var C = (e, n, t) => (u(e, typeof n != "symbol" ? n + "" : n, t), t);
-import { ItemDom as F } from "./base.js";
+    for (var t of P(e))
+      F.call(e, t) && u(n, t, e[t]);
+  return n;
+}, b = (n, e) => w(n, H(e));
+var C = (n, e, t) => (u(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { ItemDom as Y } from "./base.js";
 import { Vector2 as I } from "three";
 import { isNDCPointInFront as g } from "../isNDCPointInScreen.js";
-import { centerPoint as Y } from "../../../shared-utils/three/centerPoint.js";
-class A extends F {
+import { centerPoint as k } from "../../../shared-utils/three/centerPoint.js";
+class B extends Y {
   constructor(t) {
     var o;
-    t.contentStyle = y(b({}, t.contentStyle), {
+    t.contentStyle = b(y({}, t.contentStyle), {
       background: "rgba(195,195,195,0.70)",
       border: "0.5px solid rgba(255,255,255,0.6)",
       borderRadius: "999px"
@@ -39,15 +39,15 @@ class A extends F {
     const a = o.clientWidth, r = o.clientHeight, d = a / 2, c = r / 2;
     if (this.line.points.length < 2)
       return;
-    const [l, h] = this.line.points, i = l.position.clone().project(t.camera), s = h.position.clone().project(t.camera), m = Y(l.position, h.position).clone().project(t.camera), p = new I(i.x * d, i.y * c), f = new I(s.x * d, s.y * c), x = p.distanceTo(f);
+    const [l, h] = this.line.points.map(($) => $.position.clone().applyMatrix4(this.line.mesh.matrixWorld)), i = l.clone().project(t.camera), s = h.clone().project(t.camera), m = k(l, h).clone().project(t.camera), p = new I(i.x * d, i.y * c), f = new I(s.x * d, s.y * c), x = p.distanceTo(f);
     if ((() => !(Math.abs(i.z) > 1 || Math.abs(s.z) > 1 || !g(i) && !g(s) || !g(m) || x === 0))() === !1) {
       this.hide();
       return;
     }
-    const S = (m.x + 1) / 2 * a, E = -(m.y - 1) / 2 * r, M = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, T = this.containerDom.parentElement && this.contentDom.clientWidth > x ? -20 : 0;
-    this.containerDom.style.transform = `translate(${S}px, ${E}px) rotate(${M}deg) translateY(${T}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
-    const W = this.getCurrentContent();
-    this.contentDom.innerText = W;
+    const S = (m.x + 1) / 2 * a, E = -(m.y - 1) / 2 * r, M = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, W = this.containerDom.parentElement && this.contentDom.clientWidth > x ? -20 : 0;
+    this.containerDom.style.transform = `translate(${S}px, ${E}px) rotate(${M}deg) translateY(${W}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
+    const T = this.getCurrentContent();
+    this.contentDom.innerText = T;
   }
   /** 获取内容文本 */
   getCurrentContent() {
@@ -59,5 +59,5 @@ class A extends F {
   }
 }
 export {
-  A as DistanceItem
+  B as DistanceItem
 };

package/libs/PanoTagPlugin/Components/Tag/MarketingTag.js

@@ -1,7 +1,6 @@
 import { SvelteComponent as te, init as le, safe_not_equal as ie, append_styles as se, element as p, create_component as re, space as C, text as S, attr as d, set_style as L, null_to_empty as D, toggle_class as H, insert as y, mount_component as ne, append as q, set_data as P, transition_in as oe, transition_out as ae, detach as T, destroy_component as ce, src_url_equal as F, action_destroyer as fe, listen as me, destroy_each as O, run_all as ge } from "../../../vendor/svelte/internal/index.js";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
@@ -424,11 +423,11 @@ function ze(l, e, t) {
     U
   ];
 }
-class Ke extends te {
+class Je extends te {
   constructor(e) {
     super(), le(this, e, ze, ue, ie, { tag: 0 }, he);
   }
 }
 export {
-  Ke as default
+  Je as default
 };

package/libs/PanoTagPlugin/Components/Tag/index.js

@@ -64,7 +64,6 @@ import "../../../vendor/svelte-carousel/src/utils/ProgressManager.js";
 import "../../../vendor/svelte-carousel/src/utils/interval.js";
 import "../Common/MediaItem.js";
 import "hammerjs";
-import "@realsee/five";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../shared-utils/positionToVector3.js";
@@ -729,7 +728,7 @@ function TA(n, A, t) {
     G
   ];
 }
-class ct extends tA {
+class ut extends tA {
   constructor(A) {
     super(), nA(
       this,
@@ -752,5 +751,5 @@ class ct extends tA {
   }
 }
 export {
-  ct as default
+  ut as default
 };

package/libs/PanoTagPlugin/Components/TagContainer.js

@@ -59,7 +59,6 @@ import "../../vendor/svelte-carousel/src/utils/interval.js";
 import "./Common/MediaItem.js";
 import "./Tag/MarketingTag.js";
 import "hammerjs";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/positionToVector3.js";
@@ -297,7 +296,7 @@ function K(p, t, e) {
     n
   ];
 }
-class qe extends A {
+class Te extends A {
   constructor(t) {
     super(), z(
       this,
@@ -321,5 +320,5 @@ class qe extends A {
   }
 }
 export {
-  qe as default
+  Te as default
 };

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -61,7 +61,6 @@ import "../../vendor/svelte-carousel/src/utils/interval.js";
 import "./Common/MediaItem.js";
 import "./Tag/MarketingTag.js";
 import "hammerjs";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/positionToVector3.js";
@@ -494,7 +493,7 @@ function fe(n, e, i) {
     C
   ];
 }
-class Yt extends U {
+class Xt extends U {
   constructor(e) {
     super(), W(
       this,
@@ -516,5 +515,5 @@ class Yt extends U {
   }
 }
 export {
-  Yt as default
+  Xt as default
 };

package/libs/PanoTagPlugin/controller/TagCache.js

@@ -5,7 +5,6 @@ import { Controller as g } from "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/positionToVector3.js";
@@ -27,7 +26,7 @@ import "../../shared-utils/url/absoluteUrl.js";
 import "../../shared-utils/Utils/WorkUtil.js";
 import "../../shared-utils/Utils/BaseUtil.js";
 import "../../shared-utils/five/transformPosition.js";
-class J extends g {
+class H extends g {
   constructor(t) {
     super(t);
     s(this, "tagCacheByPanoIndex", {});
@@ -62,5 +61,5 @@ class J extends g {
   }
 }
 export {
-  J as TagCache
+  H as TagCache
 };

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -25,7 +25,6 @@ import { getTagCenterPosition as k, getTagPosition as q } from "../utils/tagPosi
 import { checkRange as P } from "../utils/checkRange.js";
 import { isPanoramaLike as x, isModelLike as H } from "../../shared-utils/five/mode.js";
 import "hammerjs";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
@@ -65,6 +64,7 @@ import "../../shared-utils/device.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../shared-utils/five/fiveModelLoad.js";
+import "@realsee/five";
 import "../utils/model/mediaPlane.js";
 import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/Quadrangle.js";

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -40,7 +40,6 @@ import "../utils/tagPosition.js";
 import "../utils/checkRange.js";
 import "../../shared-utils/five/mode.js";
 import "hammerjs";
-import "@realsee/five";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
@@ -76,6 +75,7 @@ import "../../shared-utils/device.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../shared-utils/five/fiveModelLoad.js";
+import "@realsee/five";
 import "../../shared-utils/five/FiveDomEvents.js";
 import "../../shared-utils/five/calculateThreeMouse.js";
 import "../utils/tag/adaptConfig.js";

package/libs/PanoVideoPlugin/Controller.js

@@ -16,7 +16,6 @@ import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
 import "hammerjs";
 import "three";
-import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../shared-utils/positionToVector3.js";
@@ -41,7 +40,7 @@ import "../shared-utils/url/absoluteUrl.js";
 import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/Utils/BaseUtil.js";
 import "../shared-utils/five/transformPosition.js";
-class Y extends _ {
+class X extends _ {
   constructor(r) {
     super(r);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
@@ -184,5 +183,5 @@ class Y extends _ {
   }
 }
 export {
-  Y as PanoVideoPluginController
+  X as PanoVideoPluginController
 };