@realsee/dnalogel 2.3.9-alpha.7 → 2.4.0

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,136 +1,80 @@
-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 p = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var c = (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) && c(s, t, e[t]);
+  if (p)
+    for (var t of p(e))
+      P.call(e, t) && c(s, t, e[t]);
+  return s;
 };
-var r = (i, e, t) => (m(i, typeof e != "symbol" ? e + "" : e, t), t);
-import v from "../Modules/Magnifier.js";
-import y from "../Modules/FiveHelper.js";
-import h from "./EditController.js";
-import w from "./ViewController.js";
-import p from "./WatchController.js";
-import f from "./MixedController.js";
+var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { Magnifier as v } from "../Modules/Magnifier.js";
+import { FiveHelper as w } from "../Modules/FiveHelper.js";
+import { EditController as h } from "./EditController.js";
+import { ViewController as f } from "./ViewController.js";
+import { WatchController as g } from "./WatchController.js";
+import { MixedController as 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 "hammerjs";
-import "../Model/line.js";
-import "../../shared-utils/uuid.js";
-import "../Model/polyline.js";
-import "../utils/line.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 "../utils/distanceDom.js";
-import "../utils/isNDCPointInScreen.js";
-import "../Model/point.js";
-import "../../shared-utils/removeArrayItem.js";
-import "../../shared-utils/throttle.js";
-import "./BaseController.js";
-import "../utils/ironbox.js";
-import "../utils/getIntersectionFromEvent.js";
-import "../utils/getPointFromHammerEvent.js";
-import "../utils/math.js";
-import "../utils/findAssociatedLines.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/findClosestPoint.js";
-import "../utils/ndc2Screen.js";
-import "../../shared-utils/tap.js";
-import "../Modules/UIController/HTML.js";
-import "../Modules/UIController/mobileHTML.js";
-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 {
+class N {
   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, u, m, d;
+    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 = (u = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? u : !1, this.magnifier = new v(e, (m = t.magnifierParams) != null ? m : { 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 = (d = this.params.openParams) != null ? d : {};
+    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 +87,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,31 +123,62 @@ 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 {
-  ke as default
+  N as MeasureController
 };

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 {};

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,99 +1,69 @@
-var f = Object.defineProperty;
-var y = (e, i, t) => i in e ? f(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var r = (e, i, t) => (y(e, typeof i != "symbol" ? i + "" : i, t), t);
-import a from "./line.js";
-import g from "./point.js";
-import { Subscribe as B } from "@realsee/five";
-import { removeArrayItem as c } from "../../shared-utils/removeArrayItem.js";
-import { Polyline as d } from "./polyline.js";
-import "../../shared-utils/uuid.js";
-import "../utils/line.js";
+var s = Object.defineProperty;
+var t = (l, e, i) => e in l ? s(l, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[e] = i;
+var n = (l, e, i) => (t(l, typeof e != "symbol" ? e + "" : e, i), i);
+import "three";
+import { Polyline as r } from "./polyline.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
-import "three";
-import "../utils/distanceDom.js";
-import "../utils/isNDCPointInScreen.js";
-class C {
-  constructor(i) {
-    r(this, "lines", []);
-    r(this, "points", []);
-    r(this, "params");
-    r(this, "polylines", []);
-    r(this, "hook", new B());
-    this.params = i;
+import { Subscribe as p } from "@realsee/five";
+class f {
+  constructor(e) {
+    n(this, "config");
+    n(this, "polylines", []);
+    n(this, "hook", new p());
+    this.config = e;
   }
-  addLine(i) {
-    const [t, s] = i.points;
-    if (!t || !s)
-      return this;
-    this.includes(t) || this.points.push(t), this.includes(s) || this.points.push(s), this.lines.push(i);
-    const o = this.polylines.find((n) => !!n.getNext(i));
-    if (o)
-      o.push(i);
-    else {
-      const n = new d();
-      n.push(i), this.polylines.push(n);
+  addPolyline(e) {
+    if (this.includes(e)) {
+      console.error(new Error("\u4E0D\u80FD\u91CD\u590D\u6DFB\u52A0 polyline"));
+      return;
     }
-    this.hook.emit("lineAdded", i);
+    this.polylines.push(e), this.hook.emit("polylineAdded", e);
   }
-  removeLineByID(i) {
-    const t = this.getLineByID(i);
-    t && this.removeLine(t);
+  replacePolylineByID(e, i) {
+    const o = this.getPolylineByID(e);
+    o == null || o.replace(i);
   }
-  removeLine(i) {
-    const t = this.polylines.find((n) => n.lines.includes(i));
-    if (t) {
-      if (t.lines.slice(-1)[0] !== i)
-        throw new Error("\u4E0D\u80FD\u4ECE\u4E2D\u95F4\u5220\u9664\u7EBF\u6BB5");
-      t.pop(), t.lines.length === 0 && c(t, this.polylines);
+  removePolyline(e) {
+    const i = this.polylines.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
+      console.error(new Error("polyline \u4E0D\u5B58\u5728"));
+      return;
     }
-    const [s, o] = i.points;
-    return s.lines.length === 0 && c(s, this.points), o.lines.length === 0 && c(o, this.points), c(i, this.lines), i.clear(), this.hook.emit("lineRemoved", i), this;
+    this.polylines.splice(i, 1), this.hook.emit("polylineRemoved", e);
+  }
+  getPolylineByID(e) {
+    return this.polylines.find((i) => i.id === e);
+  }
+  getPolylineByLine(e) {
+    return this.polylines.find((i) => i.includes(e));
+  }
+  getLineByID(e) {
+    return this.getAllLines().find((i) => i.id === e);
   }
-  mergeModel(i) {
-    i.lines.forEach((t) => this.addLine(t));
+  getAllLines() {
+    return this.polylines.map((e) => e.lines).flat(1);
   }
-  includes(i) {
-    if (i.type === "point")
-      return this.points.find(({ id: t }) => t === i.id) !== void 0;
-    if (i.type === "line")
-      return this.lines.find(({ id: t }) => t === i.id) !== void 0;
+  getAllPoints() {
+    return this.polylines.map((e) => e.points).flat(1);
   }
-  getPointByID(i) {
-    return this.points.find(({ id: t }) => t === i);
+  includes(e) {
+    return this.polylines.find(({ id: i }) => i === e.id) !== void 0;
   }
-  getLineByID(i) {
-    return this.lines.find(({ id: t }) => t === i);
+  clear() {
+    this.polylines.forEach((e) => this.hook.emit("polylineRemoved", e)), this.polylines.splice(0, this.polylines.length);
   }
   getClosestPoint() {
   }
-  parse(i) {
-    const t = i.points.map(({ id: n, position: l }) => {
-      const p = new g(l);
-      return p.id = n, p;
-    }), s = i.lines.map((n) => {
-      const [l, p] = n.points, h = this.getPointByID.call({ points: t }, l), u = this.getPointByID.call({ points: t }, p);
-      if (!h || !u)
-        throw new Error("\u7EBF\u4E0A\u7684\u70B9\u4E0D\u5B58\u5728");
-      const m = new a(h, u, this);
-      return m.id = n.id, m;
-    }), o = i.polylines.map((n) => {
-      const l = new d();
-      return n.lines.forEach((p) => {
-        const h = s.find(({ id: u }) => u === p);
-        h && l.push(h);
-      }), l;
-    });
-    return this.points.splice(0, this.points.length, ...t), this.lines.splice(0, this.lines.length, ...s), this.polylines.splice(0, this.polylines.length, ...o), this;
+  parse(e) {
+    this.clear(), this.polylines.push(...e.polylines.map((i) => new r({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
   }
   toJson() {
     return {
-      points: this.points.map((i) => i.toJson()),
-      lines: this.lines.map((i) => i.toJson()),
-      polylines: this.polylines.map((i) => i.toJson()).filter((i) => i.lines.length > 0)
+      polylines: this.polylines.map((e) => e.toJson()).filter((e) => e.lines.length > 0)
     };
   }
 }
 export {
-  C as Model
+  f as Model
 };

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

@@ -1,17 +1,18 @@
 import type { Model } from '.';
-import type Point from './point';
-import type { LineJson } from '..';
-import type { LineCompletelyJson } from '../typings/data';
+import Point from './point';
+import type { LineJson } from '../typings/data';
 import type { Line as FiveLine } from '@realsee/five/line';
 import { Polyline } from './polyline';
 import { Subscribe, SubscribeEventMap } from '@realsee/five';
 import { DistanceItem } from '../utils/distanceDom';
 export interface ILineHook extends SubscribeEventMap {
     selected: (line: Line) => void;
+    textChanged: (text: string | undefined) => void;
 }
 export default class Line {
     id: string;
     selected: boolean;
+    text?: string;
     readonly type = "line";
     readonly model: Model;
     readonly mesh: FiveLine;
@@ -22,9 +23,10 @@ export default class Line {
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
     clear(): void;
+    isEmpty(): boolean;
     getPolyline(): Polyline;
     findAnotherPoint(point: Point): Point;
+    setText(text: string | null): void;
     toJson(): LineJson;
-    toCompletelyJson(): LineCompletelyJson;
     clone(): Line;
 }