@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.3

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -20,10 +20,10 @@ import { Group as E } from "three";
 import { Model as k } from "../Model/index.js";
 import { Subscribe as D } from "@realsee/five";
 import { getMouseGroup as G } from "../utils/mouseGroup.js";
-import { UIController as w } from "../Modules/UIController/index.js";
+import { UIController as P } from "../Modules/UIController/index.js";
 import { GuideController as x } from "../Modules/GuideController.js";
 import { ShortcutKeyController as H } from "./ShortcutKeyController.js";
-import { safeObj as P } from "../../shared-utils/safeObj.js";
+import { safeObj as w } from "../../shared-utils/safeObj.js";
 import { Magnifier as L } from "../../shared-utils/three/Magnifier.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -54,6 +54,31 @@ 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/getIntersect.js";
+import "../../shared-utils/three/PointHelper.js";
+import "../../shared-utils/three/Assets/index.js";
+import "../../shared-utils/three/PointDomHelper.js";
+import "../Modules/rangePiece/html.js";
+import "../../CSS3DRenderPlugin/index.js";
+import "../../CSS3DRenderPlugin/Controller.js";
+import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../shared-utils/isAbsoluteURL.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 "../../shared-utils/animationFrame/BetterTween.js";
+import "../../shared-utils/animationFrame/index.js";
+import "../../shared-utils/isTouchDevice.js";
 import "../Modules/DeleteDom/index.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
 import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -63,8 +88,6 @@ import "../utils/findClosestPoint.js";
 import "../utils/ndc2Screen.js";
 import "../utils/findAssociatedLines.js";
 import "../Modules/rangePiece/index.js";
-import "../Modules/rangePiece/html.js";
-import "../../shared-utils/animationFrame/index.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../../shared-utils/tap.js";
@@ -74,35 +97,27 @@ import "../Modules/UIController/style.js";
 import "../Modules/UIController/MainBtnController.js";
 import "../Modules/UIController/mobileMainBtnController.js";
 import "../Modules/UIController/Revoke/index.js";
-import "../Components/Controller1.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 "../../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";
-class nt {
+class wt {
   constructor(e, t) {
     i(this, "hasOpen", !1);
     i(this, "hook", new D());
     i(this, "magnifier");
     i(this, "controller", null);
+    /** 允许的测量类型 */
+    i(this, "allowMeasureType");
     /** 当前的测量类型 */
     i(this, "currentMeasureType");
     i(this, "five");
     i(this, "model");
     i(this, "group");
     i(this, "config");
-    /** 允许的测量类型 */
-    i(this, "allowMeasureType");
     i(this, "isMobile");
     i(this, "fiveHelper");
     i(this, "useUIController");
@@ -110,15 +125,23 @@ class nt {
     i(this, "useGuideController");
     i(this, "container", document.createElement("div"));
     i(this, "shortcutKeyController");
+    /** 关闭插件功能
+     * @description 清除标尺线条
+     * @description 还原点位展示和默认鼠标 UI
+     */
+    i(this, "disable", () => {
+      var e, t, r, o;
+      this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (r = this.useGuideController) == null || r.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);
+    });
     i(this, "getCurrentMode", () => this.controller instanceof m ? "Edit" : this.controller instanceof M ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof C ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
     i(this, "changeMode", (e) => {
-      var r;
+      var o;
       if (!this.hasOpen || this.getCurrentMode() === e)
         return;
-      (r = this.controller) == null || r.dispose();
+      (o = this.controller) == null || o.dispose();
       const t = {
         View: C,
         Watch: M,
@@ -127,8 +150,8 @@ class nt {
       };
       if (!t[e])
         throw new Error("不存在的 Mode");
-      const o = this.createControllerParams();
-      this.controller = new t[e](o), this.hook.emit("modeChange", e);
+      const r = this.createControllerParams();
+      this.controller = new t[e](r), this.hook.emit("modeChange", e);
     });
     /**
      * @description: 切换测量的类型
@@ -136,15 +159,15 @@ class nt {
     i(this, "changeMeasureType", (e) => {
       this.currentMeasureType = e, this.hook.emit("measureTypeChange", e);
     });
-    var r, l, n, u, d, f, g;
-    this.five = e, this.params = t, this.config = T(t, ["openParams", "magnifierParams"]), this.model = new k(this.config), this.fiveHelper = new U(e), this.isMobile = (l = (r = t == null ? void 0 : t.openParams) == null ? void 0 : r.isMobile) != null ? l : !1, this.magnifier = new L(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((d = (u = t.editParams) == null ? void 0 : u.allowMeasureType) != null ? d : ["line"])), this.currentMeasureType = (f = this.allowMeasureType[0]) != null ? f : "line", this.group = new E(), 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 o = (g = this.params.openParams) != null ? g : {};
+    var o, l, n, u, d, f, g;
+    this.five = e, this.params = t, this.config = T(t, ["openParams", "magnifierParams"]), this.model = new k(this.config), this.fiveHelper = new U(e), this.isMobile = (l = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? l : !1, this.magnifier = new L(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((d = (u = t.editParams) == null ? void 0 : u.allowMeasureType) != null ? d : ["line"])), this.currentMeasureType = (f = this.allowMeasureType[0]) != null ? f : "line", this.group = new E(), 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 r = (g = this.params.openParams) != null ? g : {};
     if (this.params.useUIController !== !1) {
-      const p = h({ container: this.container, openParams: o }, P(this.params.useUIController));
-      this.useUIController = new w(this, p);
+      const p = h({ container: this.container, openParams: r }, w(this.params.useUIController));
+      this.useUIController = new P(this, p);
     }
     if (this.params.useGuideController !== !1) {
-      const p = h({ container: this.container }, P(this.params.useGuideController));
+      const p = h({ container: this.container }, w(this.params.useGuideController));
       this.useGuideController = new x(this, p);
     }
   }
@@ -170,14 +193,6 @@ class nt {
     var t;
     this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", e != null && e.mode ? this.changeMode(e.mode) : this.isMobile ? this.changeMode("Mixed") : this.changeMode("Watch"), (t = this.useUIController) == null || t.show(), this.shortcutKeyController = new H(this, this.five), this.hook.emit("enable", !0));
   }
-  /** 关闭插件功能
-   * @description 清除标尺线条
-   * @description 还原点位展示和默认鼠标 UI
-   */
-  disable() {
-    var e, t, o, r;
-    this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (o = this.useGuideController) == null || o.hide(), (r = this.shortcutKeyController) == null || r.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
-  }
   /** 进入编辑模式 */
   edit(e) {
     e && this.changeMeasureType(e);
@@ -219,10 +234,10 @@ class nt {
     var l;
     if (!(this.controller instanceof m) && !(this.controller instanceof a))
       return this;
-    const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", o = this.controller.model.polylines, r = this.controller.model.areas;
-    return o.forEach((n) => {
+    const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", r = this.controller.model.polylines, o = this.controller.model.areas;
+    return r.forEach((n) => {
       this.model.addPolyline(n);
-    }), r.forEach((n) => {
+    }), o.forEach((n) => {
       n.polygon.updatePoints(n.points), n.showArea(), this.model.addArea(n);
     }), this.changeMode(t), this;
   }
@@ -246,11 +261,11 @@ class nt {
     var t;
     if (this.isMobile = e, this.params.useUIController !== !1) {
       (t = this.useUIController) == null || t.dispose();
-      const o = h({
+      const r = h({
         container: this.container,
         mode: this.isMobile ? "mobile" : "pc"
       }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new w(this, o);
+      this.useUIController = new P(this, r);
     }
   }
   changeConfigs(e) {
@@ -259,15 +274,15 @@ class nt {
   }
   /** 设置线段的文本 */
   setCustomText(e, t) {
-    var r;
-    const o = this.model.getLineByID(e);
-    if (!o)
+    var o;
+    const r = this.model.getLineByID(e);
+    if (!r)
       throw new Error("不存在的线段");
-    o.setText(t), (r = this.controller) == null || r.updateDistanceUI();
+    r.setText(t), (o = this.controller) == null || o.updateDistanceUI();
   }
   createControllerParams() {
-    var o, r;
-    const e = (o = this.params.openParams) != null ? o : {}, t = (r = this.params.editParams) != null ? r : {};
+    var r, o;
+    const e = (r = this.params.openParams) != null ? r : {}, t = (o = this.params.editParams) != null ? o : {};
     return e.isMobile = this.isMobile, {
       five: this.five,
       hook: this.hook,
@@ -279,6 +294,7 @@ class nt {
       fiveHelper: this.fiveHelper,
       openParams: e,
       editParams: t,
+      magnifierParams: this.params.magnifierParams,
       getMeasureType: () => this.currentMeasureType,
       mouseGroup: G(h({}, e.crossHairParameter)),
       userDistanceItemCreator: this.params.userDistanceItemCreator
@@ -286,5 +302,5 @@ class nt {
   }
 }
 export {
-  nt as default
+  wt as default
 };

package/libs/PanoMeasurePlugin/Model/point.js

@@ -1,16 +1,21 @@
-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";
+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";
 import { uuid as h } from "../../shared-utils/uuid.js";
 import { removeArrayItem as m } from "../../shared-utils/removeArrayItem.js";
-class r {
+class e {
   constructor(i) {
-    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);
+    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[]");
   }
   toJson() {
     return { id: this.id, position: this.position.toArray() };
@@ -22,9 +27,9 @@ class r {
     m(i, this.lines);
   }
   clone() {
-    return new r(this.position);
+    return new e(this.position);
   }
 }
 export {
-  r as default
+  e as default
 };

package/libs/PanoMeasurePlugin/Model/polygon.js

@@ -1,11 +1,12 @@
 var c = Object.defineProperty;
-var m = (o, t, e) => t in o ? c(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var i = (o, t, e) => (m(o, typeof t != "symbol" ? t + "" : t, e), e);
+var d = (o, t, e) => t in o ? c(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => (d(o, typeof t != "symbol" ? t + "" : t, e), e);
 import * as r from "three";
 import { IObject3D as h } from "../../shared-utils/three/IObject3D.js";
-import p from "../utils/generatePolygonGeometry.js";
+import l from "../utils/generatePolygonGeometry.js";
 import "earcut";
-class g extends h {
+const p = new r.BufferGeometry();
+class w extends h {
   constructor(e) {
     super();
     i(this, "geometry", new r.BufferGeometry());
@@ -15,24 +16,24 @@ class g extends h {
       side: r.DoubleSide,
       depthTest: !0,
       opacity: 0.5
-    }), d = new r.MeshBasicMaterial({
+    }), m = new r.MeshBasicMaterial({
       color: 16777215,
       transparent: !0,
       side: r.DoubleSide,
       depthTest: !1,
       depthWrite: !1,
       opacity: 0.2
-    }), a = new r.Mesh(this.geometry, s), n = new r.Mesh(this.geometry, d);
-    a.renderOrder = 10, n.renderOrder = 0, e && this.updatePoints(e), this.add(a, n);
+    }), n = new r.Mesh(this.geometry, s), a = new r.Mesh(this.geometry, m);
+    n.renderOrder = 10, a.renderOrder = 0, e && this.updatePoints(e), this.add(n, a);
   }
   /**
    * @description: 按照新的端点来更新多边形的geometry
    */
   updatePoints(e) {
-    const s = p(e);
-    s && this.geometry.copy(s);
+    const s = l(e);
+    s ? this.geometry.copy(s) : this.geometry.copy(p);
   }
 }
 export {
-  g as default
+  w as default
 };

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -52,7 +52,7 @@ class S {
    * @description: 获取连续线段的顶点数量
    */
   getPointLength() {
-    return this.isEmpty() ? 0 : this.lines.length + 1;
+    return this.lines.length + 1;
   }
   clear() {
     const i = this.lines.slice();
@@ -83,14 +83,14 @@ class S {
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t, getAllPoints: h } = f(), d = i.lines.map((e) => {
-      const [p, u] = e.points, n = t(p), l = t(u);
+    const { getPoint: t, getAllPoints: h } = f(), u = i.lines.map((e) => {
+      const [p, d] = e.points, n = t(p), l = t(d);
       if (!n || !l)
         throw new Error("线上的点不存在");
       const o = new P(n, l, this.model);
       return o.id = e.id, o.text = e.text, o;
     }), c = h();
-    this.points.push(...c), this.lines.push(...d), this.visiblePanoIndexes = i.visiblePanoIndexes;
+    this.points.push(...c), this.lines.push(...u), this.visiblePanoIndexes = i.visiblePanoIndexes;
     function f() {
       const e = /* @__PURE__ */ new Map();
       function p(n) {
@@ -100,10 +100,10 @@ class S {
         const o = new g(n.position);
         return o.id = n.id, e.set(n.id, o), o;
       }
-      function u() {
+      function d() {
         return Array.from(e.values());
       }
-      return { getPoint: p, getAllPoints: u };
+      return { getPoint: p, getAllPoints: d };
     }
     return this;
   }

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/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;

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

@@ -1,18 +1,79 @@
 var c = Object.defineProperty;
-var m = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var o = (r, t, e) => (m(r, typeof t != "symbol" ? t + "" : t, e), e);
-import h 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 g from "./Revoke/index.js";
-import E from "../../Components/Controller1.js";
+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";
-class D {
-  constructor(t, e) {
+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");
@@ -22,41 +83,48 @@ class D {
     o(this, "svelteDom");
     o(this, "_params");
     o(this, "handleExit", () => {
-      const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
-      if (!e || !t)
+      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 s = () => {
-        e.style.opacity = "1";
-      }, i = () => {
-        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", s), e.addEventListener("mouseleave", i), () => {
-        e.removeEventListener("click", n), e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", i);
+      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 l;
-    this._params = e, this.measureController = t, this.mode = (l = e.mode) != null ? l : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : h, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", this.svelteDom = new E({
-      target: e.container,
+    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 }
-    });
-    const s = this.container.querySelectorAll(".fpm__text"), i = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
-    Object.assign(i == null ? void 0 : i.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), s.forEach((a) => Object.assign(a.style, f));
+    }) : 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() {
-    var t;
-    this.hide(), (t = this.svelteDom) == null || t.$destroy(), 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 g(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((s) => s()), 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 {
-  D as UIController
+  Ft as UIController
 };