@realsee/dnalogel 2.3.9-alpha.8 → 2.5.0

package/libs/PanoMeasurePlugin/Controller/WatchController.js

@@ -1,31 +1,30 @@
-var w = Object.defineProperty;
-var y = (a, h, e) => h in a ? w(a, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[h] = e;
-var s = (a, h, e) => (y(a, typeof h != "symbol" ? h + "" : h, e), e);
+var k = Object.defineProperty;
+var w = (r, h, e) => h in r ? k(r, h, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[h] = e;
+var s = (r, h, e) => (w(r, typeof h != "symbol" ? h + "" : h, e), e);
 import E from "hammerjs";
 import G from "../Modules/DeleteDom/index.js";
-import L from "../utils/isNDCPointInScreen.js";
+import P from "../utils/isNDCPointInScreen.js";
 import R from "./BaseController.js";
-import { Raycaster as T, Vector2 as f } from "three";
-import { closestPointOnLine as H } from "../utils/math.js";
-import { findClosestPoint as I } from "../utils/findClosestPoint.js";
+import { Raycaster as I, Vector2 as f } from "three";
+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 C } from "../utils/getPointFromHammerEvent.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 "../Model/polyline.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";
 import "../utils/ironbox.js";
 import "../utils/ndc2Screen.js";
-class oe extends R {
+class se extends R {
   constructor(e) {
     super(e);
     s(this, "type", "watch");
@@ -35,10 +34,10 @@ class oe extends R {
     s(this, "editPointState");
     s(this, "hammer");
     s(this, "onPanStart", (e) => {
-      var r;
-      if (this.model.points.length === 0 || !this.fiveElement)
+      var a;
+      if (this.model.getAllLines().length === 0 || !this.fiveElement)
         return;
-      const i = C(e).point, t = (r = I(this.five, this.model.points, i, 20)) == null ? void 0 : r.point;
+      const i = S(e).point, t = (a = T(this.five, this.model.getAllPoints(), i, 20)) == null ? void 0 : a.point;
       if (!t) {
         this.editPointState = void 0;
         return;
@@ -49,16 +48,16 @@ class oe extends R {
       };
       this.hook.emit("wantsDragLine", {
         point: t.id,
-        lines: o.associatedLines.map(({ id: l }) => l)
-      }) || (this.editPointState = o, this.magnifier.appendTo(this.container), this.group.add(this.mouseGroup));
+        lines: o.associatedLines.map(({ id: d }) => d)
+      }) || (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.remove(), 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)
         return;
-      const i = C(e).ndcPoint, t = new T();
+      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);
@@ -70,12 +69,12 @@ class oe extends R {
         }), this.updateDistanceUI(), this.magnifier.renderWithPoint(e.point), this.mouseGroup.position.copy(e.point), i)
           this.mouseGroup.quaternion.copy(i.quaternion);
         else if (e.face) {
-          const o = e.face.normal.clone().multiplyScalar(0.05), r = e.point.clone().add(o).clone().add(o);
-          this.mouseGroup.lookAt(r);
+          const o = e.face.normal.clone().multiplyScalar(0.05), a = e.point.clone().add(o).clone().add(o);
+          this.mouseGroup.lookAt(a);
         }
         this.five.needsRender = !0, this.hook.emit(
           "selectedChange",
-          this.editPointState.associatedLines.map((t) => t.toCompletelyJson())
+          this.editPointState.associatedLines.map((t) => t)
         );
       }
     });
@@ -87,49 +86,44 @@ class oe extends R {
       const [i] = this.five.model.intersectRaycaster(e);
       if (!i)
         return;
-      const t = this.five.camera, o = i.point.clone().project(t), c = this.container.clientWidth, r = this.container.clientHeight, l = new f(o.x * c, o.y * r), u = this.model.lines.map((n) => {
-        const [d, S] = n.points, m = d.position.clone().project(t), p = S.position.clone().project(t);
-        if (!L(m) && !L(p))
+      const t = this.five.camera, o = i.point.clone().project(t), c = this.container.clientWidth, a = this.container.clientHeight, d = new f(o.x * c, o.y * a), g = this.model.getAllLines().map((n) => {
+        const [l, y] = n.points, m = l.position.clone().project(t), p = y.position.clone().project(t);
+        if (!P(m) && !P(p))
           return null;
-        const k = new f(
-          m.x * c,
-          m.y * r
-        ), D = new f(
-          p.x * c,
-          p.y * r
-        );
-        return { id: n.id, points: [k, D] };
+        const C = new f(m.x * c, m.y * a), D = new f(p.x * c, p.y * a);
+        return { id: n.id, points: [C, D] };
       }).filter((n) => !!n);
-      if (u.length === 0)
+      if (g.length === 0)
         return;
-      const g = u.map((n) => {
-        const d = H(l, n.points);
-        return { id: n.id, distance: d.distanceTo(l) };
-      }).sort((n, d) => n.distance - d.distance)[0];
-      if (g.distance > 20)
+      const u = g.map((n) => {
+        const l = A(d, n.points);
+        return { id: n.id, distance: l.distanceTo(d) };
+      }).sort((n, l) => n.distance - l.distance)[0];
+      if (u.distance > 20)
         return;
-      const P = this.model.lines.find(({ id: n }) => n === g.id);
-      if (!!P)
-        return this.chooseLine(P), !1;
+      const L = this.model.getAllLines().find(({ id: n }) => n === u.id);
+      if (!!L)
+        return this.chooseLine(L), !1;
     });
     s(this, "chooseLine", (e) => {
       const i = v(e);
       this.highlightLines(i), this.five.needsRender = !0, this.hook.emit(
         "selectedChange",
-        i.map((t) => t.toCompletelyJson())
+        i.map((t) => t)
       );
     });
-    s(this, "lineRemoved", (e) => {
-      this.removeLine(e), this.hook.emit(
+    s(this, "polylineRemoved", (e) => {
+      e.lines.forEach((i) => this.removeLine(i)), this.hook.emit(
         "selectedChange",
-        this.model.lines.filter((i) => i.selected).map((i) => i.toCompletelyJson())
+        this.model.getAllLines().filter((i) => i.selected).map((i) => i)
       );
     });
     s(this, "onCameraUpdate", () => {
       this.updateDistanceUI(), this.highlightedLines.length > 0 && this.deleteDom.updatePosition();
     });
     s(this, "deleteDomClickCallback", () => {
-      this.highlightedLines[0].getPolyline().lines.slice().reverse().forEach((i) => this.model.removeLine(i)), this.highlightedLines = [], this.deleteDom.setLines([]).hide();
+      const e = this.highlightedLines[0], i = this.model.getPolylineByLine(e);
+      !i || (this.model.removePolyline(i), this.highlightedLines = [], this.deleteDom.setLines([]).hide());
     });
     s(this, "cancelDeleteClickCallback", () => {
       this.clearHighlightLines();
@@ -137,8 +131,8 @@ class oe extends R {
     this.deleteDom = new G(this.five, {
       onClick: this.deleteDomClickCallback,
       cancelDelete: this.cancelDeleteClickCallback
-    }).appendTo(this.container), this.model.lines.forEach((t) => {
-      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), this.group.add(t.mesh);
+    }).appendTo(this.container), this.model.getAllLines().forEach((t) => {
+      t.distanceItem.appendTo(this.container), t.distanceItem.update(this.five), t.hook.on("selected", this.chooseLine), t.distanceItem.setItemSelectable(!0), this.group.add(t.mesh);
     });
     const i = this.five.getElement();
     if (i) {
@@ -146,17 +140,17 @@ class oe extends R {
       const t = new E(i);
       this.hammer = t, t.on("pan", this.onPan), t.on("panstart", this.onPanStart), t.on("panend", this.onPanEnd);
     }
-    this.model.hook.on("lineRemoved", this.lineRemoved), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsPanGesture", this.wantsPanGesture), this.five.needsRender = !0;
+    this.updateDistanceUI(), this.five.needsRender = !0, this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsPanGesture", this.wantsPanGesture), this.model.hook.on("polylineRemoved", this.polylineRemoved);
   }
   dispose() {
     var e;
-    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("lineRemoved", this.lineRemoved), this.model.lines.forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
+    super.dispose(), this.deleteDom.dispose(), this.model.hook.off("polylineRemoved", this.polylineRemoved), this.model.getAllLines().forEach((i) => i.hook.off("selected", this.chooseLine)), this.five.off("cameraUpdate", this.onCameraUpdate), this.five.off("wantsPanGesture", this.wantsPanGesture), this.five.off("wantsTapGesture", this.wantsTapGesture), this.five.needsRender = !0, this.hook.emit("selectedChange", []), (e = this.hammer) == null || e.destroy();
   }
   highlightLine(e) {
     e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
   }
   clearHighlightLines() {
-    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.lines.forEach((e) => {
+    this.group.children.length !== 0 && (this.deleteDom.setLines([]).hide(), this.model.getAllLines().forEach((e) => {
       e.selected = !1, e.distanceItem.unHighlight(), this.group.remove(e.lightMesh);
     }), this.highlightedLines = [], this.five.needsRender = !0);
   }
@@ -165,5 +159,5 @@ class oe extends R {
   }
 }
 export {
-  oe as default
+  se as default
 };

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

@@ -6,6 +6,7 @@ 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;
@@ -22,15 +23,14 @@ export default class MeasureController {
     private model;
     private group;
     private config;
+    private isMobile;
     private fiveHelper;
     private useUIController?;
     private params;
     private useGuideController?;
-    private rangePieceController?;
     private container;
     private shortcutKeyController?;
     private controller;
-    private controllerParams;
     constructor(five: Five, params: PanoMeasureParameterType);
     appendTo(parent: HTMLElement): void;
     dispose(): void;
@@ -43,7 +43,9 @@ export default class MeasureController {
      * @description 会隐藏鼠标的默认聚焦环
      * @description 会隐藏当前 VR 内的点位展示
      */
-    enable(): void;
+    enable(config?: {
+        mode: Mode;
+    }): void;
     /** 关闭插件功能
      * @description 清除标尺线条
      * @description 还原点位展示和默认鼠标 UI
@@ -53,23 +55,39 @@ export default class MeasureController {
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
-    changeMode: (mode: Mode) => Error;
+    changeMode: (mode: Mode) => void;
+    /** 进入编辑模式 */
+    edit(): void;
     /** 撤销编辑 */
     revoke(): void;
-    removeLineByID(lineID: string): void;
+    removePolyline(polyline: Polyline): void;
+    removePolylineByID(id: string): void;
+    getPolylineByID(id: string): Polyline;
+    getEditedPolyline(): void;
     /**
      * 高亮当前线段
      */
     highlightLine(lineID: string): boolean;
     clearHighlightLines(): boolean;
-    /** 保存编辑 */
-    save(): this;
-    /** 把当前以保存的数据转换成 JSON 对象 */
+    /** 保存编辑
+     * @description 以下情况可能报错
+     */
+    save(config?: {
+        mode?: Mode;
+    }): this;
+    /** Mixed 模式才有用，添加起点 */
+    addStartPoint(): void;
+    /** Mixed 模式才有用，添加终点 */
+    addEndPoint(): void;
+    /** 导出数据 */
     toJson(): PluginData;
     /**
      * @description 改变插件的模式（pc端模式或移动端模式）
      * @param isMobile true为移动端模式，false为pc端
      */
     changeIsMobile(isMobile: boolean): void;
-    changeConfigs(config: Partial<Config>): void;
+    changeConfigs(config: Config): void;
+    /** 设置线段的文本 */
+    setCustomText(lineID: string, text: string): void;
+    private createControllerParams;
 }

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,37 +1,35 @@
-var g = Object.defineProperty;
-var u = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
-var m = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, n = (i, e) => {
+var y = Object.defineProperty;
+var d = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var m = (s, e, t) => e in s ? y(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, n = (s, e) => {
   for (var t in e || (e = {}))
-    C.call(e, t) && m(i, t, e[t]);
-  if (u)
-    for (var t of u(e))
-      P.call(e, t) && m(i, t, e[t]);
-  return i;
+    M.call(e, t) && m(s, t, e[t]);
+  if (d)
+    for (var t of d(e))
+      P.call(e, t) && m(s, t, e[t]);
+  return s;
 };
-var r = (i, e, t) => (m(i, typeof e != "symbol" ? e + "" : e, t), t);
+var i = (s, e, t) => (m(s, typeof e != "symbol" ? e + "" : e, t), t);
 import v from "../Modules/Magnifier.js";
-import y from "../Modules/FiveHelper.js";
+import w from "../Modules/FiveHelper.js";
 import h from "./EditController.js";
-import w from "./ViewController.js";
-import p from "./WatchController.js";
-import f from "./MixedController.js";
+import f from "./ViewController.js";
+import g from "./WatchController.js";
+import l from "./MixedController.js";
 import { omit as I } from "../../shared-utils/filter.js";
-import { Group as M } from "three";
-import { Model as b } from "../Model/index.js";
-import { Subscribe as D } from "@realsee/five";
-import { getMouseGroup as U } from "../utils/mouseGroup.js";
-import { UIController as d } from "../Modules/UIController/index.js";
-import { GuideController as x } from "../Modules/GuideController.js";
-import { ShortcutKeyController as G } from "./ShortcutKeyController.js";
-import k from "../Modules/rangePiece/index.js";
+import { Group as b } from "three";
+import { Model as U } from "../Model/index.js";
+import { Subscribe as E } 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 "hammerjs";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
-import "../Model/polyline.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";
@@ -41,14 +39,22 @@ import "./BaseController.js";
 import "../utils/ironbox.js";
 import "../utils/getIntersectionFromEvent.js";
 import "../utils/getPointFromHammerEvent.js";
-import "../utils/math.js";
-import "../utils/findAssociatedLines.js";
+import "../Model/polyline.js";
 import "../Modules/DeleteDom/index.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
 import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
 import "../Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../utils/math.js";
 import "../utils/findClosestPoint.js";
 import "../utils/ndc2Screen.js";
+import "../utils/findAssociatedLines.js";
+import "../Modules/rangePiece/index.js";
+import "@tweenjs/tween.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";
 import "../Modules/UIController/HTML.js";
 import "../Modules/UIController/mobileHTML.js";
@@ -56,81 +62,55 @@ import "../Modules/UIController/style.js";
 import "../Modules/UIController/MainBtnController.js";
 import "../Modules/UIController/mobileMainBtnController.js";
 import "../Modules/UIController/Revoke/index.js";
-import "@tweenjs/tween.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";
 class ke {
   constructor(e, t) {
-    r(this, "hasOpen", !1);
-    r(this, "hook", new D());
-    r(this, "magnifier");
-    r(this, "five");
-    r(this, "model");
-    r(this, "group");
-    r(this, "config");
-    r(this, "fiveHelper");
-    r(this, "useUIController");
-    r(this, "params");
-    r(this, "useGuideController");
-    r(this, "rangePieceController");
-    r(this, "container", document.createElement("div"));
-    r(this, "shortcutKeyController");
-    r(this, "controller", null);
-    r(this, "controllerParams");
-    r(this, "getCurrentMode", () => this.controller instanceof h ? "Edit" : this.controller instanceof p ? "Watch" : this.controller instanceof f ? "Mixed" : null);
-    r(this, "changeMode", (e) => {
+    i(this, "hasOpen", !1);
+    i(this, "hook", new E());
+    i(this, "magnifier");
+    i(this, "five");
+    i(this, "model");
+    i(this, "group");
+    i(this, "config");
+    i(this, "isMobile");
+    i(this, "fiveHelper");
+    i(this, "useUIController");
+    i(this, "params");
+    i(this, "useGuideController");
+    i(this, "container", document.createElement("div"));
+    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);
+    i(this, "changeMode", (e) => {
       var o;
       if (!this.hasOpen || this.getCurrentMode() === e)
         return;
-      if (this.getCurrentMode() === "Mixed" || e === "Mixed")
-        return new Error("\u4E0D\u652F\u6301\u5207\u6362\u7684Mode");
       (o = this.controller) == null || o.dispose();
       const t = {
-        View: w,
-        Watch: p,
-        Edit: h
+        View: f,
+        Watch: g,
+        Edit: h,
+        Mixed: l
       };
       if (!t[e])
         throw new Error("\u4E0D\u5B58\u5728\u7684 Mode");
-      this.controller = new t[e](this.controllerParams), this.hook.emit("modeChange", e);
+      const r = this.createControllerParams();
+      this.controller = new t[e](r), this.hook.emit("modeChange", e);
     });
-    var l, c;
-    this.five = e, this.params = t;
-    const o = {
-      userDistanceItemCreator: void 0,
-      getDistanceText(a) {
-        return a.toFixed(2) + "m";
-      }
-    };
-    this.config = n(n({}, o), I(t, ["openParams", "magnifierParams"])), this.model = new b(this.config), this.fiveHelper = new y(e), this.magnifier = new v(e, (l = t.magnifierParams) != null ? l : { width: 190, height: 190, scale: 2 }), this.group = new M(), 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", this.container.style.background = "rgba(0, 0, 0, 0.15)";
-    const s = (c = this.params.openParams) != null ? c : {};
-    if (this.controllerParams = {
-      five: this.five,
-      hook: this.hook,
-      group: this.group,
-      model: this.model,
-      config: this.config,
-      magnifier: this.magnifier,
-      container: this.container,
-      fiveHelper: this.fiveHelper,
-      openParams: s,
-      mouseGroup: U(n({}, s.crossHairParameter)),
-      userDistanceItemCreator: this.params.userDistanceItemCreator
-    }, this.params.useUIController !== !1) {
+    var o, p, c, u;
+    this.five = e, this.params = t, this.config = I(t, ["openParams", "magnifierParams"]), this.model = new U(this.config), this.fiveHelper = new w(e), this.isMobile = (p = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? p : !1, this.magnifier = new v(e, (c = t.magnifierParams) != null ? c : { width: 190, height: 190, scale: 2 }), this.group = new b(), 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 = (u = this.params.openParams) != null ? u : {};
+    if (this.params.useUIController !== !1) {
       const a = n({
         container: this.container,
-        openParams: s
+        openParams: r
       }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new d(this, a);
+      this.useUIController = new C(this, a);
     }
     if (this.params.useGuideController !== !1) {
       const a = n({
         container: this.container
       }, typeof this.params.useGuideController == "object" ? this.params.useGuideController : {});
-      this.useGuideController = new x(this, a);
+      this.useGuideController = new B(this, a);
     }
   }
   appendTo(e) {
@@ -143,19 +123,32 @@ class ke {
   load(e) {
     this.model.parse(e), this.save();
   }
-  enable() {
-    var e, t, o;
-    this.hasOpen || (this.hasOpen = !0, this.five.scene.add(this.group), this.container.style.opacity = "1", (e = this.params.openParams) != null && e.isMobile ? (this.controller = new f(this.controllerParams), this.rangePieceController = new k(this.controllerParams)) : (this.five.helperVisible = !1, this.controller = new p(this.controllerParams)), (t = this.useUIController) == null || t.show(), (o = this.useGuideController) == null || o.show(), this.shortcutKeyController = new G(this, this.five), this.hook.emit("enable", !0));
+  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));
   }
   disable() {
-    var e, t, o, s, l;
-    this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.rangePieceController) == null || t.dispose(), (o = this.useUIController) == null || o.hide(), (s = this.useGuideController) == null || s.hide(), (l = this.shortcutKeyController) == null || l.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+    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();
   }
-  removeLineByID(e) {
-    this.model.removeLineByID(e);
+  removePolyline(e) {
+    this.model.removePolyline(e);
+  }
+  removePolylineByID(e) {
+    const t = this.model.getPolylineByID(e);
+    t && this.model.removePolyline(t);
+  }
+  getPolylineByID(e) {
+    return this.model.getPolylineByID(e);
+  }
+  getEditedPolyline() {
   }
   highlightLine(e) {
     if (this.getCurrentMode() !== "Watch")
@@ -166,29 +159,60 @@ class ke {
   clearHighlightLines() {
     return this.getCurrentMode() !== "Watch" ? !1 : (this.controller.clearHighlightLines(), !0);
   }
-  save() {
-    return this.controller instanceof h ? (this.model.mergeModel(this.controller.model), this) : this;
+  save(e) {
+    var o;
+    if (!(this.controller instanceof h) && !(this.controller instanceof l))
+      return this;
+    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;
+  }
+  addStartPoint() {
+    this.controller instanceof l && this.hook.emit("willChangeState", "watching", "editing");
+  }
+  addEndPoint() {
+    this.controller instanceof l && this.hook.emit("willChangeState", "editing", "watching");
   }
   toJson() {
     return this.model.toJson();
   }
   changeIsMobile(e) {
-    var t, o;
-    if (((t = this.controllerParams.openParams) == null ? void 0 : t.isMobile) === void 0 && (this.controllerParams.openParams.isMobile = e), this.controllerParams.openParams.isMobile !== e && (this.controllerParams.openParams.isMobile = e, this.params.useUIController !== !1)) {
-      (o = this.useUIController) == null || o.dispose();
-      const s = n({
+    var t;
+    if (this.isMobile = e, this.params.useUIController !== !1) {
+      (t = this.useUIController) == null || t.dispose();
+      const r = n({
         container: this.container,
-        openParams: this.controllerParams.openParams
+        mode: this.isMobile ? "mobile" : "pc"
       }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new d(this, s);
+      this.useUIController = new C(this, r);
     }
   }
   changeConfigs(e) {
     var t;
-    if (e.getDistanceText && e.getDistanceText !== this.config.getDistanceText) {
-      const o = e.getDistanceText;
-      this.config.getDistanceText = o, (t = this.controller) == null || t.updateDistanceUI();
-    }
+    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");
+    r.setText(t), (o = this.controller) == null || o.updateDistanceUI();
+  }
+  createControllerParams() {
+    var t;
+    const e = (t = this.params.openParams) != null ? t : {};
+    return e.isMobile = this.isMobile, {
+      five: this.five,
+      hook: this.hook,
+      group: this.group,
+      model: this.model,
+      config: this.config,
+      magnifier: this.magnifier,
+      container: this.container,
+      fiveHelper: this.fiveHelper,
+      openParams: e,
+      mouseGroup: D(n({}, e.crossHairParameter)),
+      userDistanceItemCreator: this.params.userDistanceItemCreator
+    };
   }
 }
 export {

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

@@ -1,35 +1,35 @@
 import type { Config } from '../typings';
 import type { PluginData } from '../typings/data';
 import Line from './line';
-import Point from './point';
-import { Subscribe, SubscribeEventMap } from '@realsee/five';
 import { Polyline } from './polyline';
-interface IModelEvent extends SubscribeEventMap {
+import { Subscribe } from '@realsee/five';
+declare type IModelEvent = {
     /** 新增线条
      * @param line 被创建的线条
      */
-    lineAdded: (line: Line) => void;
+    polylineAdded: (line: Polyline) => void;
     /** 删除线条
      * @param lines 被删除的线条数组
      */
-    lineRemoved: (lines: Line) => void;
-}
+    polylineRemoved: (lines: Polyline) => void;
+};
 export declare class Model {
-    readonly lines: Line[];
-    readonly points: Point[];
-    readonly params: Config;
+    readonly config?: Config;
     readonly polylines: Polyline[];
     readonly hook: Subscribe<IModelEvent>;
-    constructor(params: Config);
-    addLine(line: Line): this;
-    removeLineByID(lineID: string): void;
-    removeLine(line: Line): this;
-    mergeModel(model: Model): void;
-    includes(item: Point | Line): boolean;
-    getPointByID(id: string): Point;
+    constructor(config?: Config);
+    addPolyline(polyline: Polyline): void;
+    replacePolylineByID(id: string, polyline: Polyline): void;
+    removePolyline(polyline: Polyline): void;
+    getPolylineByID(id: string): Polyline;
+    getPolylineByLine(line: Line): Polyline;
     getLineByID(id: string): Line;
+    getAllLines(): Line[];
+    getAllPoints(): import("./point").default[];
+    includes(item: Polyline): boolean;
+    clear(): void;
     getClosestPoint(): void;
-    parse(data: PluginData): this;
+    parse(data: PluginData): void;
     toJson(): PluginData;
 }
 export {};