@realsee/dnalogel 2.16.0-10 → 2.16.0-12

package/libs/PanoDoorLabelPlugin/DoorLabelItem.js

@@ -1,19 +1,45 @@
 import { SvelteComponent as h, init as k, safe_not_equal as _, append_styles as C, element as d, space as j, attr as p, null_to_empty as w, insert as B, append as b, listen as I, noop as v, detach as H, binding_callbacks as S } from "../vendor/svelte/internal/index.js";
-import f from "classnames";
+import { classnames as f } from "../vendor/classnames/index.js";
 function W(e) {
   C(e, "svelte-wpy7pz", '.plugin-DoorLabelPlugin-item.svelte-wpy7pz.svelte-wpy7pz{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;transition:opacity 0.3s ease}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz{position:absolute;top:50%;left:50%;border-radius:0.125rem;background:rgba(0, 0, 0, 0.35);line-height:0.75rem;padding:0.375rem;white-space:nowrap;font-size:0.75rem;font-style:normal;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease 1s, background ease 0.3s, color ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz::after{content:"";display:block;position:absolute;top:-0.0625rem;left:-0.0625rem;bottom:-0.0625rem;right:-0.0625rem;border-radius:0.125rem;border:0.0625rem solid rgba(0, 0, 0, 0);-o-border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;border-image:url("//vrlab-image4.ljcdn.com/release/web/highlightCarouseal-border-image.14b51834.png") 4;transition:opacity ease 0.3s}.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(255, 255, 255, 0.5)}.plugin-DoorLabelPlugin-icon.svelte-wpy7pz.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/DoorLabel-icon.de1304ae.svg") no-repeat;background-size:100%;display:inline-block;width:0.625rem;height:0.625rem;margin-left:0.25rem;transform-origin:center}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=forward].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=right].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].back.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=left].forward.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].right.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(90deg)}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-txt.svelte-wpy7pz{order:1}.plugin-DoorLabelPlugin-cnt[data-camera-toward=back].left.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{transform:rotate(-90deg);margin-left:0;margin-right:0.25rem;order:0}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz{color:#f9eac1}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz .plugin-DoorLabelPlugin-icon.svelte-wpy7pz{background:url("//vrlab-image4.ljcdn.com/release/web/arrow.6e8ec00e.svg") no-repeat}.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:active,.plugin-DoorLabelPlugin-cnt--customBrand.svelte-wpy7pz.svelte-wpy7pz:focus{background:rgba(0, 0, 0, 0.5);color:rgba(249, 234, 193, 0.5)}');
 }
 function q(e) {
-  let l, t, a, s, o, n, i, u;
+  let l, t, a, s, n, o, i, u;
   return {
     c() {
-      l = d("div"), t = d("div"), a = d("span"), a.textContent = `${e[8]}`, s = j(), o = d("i"), p(a, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz"), p(o, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz"), p(t, "class", n = w(f("plugin-DoorLabelPlugin-cnt", e[0].toward)) + " svelte-wpy7pz"), p(t, "style", `transform: ${e[6] || "initial"};pointer-events: ${e[5] ? "auto" : "none"};opacity: ${e[5] ? 1 : 0}`), p(t, "data-camera-toward", e[7]), p(l, "style", `left: ${e[3] || 0}%;top: ${e[4] || 0}%;opacity: ${e[5] ? 1 : 0}`), p(l, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
+      l = d("div"), t = d("div"), a = d("span"), a.textContent = `${/*name*/
+      e[8]}`, s = j(), n = d("i"), p(a, "class", "plugin-DoorLabelPlugin-txt svelte-wpy7pz"), p(n, "class", "plugin-DoorLabelPlugin-icon svelte-wpy7pz"), p(t, "class", o = w(f(
+        "plugin-DoorLabelPlugin-cnt",
+        /*props*/
+        e[0].toward
+      )) + " svelte-wpy7pz"), p(t, "style", `transform: ${/*transform*/
+      e[6] || "initial"};pointer-events: ${/*inSight*/
+      e[5] ? "auto" : "none"};opacity: ${/*inSight*/
+      e[5] ? 1 : 0}`), p(
+        t,
+        "data-camera-toward",
+        /*cameraToward*/
+        e[7]
+      ), p(l, "style", `left: ${/*left*/
+      e[3] || 0}%;top: ${/*top*/
+      e[4] || 0}%;opacity: ${/*inSight*/
+      e[5] ? 1 : 0}`), p(l, "class", "plugin-DoorLabelPlugin-item svelte-wpy7pz");
     },
     m(g, c) {
-      B(g, l, c), b(l, t), b(t, a), b(t, s), b(t, o), e[10](l), i || (u = I(t, "click", e[9]), i = !0);
+      B(g, l, c), b(l, t), b(t, a), b(t, s), b(t, n), e[10](l), i || (u = I(
+        t,
+        "click",
+        /*click_handler*/
+        e[9]
+      ), i = !0);
     },
     p(g, [c]) {
-      c & 1 && n !== (n = w(f("plugin-DoorLabelPlugin-cnt", g[0].toward)) + " svelte-wpy7pz") && p(t, "class", n);
+      c & /*props*/
+      1 && o !== (o = w(f(
+        "plugin-DoorLabelPlugin-cnt",
+        /*props*/
+        g[0].toward
+      )) + " svelte-wpy7pz") && p(t, "class", o);
     },
     i: v,
     o: v,
@@ -23,18 +49,18 @@ function q(e) {
   };
 }
 function E(e, l, t) {
-  let { props: a } = l, { onClick: s } = l, o, { left: n, top: i, inSight: u, transform: g, panoIndex: c, cameraToward: y, name: z } = a;
+  let { props: a } = l, { onClick: s } = l, n, { left: o, top: i, inSight: u, transform: g, panoIndex: c, cameraToward: y, name: z } = a;
   const D = () => {
-    if (!n || !i || !u || !o)
+    if (!o || !i || !u || !n)
       return;
-    const r = o.current.clientWidth / window.innerWidth * 100, m = o.current.clientHeight / window.innerHeight * 100;
-    n <= r / 2 || n >= 100 - r / 2 || i <= m / 2 || i >= 100 - m / 2;
+    const r = n.current.clientWidth / window.innerWidth * 100, m = n.current.clientHeight / window.innerHeight * 100;
+    o <= r / 2 || o >= 100 - r / 2 || i <= m / 2 || i >= 100 - m / 2;
   }, L = (r) => {
     s && s();
   };
   function P(r) {
     S[r ? "unshift" : "push"](() => {
-      o = r, t(2, o);
+      n = r, t(2, n);
     });
   }
   return e.$$set = (r) => {
@@ -42,8 +68,8 @@ function E(e, l, t) {
   }, D(), [
     a,
     s,
-    o,
     n,
+    o,
     i,
     u,
     g,
@@ -53,11 +79,11 @@ function E(e, l, t) {
     P
   ];
 }
-class x extends h {
+class A extends h {
   constructor(l) {
     super(), k(this, l, E, q, _, { props: 0, onClick: 1 }, W);
   }
 }
 export {
-  x as default
+  A as default
 };

package/libs/PanoDoorLabelPlugin/index.js

@@ -5,7 +5,7 @@ import "@realsee/five";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -20,14 +20,12 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "./DoorLabelItem.js";
 import "../vendor/svelte/internal/index.js";
-import "classnames";
+import "../vendor/classnames/index.js";
 import "./utils.js";
-const A = (o) => new r(o);
+const y = (o) => new r(o);
 export {
-  A as PanoDoorLabelPlugin,
-  A as default
+  y as PanoDoorLabelPlugin,
+  y as default
 };

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -4,12 +4,12 @@ var t = (i, e, o) => (l(i, typeof e != "symbol" ? e + "" : e, o), o);
 import u from "../Model/line.js";
 import m from "../Model/point.js";
 import { preventDefault as r } from "../utils/ironbox.js";
-import "three";
 import "../../shared-utils/uuid.js";
-import "@realsee/five";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
+import "three";
+import "@realsee/five";
 import "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";

package/libs/PanoMeasurePlugin/Controller/EditController.js

@@ -9,12 +9,12 @@ import { throttle as v } from "../../shared-utils/throttle.js";
 import c from "./BaseController.js";
 import { getIntersectionFromEvent as r } from "../utils/getIntersectionFromEvent.js";
 import { Polyline as P } from "../Model/polyline.js";
-import "three";
-import "@realsee/five/line";
-import "../utils/constants.js";
 import "@realsee/five";
 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 "../../shared-utils/removeArrayItem.js";
@@ -26,18 +26,22 @@ class V extends c {
     super(e);
     i(this, "type", "edit");
     i(this, "polyline");
+    /** 拖动的控制点 */
     i(this, "pressPoint");
     i(this, "hasAppendDashed", !1);
     i(this, "hasAppendMouseGroup", !1);
     i(this, "fiveElement");
+    /** 上一个端点位置 */
     i(this, "lastPoint", null);
     i(this, "hammer");
+    /** 根据 intersection 更新放大镜和吸附点 */
     i(this, "onIntersectionUpdate", v((e, t) => {
       var o;
       this.hasAppendMouseGroup === !1 && (this.group.add(this.mouseGroup), this.magnifier.appendTo(this.container), this.magnifier.enable(), this.hasAppendMouseGroup = !0);
       const s = this.updateMouseGroup(e, t).position;
       (o = this.pressPoint) == null || o.position.copy(s), this.updateDashed(), requestAnimationFrame(() => this.magnifier.renderWithPoint(this.mouseGroup.position)), this.five.needsRender = !0;
     }, 20));
+    /** 撤销编辑 */
     i(this, "revoke", () => {
       if (this.polyline.lines.length === 0 && this.lastPoint) {
         this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.distanceItem.remove(), this.group.remove(this.dashed.mesh), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
@@ -46,11 +50,12 @@ class V extends c {
       if (this.polyline.lines.length === 0 && !this.lastPoint || !this.lastPoint)
         return;
       const e = this.polyline.lines[this.polyline.lines.length - 1], t = e.findAnotherPoint(this.lastPoint);
-      !t || (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.polyline.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.disable(), this.five.needsRender = !0);
+      t && (this.lastPoint = t, this.hook.emit("anchorChange", t.position), this.group.remove(e.mesh), this.polyline.removeLine(e), this.hasAppendMouseGroup = !1, this.mouseGroup.position.copy(this.lastPoint.position), this.group.remove(this.mouseGroup), e.distanceItem.remove(), this.updateDashed(), this.magnifier.disable(), this.five.needsRender = !0);
     });
     i(this, "onMouseLeave", () => {
       this.magnifier.disable(), this.group.remove(this.mouseGroup), this.hasAppendMouseGroup = !1, this.lastPoint && (this.mouseGroup.position.copy(this.lastPoint.position), this.updateDashed());
     });
+    /** 编辑线条发生改变时通知外部 */
     i(this, "onLineChanged", () => {
       this.hook.emit("editedPolylineChange", this.polyline);
     });
@@ -61,15 +66,24 @@ class V extends c {
       const s = new p(t.point);
       this.pressPoint = s, this.onIntersectionUpdate(t);
     });
+    /**
+     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
+     * 2. 如果有长按点，把长按点位置更新为当前位置
+     */
     i(this, "onPan", (e) => {
       if (!this.pressPoint)
         return;
       const [t] = r(this.five, e);
-      !(t != null && t.face) || this.onIntersectionUpdate(t);
+      t != null && t.face && this.onIntersectionUpdate(t);
     });
     i(this, "onPanEnd", (e) => {
-      !this.pressPoint || this.onTap(e);
+      this.pressPoint && this.onTap(e);
     });
+    /**
+     * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
+     * 2. 把上一个点的位置更新为当前点的位置
+     * 3. 清除 mouseGroup 和 magnifier
+     */
     i(this, "onTap", (e) => {
       this.hasAppendDashed || (this.dashed.distanceItem.appendTo(this.container), this.group.add(this.dashed.mesh)), this.hasAppendDashed = !0;
       const [t] = r(this.five, e);
@@ -82,13 +96,17 @@ class V extends c {
       this.pressPoint = void 0, this.hasAppendMouseGroup = !1, this.magnifier.disable(), this.group.remove(this.mouseGroup), this.updateDashed(), this.five.needsRender = !0, this.hook.emit("anchorChange", s.position);
     });
     i(this, "onWantsTapGesture", () => !1);
+    /** 编辑时取消走点 */
     i(this, "onWantsToMoveToPano", () => !1);
+    /** 存在长按点时不能移动全景 */
     i(this, "onWantsPanGesture", () => this.pressPoint ? !1 : void 0);
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     i(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
     });
+    /** 更新虚线 */
     i(this, "updateDashed", () => {
-      !this.lastPoint || (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
+      this.lastPoint && (this.dashed.points[0].position.copy(this.lastPoint.position), this.dashed.points[1].position.copy(this.mouseGroup.position), this.dashed.mesh.setPoints(this.lastPoint.position, this.mouseGroup.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
     });
     this.model = new u(this.config), this.polyline = new P({ model: this.model }), this.model.addPolyline(this.polyline), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsPanGesture", this.onWantsPanGesture), this.five.on("wantsTapGesture", this.onWantsTapGesture), this.five.on("wantsToMoveToPano", this.onWantsToMoveToPano), this.five.on("intersectionOnModelUpdate", this.onIntersectionUpdate), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged);
     const t = this.five.getElement();

package/libs/PanoMeasurePlugin/Controller/MixedController.js

@@ -11,11 +11,11 @@ import C from "../utils/isNDCPointInScreen.js";
 import { closestPointOnLine as G } from "../utils/math.js";
 import { Polyline as N } from "../Model/polyline.js";
 import R from "../Modules/rangePiece/index.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
 import "@realsee/five";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
 import "../utils/distanceDom.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
@@ -23,14 +23,13 @@ import "../utils/ironbox.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 "@tweenjs/tween.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../Modules/rangePiece/html.js";
 import "../../shared-utils/animationFrame/index.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../utils/mouseGroup.js";
-class de extends D {
+class re extends D {
   constructor(e) {
     super(e);
     t(this, "state", "watching");
@@ -42,6 +41,7 @@ class de extends D {
     t(this, "deleteDom");
     t(this, "rangePieceController");
     t(this, "disposers", []);
+    /** 编辑线条发生改变时通知外部 */
     t(this, "onLineChanged", () => {
       this.hook.emit("editedPolylineChange", this.polyline);
     });
@@ -67,16 +67,20 @@ class de extends D {
       if (u.distance > 20)
         return;
       const P = this.polyline.lines.find(({ id: n }) => n === u.id);
-      if (!!P)
+      if (P)
         return this.chooseLine(P), !1;
     });
+    /** 编辑时取消走点,watch时可以走 */
     t(this, "onWantsToMoveToPano", () => this.state === "watching");
+    /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     t(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.dashed.distanceItem.update(this.five);
     });
+    /** mobile态时更新虚线 */
     t(this, "updateMobileDashed", () => {
       !this.mobileStartPoint || !this.mobileNowPoint || (this.dashed.points[0].position.copy(this.mobileStartPoint.position), this.dashed.points[1].position.copy(this.mobileNowPoint.position), this.dashed.mesh.setPoints(this.mobileStartPoint.position, this.mobileNowPoint.position), this.dashed.distanceItem.update(this.five), this.hook.emit("editedDashedLineChange", this.dashed));
     });
+    /** mobile态时更新放大镜 */
     t(this, "updateMagnifier", (e) => {
       this.magnifier.containerDom !== this.container && this.magnifier.appendTo(this.container), this.magnifier.getCurrentState().enabled || this.magnifier.enable(), requestAnimationFrame(() => this.magnifier.renderWithPoint(e.position)), this.five.needsRender = !0;
     });
@@ -143,5 +147,5 @@ class de extends D {
   }
 }
 export {
-  de as default
+  re as default
 };

package/libs/PanoMeasurePlugin/Controller/ShortcutKeyController.js

@@ -18,11 +18,11 @@ class a {
     });
     this.five = t, this.measureController = e;
     const r = this.five.getElement();
-    !r || (document.body.addEventListener("keydown", this.onKeyDown), r.addEventListener("mousedown", this.onMouseDown));
+    r && (document.body.addEventListener("keydown", this.onKeyDown), r.addEventListener("mousedown", this.onMouseDown));
   }
   dispose() {
     const e = this.five.getElement();
-    !e || (document.body.removeEventListener("keydown", this.onKeyDown), e.removeEventListener("mousedown", this.onMouseDown));
+    e && (document.body.removeEventListener("keydown", this.onKeyDown), e.removeEventListener("mousedown", this.onMouseDown));
   }
   escape() {
     return this.measureController.getCurrentMode() === "Watch" ? this.measureController.disable() : this.measureController.changeMode("Watch");

package/libs/PanoMeasurePlugin/Controller/ViewController.js

@@ -2,14 +2,14 @@ var r = Object.defineProperty;
 var d = (n, o, e) => o in n ? r(n, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[o] = e;
 var s = (n, o, e) => (d(n, typeof o != "symbol" ? o + "" : o, e), e);
 import a from "hammerjs";
-import "three";
-import "@realsee/five/line";
-import "../utils/constants.js";
-import "@realsee/five";
 import h from "./BaseController.js";
 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/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "../Model/point.js";
@@ -37,14 +37,14 @@ class y extends h {
     });
     s(this, "onFivePanoWillArrive", (e) => {
       this.model.polylines.forEach((i) => {
-        !i.visiblePanoIndexes || i.visiblePanoIndexes.includes(e) || i.lines.forEach((t) => {
+        i.visiblePanoIndexes && (i.visiblePanoIndexes.includes(e) || i.lines.forEach((t) => {
           t.mesh.visible = !1, t.distanceItem.update(this.five);
-        });
+        }));
       });
     });
     s(this, "onFivePanoArrived", (e) => {
       this.model.polylines.forEach((i) => {
-        !i.visiblePanoIndexes || i.visiblePanoIndexes.includes(e) && i.lines.forEach((t) => {
+        i.visiblePanoIndexes && i.visiblePanoIndexes.includes(e) && i.lines.forEach((t) => {
           t.mesh.visible = !0, t.distanceItem.update(this.five);
         });
       });

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -10,15 +10,15 @@ import { closestPointOnLine as A } from "../utils/math.js";
 import { findClosestPoint as T } from "../utils/findClosestPoint.js";
 import { findAssociatedLines as v } from "../utils/findAssociatedLines.js";
 import { getPointFromHammerEvent as S } from "../utils/getPointFromHammerEvent.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
-import "@realsee/five";
 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 "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "@realsee/five";
 import "../utils/distanceDom.js";
 import "../Model/point.js";
 import "../../shared-utils/removeArrayItem.js";
@@ -52,7 +52,7 @@ class se extends R {
       }) || (this.editPointState = o, this.magnifier.appendTo(this.container), this.magnifier.enable(), this.group.add(this.mouseGroup));
     });
     s(this, "onPanEnd", () => {
-      !this.editPointState || (this.editPointState.point.lines.forEach((e) => e.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup));
+      this.editPointState && (this.editPointState.point.lines.forEach((e) => e.mesh.setMaterial({ dashed: !1 })), this.highlightLines(this.editPointState.associatedLines), this.editPointState = void 0, this.magnifier.disable(), this.group.remove(this.mouseGroup));
     });
     s(this, "onPan", (e) => {
       if (!this.editPointState || !this.fiveElement)
@@ -60,10 +60,10 @@ class se extends R {
       const i = S(e).ndcPoint, t = new I();
       t.setFromCamera(i, this.five.camera);
       const [o] = this.five.model.intersectRaycaster(t);
-      !o || this.onIntersectionUpdate(o);
+      o && this.onIntersectionUpdate(o);
     });
     s(this, "onIntersectionUpdate", (e, i) => {
-      if (!!this.editPointState) {
+      if (this.editPointState) {
         if (this.clearHighlightLines(), this.editPointState.point.position.copy(e.point), this.editPointState.point.lines.forEach((t) => {
           t.mesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.lightMesh.setPoints(t.points[0].position.clone(), t.points[1].position.clone()), t.mesh.setMaterial({ dashed: !0 });
         }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
@@ -102,7 +102,7 @@ class se extends R {
       if (u.distance > 20)
         return;
       const L = this.model.getAllLines().find(({ id: n }) => n === u.id);
-      if (!!L)
+      if (L)
         return this.chooseLine(L), !1;
     });
     s(this, "chooseLine", (e) => {
@@ -123,7 +123,7 @@ class se extends R {
     });
     s(this, "deleteDomClickCallback", () => {
       const e = this.highlightedLines[0], i = this.model.getPolylineByLine(e);
-      !i || (this.model.removePolyline(i), this.highlightedLines = [], this.deleteDom.setLines([]).hide());
+      i && (this.model.removePolyline(i), this.highlightedLines = [], this.deleteDom.setLines([]).hide());
     });
     s(this, "cancelDeleteClickCallback", () => {
       this.clearHighlightLines();

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

@@ -2,11 +2,11 @@ import type { Config } from '../typings';
 import type { OpenParameter, PluginData } from '../typings/data';
 import type { PanoMeasurePluginEvent } from '../typings/event.type';
 import type { UserDistanceItem } from '../utils/distanceDom';
+import type { Polyline } from '../Model/polyline';
 import Magnifier, { MagnifierParameter } from '../Modules/Magnifier';
 import { Five, Subscribe } from '@realsee/five';
 import { UIControllerParams } from '../Modules/UIController';
 import { GuideControllerParams } from '../Modules/GuideController';
-import { Polyline } from '../Model/polyline';
 export declare type Mode = 'Watch' | 'Edit' | 'Mixed' | 'View';
 export interface PanoMeasureParameterType extends Partial<Config> {
     openParams?: OpenParameter;

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -19,17 +19,17 @@ import l from "./MixedController.js";
 import { omit as I } from "../../shared-utils/filter.js";
 import { Group as b } from "three";
 import { Model as U } from "../Model/index.js";
-import { Subscribe as E } from "@realsee/five";
+import { Subscribe as k } from "@realsee/five";
 import { getMouseGroup as D } from "../utils/mouseGroup.js";
 import { UIController as C } from "../Modules/UIController/index.js";
-import { GuideController as B } from "../Modules/GuideController.js";
-import { ShortcutKeyController as k } from "./ShortcutKeyController.js";
-import "@realsee/five/line";
-import "../utils/constants.js";
+import { GuideController as E } from "../Modules/GuideController.js";
+import { ShortcutKeyController as G } from "./ShortcutKeyController.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 "../utils/distanceDom.js";
 import "../utils/isNDCPointInScreen.js";
 import "../Model/point.js";
@@ -49,10 +49,9 @@ import "../utils/findClosestPoint.js";
 import "../utils/ndc2Screen.js";
 import "../utils/findAssociatedLines.js";
 import "../Modules/rangePiece/index.js";
-import "@tweenjs/tween.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../Modules/rangePiece/html.js";
 import "../../shared-utils/animationFrame/index.js";
-import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/noop.js";
 import "../utils/calculateThreeMouse.js";
 import "../../shared-utils/tap.js";
@@ -62,10 +61,10 @@ import "../Modules/UIController/style.js";
 import "../Modules/UIController/MainBtnController.js";
 import "../Modules/UIController/mobileMainBtnController.js";
 import "../Modules/UIController/Revoke/index.js";
-class ke {
+class Ee {
   constructor(e, t) {
     i(this, "hasOpen", !1);
-    i(this, "hook", new E());
+    i(this, "hook", new k());
     i(this, "magnifier");
     i(this, "five");
     i(this, "model");
@@ -80,6 +79,9 @@ class ke {
     i(this, "shortcutKeyController");
     i(this, "controller", null);
     i(this, "getCurrentMode", () => this.controller instanceof h ? "Edit" : this.controller instanceof g ? "Watch" : this.controller instanceof l ? "Mixed" : this.controller instanceof f ? "View" : null);
+    /** 变更场景
+     * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
+     */
     i(this, "changeMode", (e) => {
       var o;
       if (!this.hasOpen || this.getCurrentMode() === e)
@@ -92,7 +94,7 @@ class ke {
         Mixed: l
       };
       if (!t[e])
-        throw new Error("\u4E0D\u5B58\u5728\u7684 Mode");
+        throw new Error("不存在的 Mode");
       const r = this.createControllerParams();
       this.controller = new t[e](r), this.hook.emit("modeChange", e);
     });
@@ -110,7 +112,7 @@ class ke {
       const a = n({
         container: this.container
       }, typeof this.params.useGuideController == "object" ? this.params.useGuideController : {});
-      this.useGuideController = new B(this, a);
+      this.useGuideController = new E(this, a);
     }
   }
   appendTo(e) {
@@ -120,21 +122,35 @@ class ke {
     var e, t;
     this.disable(), (e = this.useUIController) == null || e.dispose(), (t = this.magnifier) == null || t.dispose(), this.five.needsRender = !0;
   }
+  /** 加载数据
+   * @description 数据加载时会覆盖当前已保存的数据
+   * @description 如果当前正在编辑中，会自动退出并保存编辑
+   */
   load(e) {
     this.model.parse(e), this.save();
   }
+  /** 插件功能入口
+   * @description 会隐藏鼠标的默认聚焦环
+   * @description 会隐藏当前 VR 内的点位展示
+   */
   enable(e) {
     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 k(this, this.five), this.hook.emit("enable", !0));
+    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 G(this, this.five), this.hook.emit("enable", !0));
   }
+  /** 关闭插件功能
+   * @description 清除标尺线条
+   * @description 还原点位展示和默认鼠标 UI
+   */
   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);
   }
+  /** 进入编辑模式 */
   edit() {
     const e = this.isMobile ? "Mixed" : "Edit";
     this.changeMode(e);
   }
+  /** 撤销编辑 */
   revoke() {
     this.controller instanceof h && this.controller.revoke();
   }
@@ -150,6 +166,9 @@ class ke {
   }
   getEditedPolyline() {
   }
+  /**
+   * 高亮当前线段
+   */
   highlightLine(e) {
     if (this.getCurrentMode() !== "Watch")
       return !1;
@@ -159,6 +178,9 @@ class ke {
   clearHighlightLines() {
     return this.getCurrentMode() !== "Watch" ? !1 : (this.controller.clearHighlightLines(), !0);
   }
+  /** 保存编辑
+   * @description 以下情况可能报错
+   */
   save(e) {
     var o;
     if (!(this.controller instanceof h) && !(this.controller instanceof l))
@@ -166,15 +188,22 @@ class ke {
     const t = (o = e == null ? void 0 : e.mode) != null ? o : "View", r = this.controller.polyline;
     return this.model.addPolyline(r), this.changeMode(t), this;
   }
+  /** Mixed 模式才有用，添加起点 */
   addStartPoint() {
     this.controller instanceof l && this.hook.emit("willChangeState", "watching", "editing");
   }
+  /** Mixed 模式才有用，添加终点 */
   addEndPoint() {
     this.controller instanceof l && this.hook.emit("willChangeState", "editing", "watching");
   }
+  /** 导出数据 */
   toJson() {
     return this.model.toJson();
   }
+  /**
+   * @description 改变插件的模式（pc端模式或移动端模式）
+   * @param isMobile true为移动端模式，false为pc端
+   */
   changeIsMobile(e) {
     var t;
     if (this.isMobile = e, this.params.useUIController !== !1) {
@@ -190,11 +219,12 @@ class ke {
     var t;
     Object.assign(this.config, e), (t = this.controller) == null || t.updateDistanceUI();
   }
+  /** 设置线段的文本 */
   setCustomText(e, t) {
     var o;
     const r = this.model.getLineByID(e);
     if (!r)
-      throw new Error("\u4E0D\u5B58\u5728\u7684\u7EBF\u6BB5");
+      throw new Error("不存在的线段");
     r.setText(t), (o = this.controller) == null || o.updateDistanceUI();
   }
   createControllerParams() {
@@ -216,5 +246,5 @@ class ke {
   }
 }
 export {
-  ke as default
+  Ee as default
 };

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

@@ -1,6 +1,6 @@
 import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
-import Line from './line';
+import type Line from './line';
 import { Polyline } from './polyline';
 import { Subscribe } from '@realsee/five';
 declare type IModelEvent = {