@realsee/dnalogel 2.16.0-10 → 2.16.0-12

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,19 +1,19 @@
 var n = Object.defineProperty;
 var s = (o, i, e) => i in o ? n(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
 var t = (o, i, e) => (s(o, typeof i != "symbol" ? i + "" : i, e), e);
-import "three";
 import { Polyline as r } from "./polyline.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
 import { Subscribe as p } from "@realsee/five";
 import "./line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "three";
 import "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "./point.js";
 import "../../shared-utils/removeArrayItem.js";
-class E {
+class I {
   constructor(i) {
     t(this, "config");
     t(this, "polylines", []);
@@ -22,7 +22,7 @@ class E {
   }
   addPolyline(i) {
     if (this.includes(i)) {
-      console.error(new Error("\u4E0D\u80FD\u91CD\u590D\u6DFB\u52A0 polyline"));
+      console.error(new Error("不能重复添加 polyline"));
       return;
     }
     this.polylines.push(i), this.hook.emit("polylineAdded", i);
@@ -34,7 +34,7 @@ class E {
   removePolyline(i) {
     const e = this.polylines.findIndex(({ id: l }) => l === i.id);
     if (e === -1) {
-      console.error(new Error("polyline \u4E0D\u5B58\u5728"));
+      console.error(new Error("polyline 不存在"));
       return;
     }
     this.polylines.splice(e, 1), this.hook.emit("polylineRemoved", i);
@@ -72,5 +72,5 @@ class E {
   }
 }
 export {
-  E as Model
+  I as Model
 };

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

@@ -1,8 +1,8 @@
 import type { Model } from '.';
-import Point from './point';
+import type Point from './point';
 import type { LineJson } from '../typings/data';
 import type { Line as FiveLine } from '@realsee/five/line';
-import { Polyline } from './polyline';
+import type { Polyline } from './polyline';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
 import { DistanceItem } from '../utils/distanceDom';
 export interface ILineHook extends SubscribeEventMap {

package/libs/PanoMeasurePlugin/Model/line.js

@@ -1,13 +1,13 @@
 var r = Object.defineProperty;
-var u = (s, t, i) => t in s ? r(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var e = (s, t, i) => (u(s, typeof t != "symbol" ? t + "" : t, i), i);
-import "three";
-import { uuid as m } from "../../shared-utils/uuid.js";
-import { Subscribe as c } from "@realsee/five";
+var m = (s, t, i) => t in s ? r(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var e = (s, t, i) => (m(s, typeof t != "symbol" ? t + "" : t, i), i);
+import { uuid as c } from "../../shared-utils/uuid.js";
 import { createLineMesh as h } from "../utils/line.js";
-import { createDistanceItem as d } from "../utils/distanceDom.js";
+import { Subscribe as d } from "@realsee/five";
+import { createDistanceItem as p } from "../utils/distanceDom.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
+import "three";
 import "../utils/isNDCPointInScreen.js";
 class l {
   constructor(t, i, o) {
@@ -23,9 +23,9 @@ class l {
     e(this, "distanceItem");
     e(this, "polyline");
     var n;
-    if (this.id = m(), this.model = o, t.id === i.id)
-      throw new Error("\u65E0\u6548\u7684\u7EBF\u6BB5, \u4E00\u4E2A\u70B9\u65E0\u6CD5\u6784\u6210\u7EBF\u6BB5");
-    typeof o.config.defaultText == "string" && (this.text = o.config.defaultText), this.hook = new c(), this.points = [t, i], this.mesh = h(this, "normal"), this.lightMesh = h(this, "light"), this.distanceItem = d({
+    if (this.id = c(), this.model = o, t.id === i.id)
+      throw new Error("无效的线段, 一个点无法构成线段");
+    typeof o.config.defaultText == "string" && (this.text = o.config.defaultText), this.hook = new d(), this.points = [t, i], this.mesh = h(this, "normal"), this.lightMesh = h(this, "light"), this.distanceItem = p({
       line: this,
       clickCallback: () => this.hook.emit("selected", this),
       userDistanceItem: (n = this.model.config) != null && n.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0

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

@@ -2,7 +2,7 @@ import type { PolylineJson } from '../typings/data';
 import Line from './line';
 import Point from './point';
 import { Subscribe } from '@realsee/five';
-import { Model } from '.';
+import type { Model } from '.';
 export declare type PolylineEventMap = {
     /** 新增线条
      * @param line 被创建的线条

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -2,39 +2,39 @@ var a = Object.defineProperty;
 var m = (r, i, t) => i in r ? a(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
 var s = (r, i, t) => (m(r, typeof i != "symbol" ? i + "" : i, t), t);
 import P from "./line.js";
-import E from "./point.js";
-import { uuid as B } from "../../shared-utils/uuid.js";
-import { Subscribe as g } from "@realsee/five";
-import "three";
+import g from "./point.js";
+import { uuid as L } from "../../shared-utils/uuid.js";
+import { Subscribe as v } from "@realsee/five";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
+import "three";
 import "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
-class J {
+class R {
   constructor(i) {
-    s(this, "id", B());
+    s(this, "id", L());
     s(this, "lines", []);
     s(this, "points", []);
     s(this, "visiblePanoIndexes");
     s(this, "model");
     s(this, "type", "polyline");
-    s(this, "hook", new g());
+    s(this, "hook", new v());
     this.model = i.model;
   }
   addLine(i) {
     if (this.includes(i)) {
-      console.error(new Error("\u4E0D\u80FD\u91CD\u590D\u6DFB\u52A0\u7EBF\u6BB5"));
+      console.error(new Error("不能重复添加线段"));
       return;
     }
-    const t = this.getLastPoint(), h = t && i.findAnotherPoint(t);
-    t ? t && h ? (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i)) : console.error(new Error("\u4F20\u5165\u7EBF\u6BB5\u65E0\u6CD5\u4E0E\u5F53\u524D\u6298\u7EBF\u8FDB\u884C\u8FDE\u63A5")) : (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i));
+    const t = this.getLastPoint(), l = t && i.findAnotherPoint(t);
+    t ? t && l ? (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i)) : console.error(new Error("传入线段无法与当前折线进行连接")) : (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i));
   }
   removeLine(i) {
     if (this.lines.length !== 0) {
       if (!this.isLastLine(i)) {
-        console.error(new Error("\u4F20\u5165\u7EBF\u6BB5\u4E0D\u662F\u5F53\u524D\u6298\u7EBF\u7684\u6700\u540E\u4E00\u6BB5"));
+        console.error(new Error("传入线段不是当前折线的最后一段"));
         return;
       }
       this.lines.pop(), this.lines.length === 0 ? this.points.slice(0, this.points.length) : this.points.pop(), this.hook.emit("lineRemoved", i);
@@ -50,6 +50,7 @@ class J {
   clear() {
     this.lines.slice(0, this.lines.length), this.points.slice(0, this.points.length);
   }
+  /** 是否产生重叠 */
   overlapWith(i) {
     return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((t) => this.includes(t)) : i.type === "polyline" ? i.points.some((t) => this.includes(t)) : !0;
   }
@@ -74,27 +75,27 @@ class J {
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t, getAllPoints: h } = f(), d = i.lines.map((e) => {
-      const [l, p] = e.points, n = t(l), u = t(p);
-      if (!n || !u)
-        throw new Error("\u7EBF\u4E0A\u7684\u70B9\u4E0D\u5B58\u5728");
-      const o = new P(n, u, this.model);
+    const { getPoint: t, getAllPoints: l } = f(), d = i.lines.map((e) => {
+      const [p, u] = e.points, n = t(p), h = t(u);
+      if (!n || !h)
+        throw new Error("线上的点不存在");
+      const o = new P(n, h, this.model);
       return o.id = e.id, o.text = e.text, o;
-    }), c = h();
+    }), c = l();
     this.points.push(...c), this.lines.push(...d), this.visiblePanoIndexes = i.visiblePanoIndexes;
     function f() {
       const e = /* @__PURE__ */ new Map();
-      function l(n) {
-        const u = e.get(n.id);
-        if (u)
-          return u;
-        const o = new E(n.position);
+      function p(n) {
+        const h = e.get(n.id);
+        if (h)
+          return h;
+        const o = new g(n.position);
         return o.id = n.id, e.set(n.id, o), o;
       }
-      function p() {
+      function u() {
         return Array.from(e.values());
       }
-      return { getPoint: l, getAllPoints: p };
+      return { getPoint: p, getAllPoints: u };
     }
     return this;
   }
@@ -103,5 +104,5 @@ class J {
   }
 }
 export {
-  J as Polyline
+  R as Polyline
 };

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

@@ -26,7 +26,7 @@ class D {
     }), this.cancelDelete = (t == null ? void 0 : t.cancelDelete) || (() => {
     }), this.container.classList.add("fpm__delete"), this.container.style.opacity = "0", this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "10px", this.container.style.transform = "translate3d(0, 0, 10px)", this.container.style.pointerEvents = "none", this.container.style.transition = "top 200ms ease, opacity 200ms ease", this.container.style.zIndex = "99", this.content.classList.add("fpm__delete-content"), this.content.style.width = "62px", this.content.style.height = "26px", this.content.style.display = "flex", this.content.style.alignItems = "center", this.content.style.justifyContent = "center", this.content.style.transform = "translate(-50%, -50%)", this.content.style.color = "#fff", this.content.style.fontSize = "12px", this.content.style.lineHeight = "17px", this.content.style.borderRadius = "11px", this.content.style.backgroundSize = "100% 100%", this.content.style.cursor = "pointer", this.content.style.userSelect = "none", this.content.style.backgroundImage = `url(${p})`, this.content.innerHTML = `
       ${f}
-      <span>${(r = (o = t.i18n) == null ? void 0 : o.call(t, "\u5220\u9664")) != null ? r : "\u5220\u9664"}</span>
+      <span>${(r = (o = t.i18n) == null ? void 0 : o.call(t, "删除")) != null ? r : "删除"}</span>
     `, this.container.append(this.content);
     const s = this.content.querySelector(".fpm__delete-icon");
     s && (s.style.width = "16px", s.style.height = "17px", s.style.marginRight = "1px"), this.content.addEventListener("click", this.onClick), this.content.addEventListener("mouseenter", this.onMouseEnter), this.content.addEventListener("mouseleave", this.onMouseLeave), this.masking.setAttribute("style", "position: absolute;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;"), this.masking.addEventListener("click", this.cancelDelete), this.masking.addEventListener("touchstart", this.cancelDelete);
@@ -61,7 +61,7 @@ class D {
     return this.visible = !1, this.masking.style.pointerEvents = "none", this.container.style.opacity = "0", this.container.style.top = "10px", this.container.style.pointerEvents = "none", this;
   }
   show() {
-    return console.trace("\u{1F436} ~ show"), this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.top = "0", this.container.style.pointerEvents = "auto", this;
+    return console.trace("🐶 ~ show"), this.visible = !0, this.masking.style.pointerEvents = "auto", this.container.style.opacity = "1", this.container.style.top = "0", this.container.style.pointerEvents = "auto", this;
   }
 }
 export {

package/libs/PanoMeasurePlugin/Modules/FiveHelper.js

@@ -6,8 +6,9 @@ class u {
   constructor(e) {
     i(this, "edges", []);
     i(this, "five");
+    /** 模型加载后获取折线 */
     i(this, "onModelLoaded", () => {
-      !this.five.model || (this.edges = this.five.model.getEdges());
+      this.five.model && (this.edges = this.five.model.getEdges());
     });
     this.five = e, this.five.model.loaded ? this.onModelLoaded() : this.five.on("modelLoaded", this.onModelLoaded);
   }

package/libs/PanoMeasurePlugin/Modules/GuideController.js

@@ -1,15 +1,16 @@
-var s = Object.defineProperty;
-var o = (i, t, e) => t in i ? s(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var u = (i, t, e) => (o(i, typeof t != "symbol" ? t + "" : t, e), e);
-class h {
+var o = Object.defineProperty;
+var a = (n, t, e) => t in n ? o(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (n, t, e) => (a(n, typeof t != "symbol" ? t + "" : t, e), e);
+class r {
   constructor(t, e) {
-    u(this, "measureController");
-    u(this, "textDom", document.createElement("span"));
-    u(this, "container", document.createElement("div"));
-    u(this, "hasAnchor", !1);
-    u(this, "hasChangedToWatch", !1);
-    u(this, "_params");
-    u(this, "onModelChange", (t) => {
+    i(this, "measureController");
+    i(this, "textDom", document.createElement("span"));
+    i(this, "container", document.createElement("div"));
+    i(this, "hasAnchor", !1);
+    /** 是否曾经切换到 Watch 模式过 */
+    i(this, "hasChangedToWatch", !1);
+    i(this, "_params");
+    i(this, "onModelChange", (t) => {
       var e;
       if (t === "View") {
         this.hide();
@@ -19,15 +20,15 @@ class h {
         this.hasChangedToWatch ? (this.textDom.innerText = "", this.hide()) : (this.show(), this.hasChangedToWatch = !0);
         return;
       }
-      t === "Edit" && (this.textDom.innerText = (e = this._params.firstPointTip) != null ? e : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9", this.show());
+      t === "Edit" && (this.textDom.innerText = (e = this._params.firstPointTip) != null ? e : "请选择第一个测量点，Esc或单击鼠标右键可取消选择", this.show());
     });
-    u(this, "anchorChange", (t) => {
-      var e, n;
-      !this.hasAnchor && !!t ? (this.hasAnchor = !0, this.textDom.innerText = (e = this._params.nextPointTip) != null ? e : "\u9009\u62E9\u4E0B\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53D6\u6D88\u9009\u62E9") : t || (this.hasAnchor = !1, this.textDom.innerText = (n = this._params.firstPointTip) != null ? n : "\u8BF7\u9009\u62E9\u7B2C\u4E00\u4E2A\u6D4B\u91CF\u70B9\uFF0CEsc\u6216\u5355\u51FB\u9F20\u6807\u53F3\u952E\u53EF\u53D6\u6D88\u9009\u62E9");
+    i(this, "anchorChange", (t) => {
+      var e, s;
+      !this.hasAnchor && t ? (this.hasAnchor = !0, this.textDom.innerText = (e = this._params.nextPointTip) != null ? e : "选择下一个测量点，Esc或单击鼠标右键取消选择") : t || (this.hasAnchor = !1, this.textDom.innerText = (s = this._params.firstPointTip) != null ? s : "请选择第一个测量点，Esc或单击鼠标右键可取消选择");
     });
-    u(this, "onEditedLineChange", (t) => {
+    i(this, "onEditedLineChange", (t) => {
       var e;
-      t.lines.length === 1 && (this.textDom.innerText = (e = this._params.endTip) != null ? e : "\u53EF\u4EE5\u8FDE\u7EED\u9009\u62E9\u6D4B\u91CF\u70B9\uFF0C\u6216\u70B9\u51FB\u4E0B\u65B9\u201C\u7ED3\u675F\u201D\u6309\u94AE\u5B8C\u6210\u6D4B\u91CF\uFF08Esc\u53D6\u6D88\uFF0CCommand+S\u4FDD\u5B58\uFF09");
+      t.lines.length === 1 && (this.textDom.innerText = (e = this._params.endTip) != null ? e : "可以连续选择测量点，或点击下方“结束”按钮完成测量（Esc取消，Command+S保存）");
     });
     this._params = e, this.initDom(), e.container.append(this.container), this.measureController = t, t.hook.on("modeChange", this.onModelChange), t.hook.on("anchorChange", this.anchorChange), t.hook.on("editedPolylineChange", this.onEditedLineChange);
   }
@@ -41,11 +42,11 @@ class h {
     return this.container.style.opacity = "0", this.container.style.transform = "translate(0, -10px)", this.measureController.hook.off("modeChange", this.onModelChange), this.measureController.hook.off("anchorChange", this.anchorChange), this.measureController.hook.off("editedPolylineChange", this.onEditedLineChange), this;
   }
   initDom() {
-    var n;
+    var s;
     const t = this.container, e = this.textDom;
-    t.classList.add("fpm__guide-container"), t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.width = "100%", t.style.height = "110px", t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.style.transform = "translate(0, -10px)", t.style.background = "linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%)", t.style.transition = "opacity 500ms ease-in-out, transform 500ms ease-in-out", t.style.opacity = "0", e.classList.add("fpm__guide-text"), e.style.color = "#fff", e.style.fontSize = "20px", e.innerText = (n = this._params.startTip) != null ? n : "\u70B9\u51FB\u4E0B\u65B9\u201C\u5F00\u59CB\u201D\u6309\u94AE\u5F00\u59CB\u6D4B\u8DDD", t.appendChild(e);
+    t.classList.add("fpm__guide-container"), t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", t.style.width = "100%", t.style.height = "110px", t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.style.transform = "translate(0, -10px)", t.style.background = "linear-gradient(180deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.00) 100%)", t.style.transition = "opacity 500ms ease-in-out, transform 500ms ease-in-out", t.style.opacity = "0", e.classList.add("fpm__guide-text"), e.style.color = "#fff", e.style.fontSize = "20px", e.innerText = (s = this._params.startTip) != null ? s : "点击下方“开始”按钮开始测距", t.appendChild(e);
   }
 }
 export {
-  h as GuideController
+  r as GuideController
 };

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -1,7 +1,7 @@
 var p = Object.defineProperty;
-var C = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var n = (r, t, e) => (C(r, typeof t != "symbol" ? t + "" : t, e), e);
-import b from "hammerjs";
+var b = (r, t, e) => t in r ? p(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var n = (r, t, e) => (b(r, typeof t != "symbol" ? t + "" : t, e), e);
+import C from "hammerjs";
 import * as l from "three";
 import { Subscribe as w } from "@realsee/five";
 function d(r, t, e) {
@@ -52,7 +52,7 @@ class S {
     });
     var i, h, a;
     if (!t.renderer)
-      throw new Error("Five Render \u672A\u521D\u59CB\u5316");
+      throw new Error("Five Render 未初始化");
     this.five = t, this.scale = (i = e == null ? void 0 : e.scale) != null ? i : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (a = e == null ? void 0 : e.height) != null ? a : 190, this.config = {
       dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
       autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
@@ -61,7 +61,7 @@ class S {
     const s = this.canvas.getContext("2d");
     if (!s)
       throw new Error("CANNOT CREATE CONTEXT2D");
-    this.context = s, this.config.dragEnabled && (this.hammer = new b(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
+    this.context = s, this.config.dragEnabled && (this.hammer = new C(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panstart", this.onPanstart), this.hammer.on("panend", this.onPanend)), this.initStyle();
   }
   dispose() {
     var t;
@@ -72,23 +72,27 @@ class S {
       return this.state.enabled = !0, this.containerDom && this._appendTo(this.containerDom), this;
   }
   disable() {
-    if (!!this.state.enabled)
+    if (this.state.enabled)
       return this.state.enabled = !1, this.canvas.remove(), this;
   }
+  /** 把放大镜放到某一个容器中 */
   appendTo(t) {
     return this.containerDom = t, this.state.enabled && this._appendTo(t), this;
   }
+  /** 清除放大镜渲染内容 */
   clear() {
     return this.context.clearRect(0, 0, this.canvas.width, this.canvas.height), this;
   }
+  /** 放大传入点位周围的内容 */
   renderWithPoint(t) {
-    !this.containerDom || !this.state.enabled || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+    this.containerDom && this.state.enabled && (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
   }
+  /** 放大传入点位周围的内容 */
   renderWithScreenPoint(t) {
-    !this.containerDom || !this.state.enabled || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+    this.containerDom && this.state.enabled && (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
   }
   resetOffset() {
-    this.offset = { x: 0, y: 0 }, this.canvas.style.transform = `translate3d(${0}px, ${0}px, 100px)`;
+    this.offset = { x: 0, y: 0 }, this.canvas.style.transform = "translate3d(0px, 0px, 100px)";
   }
   getCurrentState() {
     return { enabled: this.state.enabled };
@@ -119,7 +123,7 @@ class S {
       } else
         return [this.renderCenter.x, this.containerDom.clientWidth - this.renderCenter.x, this.renderCenter.y];
     })();
-    s < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = 90 + "px") : h < 183 ? (this.canvas.style.top = 90 + "px", this.canvas.style.left = -t / 2 + "px") : i < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${s}px, ${h}px, 10px)`, this.offset = { x: s, y: h };
+    s < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = "90px") : h < 183 ? (this.canvas.style.top = "90px", this.canvas.style.left = -t / 2 + "px") : i < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${s}px, ${h}px, 10px)`, this.offset = { x: s, y: h };
   }
   render() {
     if (!this.five.renderer || !this.containerDom)

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

@@ -1,4 +1,4 @@
-import { UIControllerParams } from '.';
+import type { UIControllerParams } from '.';
 import type MeasureController from '../../Controller';
 export declare class MainBtnController {
     private container;

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

@@ -2,23 +2,24 @@ var c = Object.defineProperty;
 var h = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var n = (s, e, t) => (h(s, typeof e != "symbol" ? e + "" : e, t), t);
 import { mainIconStyle as d, mainItemStyle as x } from "./style.js";
-import "three";
-class T {
+class u {
   constructor(e, t, i) {
     n(this, "container");
     n(this, "measureController");
     n(this, "mainElement");
     n(this, "_params");
     n(this, "_btnTexts", {
-      start: "\u5F00\u59CB",
-      end: "\u7ED3\u675F",
-      revoke: "\u64A4\u9500",
-      exit: "\u9000\u51FA"
+      start: "开始",
+      end: "结束",
+      revoke: "撤销",
+      exit: "退出"
     });
+    /* 鼠标移入时 */
     n(this, "onMouseEnter", () => {
       const { mainItem: e } = this.mainElement;
       e.style.opacity = "1";
     });
+    /* 鼠标移出时 */
     n(this, "onMouseLeave", () => {
       const { mainItem: e } = this.mainElement;
       e.style.opacity = "0.85";
@@ -70,5 +71,5 @@ class T {
   }
 }
 export {
-  T as MainBtnController
+  u as MainBtnController
 };

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

@@ -1,8 +1,7 @@
 var h = Object.defineProperty;
 var i = (r, e, n) => e in r ? h(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
 var o = (r, e, n) => (i(r, typeof e != "symbol" ? e + "" : e, n), n);
-import "three";
-class l {
+class c {
   constructor(e, n) {
     o(this, "container");
     o(this, "revokeIcon");
@@ -24,7 +23,7 @@ class l {
     this.measureController = e, this.container = n;
     const t = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
     if (!t || !s)
-      throw new Error("\u4E0D\u6B63\u786E\u7684\u9009\u62E9\u5668");
+      throw new Error("不正确的选择器");
     this.revokeIcon = t, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
   }
   dispose() {
@@ -32,5 +31,5 @@ class l {
   }
 }
 export {
-  l as default
+  c as default
 };

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

@@ -1,23 +1,22 @@
 var c = Object.defineProperty;
-var h = (s, t, e) => t in s ? c(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var i = (s, t, e) => (h(s, typeof t != "symbol" ? t + "" : t, e), e);
+var h = (i, t, e) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var s = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
 import m from "./HTML.js";
 import p from "./mobileHTML.js";
 import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
 import { MainBtnController as _ } from "./MainBtnController.js";
 import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
 import E from "./Revoke/index.js";
-import "three";
-class O {
+class w {
   constructor(t, e) {
-    i(this, "revoke");
-    i(this, "container");
-    i(this, "mainController");
-    i(this, "disposers", []);
-    i(this, "measureController");
-    i(this, "mode");
-    i(this, "_params");
-    i(this, "handleExit", () => {
+    s(this, "revoke");
+    s(this, "container");
+    s(this, "mainController");
+    s(this, "disposers", []);
+    s(this, "measureController");
+    s(this, "mode");
+    s(this, "_params");
+    s(this, "handleExit", () => {
       const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
       if (!e || !t)
         throw new Error("cannot find dom");
@@ -50,5 +49,5 @@ class O {
   }
 }
 export {
-  O as UIController
+  w as UIController
 };

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

@@ -11,7 +11,7 @@ const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5
       </radialGradient>
     </defs>
       <g fill="url(#radialGradient-1)" fill-rule="nonzero" stroke="url(#radialGradient-2)" stroke-width="0.2">
-        <path d="M19.1859205,4.10000004 C19.3691554,4.09993923 19.5526088,4.16602323 19.6925352,4.29904206 C19.8171021,4.41745965 19.8858582,4.56899486 19.8980316,4.7239943 C19.9103475,4.88080848 19.8647874,5.04088037 19.7661957,5.16777131 L19.7661957,5.16777131 L14.3769795,11.1697063 C14.1649599,11.4058657 14.0589501,11.7029328 14.0589501,12 C14.0589501,12.2970672 14.1649599,12.5941343 14.3769795,12.8302937 L14.3769795,12.8302937 L19.6928862,18.7509889 C19.8173649,18.8694879 19.8860087,19.0210672 19.8980683,19.1760728 C19.9102693,19.3328965 19.8645908,19.4929392 19.7701664,19.6153111 C19.6099275,19.772809 19.4324896,19.8610254 19.2586274,19.8856752 C19.0810547,19.910851 18.9081905,19.8692156 18.765363,19.7704965 L18.765363,19.7704965 L11.9999322,13.2904645 L5.32508998,19.6962598 C5.16077108,19.8156635 4.99335965,19.8785989 4.83451361,19.8898888 C4.67442082,19.9012674 4.52389835,19.8596921 4.3968979,19.7731206 C4.23619359,19.588506 4.14871527,19.4164558 4.12392544,19.2589757 C4.09801173,19.094356 4.14341261,18.9485987 4.23380428,18.8322287 L4.23380428,18.8322287 L9.62302046,12.8302937 C9.81773049,12.6134147 9.92302682,12.3451662 9.93892926,12.0727274 C9.95499717,11.7974536 9.87975312,11.5179151 9.70614397,11.2737767 L9.70614397,11.2737767 L4.31595492,5.25860214 C4.17860663,5.08857057 4.11166276,4.9104714 4.11172409,4.7432513 C4.11178577,4.57506821 4.18051603,4.41972395 4.30746483,4.29904206 C4.43371817,4.17902131 4.59543385,4.11349344 4.76041858,4.10187732 L4.76041858,4.10187732 L12.0000677,10.7085251 L18.6794563,4.29937602 C18.8192839,4.16626546 19.0026873,4.10006086 19.1859205,4.10000004 Z" id="\u5F62\u72B6\u7ED3\u5408"></path>
+        <path d="M19.1859205,4.10000004 C19.3691554,4.09993923 19.5526088,4.16602323 19.6925352,4.29904206 C19.8171021,4.41745965 19.8858582,4.56899486 19.8980316,4.7239943 C19.9103475,4.88080848 19.8647874,5.04088037 19.7661957,5.16777131 L19.7661957,5.16777131 L14.3769795,11.1697063 C14.1649599,11.4058657 14.0589501,11.7029328 14.0589501,12 C14.0589501,12.2970672 14.1649599,12.5941343 14.3769795,12.8302937 L14.3769795,12.8302937 L19.6928862,18.7509889 C19.8173649,18.8694879 19.8860087,19.0210672 19.8980683,19.1760728 C19.9102693,19.3328965 19.8645908,19.4929392 19.7701664,19.6153111 C19.6099275,19.772809 19.4324896,19.8610254 19.2586274,19.8856752 C19.0810547,19.910851 18.9081905,19.8692156 18.765363,19.7704965 L18.765363,19.7704965 L11.9999322,13.2904645 L5.32508998,19.6962598 C5.16077108,19.8156635 4.99335965,19.8785989 4.83451361,19.8898888 C4.67442082,19.9012674 4.52389835,19.8596921 4.3968979,19.7731206 C4.23619359,19.588506 4.14871527,19.4164558 4.12392544,19.2589757 C4.09801173,19.094356 4.14341261,18.9485987 4.23380428,18.8322287 L4.23380428,18.8322287 L9.62302046,12.8302937 C9.81773049,12.6134147 9.92302682,12.3451662 9.93892926,12.0727274 C9.95499717,11.7974536 9.87975312,11.5179151 9.70614397,11.2737767 L9.70614397,11.2737767 L4.31595492,5.25860214 C4.17860663,5.08857057 4.11166276,4.9104714 4.11172409,4.7432513 C4.11178577,4.57506821 4.18051603,4.41972395 4.30746483,4.29904206 C4.43371817,4.17902131 4.59543385,4.11349344 4.76041858,4.10187732 L4.76041858,4.10187732 L12.0000677,10.7085251 L18.6794563,4.29937602 C18.8192839,4.16626546 19.0026873,4.10006086 19.1859205,4.10000004 Z" id="形状结合"></path>
       </g>
   </svg>
 `, m = `

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

@@ -1,4 +1,4 @@
-import { UIControllerParams } from '.';
+import type { UIControllerParams } from '.';
 import type MeasureController from '../../Controller';
 export declare class MobileMainBtnController {
     private container;

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

@@ -2,20 +2,19 @@ var _ = Object.defineProperty;
 var r = (i, t, e) => t in i ? _(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var n = (i, t, e) => (r(i, typeof t != "symbol" ? t + "" : t, e), e);
 import { mainIconStyle as l, mainItemStyle as o } from "./style.js";
-import "three";
-class p {
+class d {
   constructor(t, e, s) {
     n(this, "container");
     n(this, "measureController");
     n(this, "mainElement");
     n(this, "_params");
     n(this, "_btnTexts", {
-      start: "\u5F00\u59CB",
-      end: "\u7ED3\u675F"
+      start: "开始",
+      end: "结束"
     });
     n(this, "onClick", () => {
       var t;
-      this.mainElement.mainTextDom.innerText === ((t = this._params.startButtonText) != null ? t : "\u5F00\u59CB") ? (this.measureController.hook.emit("willChangeState", "watching", "editing"), this.change2Done()) : (this.measureController.hook.emit("willChangeState", "editing", "watching"), this.change2Add());
+      this.mainElement.mainTextDom.innerText === ((t = this._params.startButtonText) != null ? t : "开始") ? (this.measureController.hook.emit("willChangeState", "watching", "editing"), this.change2Done()) : (this.measureController.hook.emit("willChangeState", "editing", "watching"), this.change2Add());
     });
     var a, m;
     this._params = s, this._btnTexts = {
@@ -50,5 +49,5 @@ class p {
   }
 }
 export {
-  p as MobileMainBtnController
+  d as MobileMainBtnController
 };