@realsee/dnalogel 2.21.0-dev.5 → 2.21.0-dev.7

package/libs/PanoMeasurePlugin/Controller/index.js

@@ -1,34 +1,34 @@
-var v = Object.defineProperty;
-var y = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var c = (s, e, t) => e in s ? v(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, h = (s, e) => {
+var I = Object.defineProperty;
+var P = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var c = (s, e, t) => e in s ? I(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, h = (s, e) => {
   for (var t in e || (e = {}))
-    I.call(e, t) && c(s, t, e[t]);
-  if (y)
-    for (var t of y(e))
-      b.call(e, t) && c(s, t, e[t]);
+    T.call(e, t) && c(s, t, e[t]);
+  if (P)
+    for (var t of P(e))
+      E.call(e, t) && c(s, t, e[t]);
   return s;
 };
 var i = (s, e, t) => (c(s, typeof e != "symbol" ? e + "" : e, t), t);
-import U from "../Modules/FiveHelper.js";
+import k from "../Modules/FiveHelper.js";
 import m from "./EditController.js";
-import C from "./ViewController.js";
-import M from "./WatchController.js";
+import w from "./ViewController.js";
+import v from "./WatchController.js";
 import a from "./MixedController.js";
-import { omit as T } from "../../shared-utils/filter.js";
-import { Group as E } from "three";
-import { Model as k } from "../Model/index.js";
-import { Subscribe as D } from "@realsee/five";
-import { getMouseGroup as G } from "../utils/mouseGroup.js";
-import { UIController as P } from "../Modules/UIController/index.js";
-import { GuideController as x } from "../Modules/GuideController.js";
-import { ShortcutKeyController as H } from "./ShortcutKeyController.js";
-import { safeObj as w } from "../../shared-utils/safeObj.js";
-import { Magnifier as L } from "../../shared-utils/three/Magnifier.js";
+import { omit as D } from "../../shared-utils/filter.js";
+import { Group as U } from "three";
+import { Model as x } from "../Model/index.js";
+import { Subscribe as G } from "@realsee/five";
+import { getMouseGroup as H } from "../utils/mouseGroup.js";
+import { UIController as S } from "../Modules/UIController/index.js";
+import { GuideController as L } from "../Modules/GuideController.js";
+import { ShortcutKeyController as O } from "./ShortcutKeyController.js";
+import { safeObj as b } from "../../shared-utils/safeObj.js";
+import { Magnifier as B } from "../../shared-utils/three/Magnifier.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "hammerjs";
+import { isTouchDevice as W } from "../../shared-utils/isTouchDevice.js";
 import "../Model/line.js";
 import "../../shared-utils/uuid.js";
 import "../utils/line.js";
@@ -42,8 +42,6 @@ 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 "../Model/polyline.js";
 import "../Model/area.js";
 import "../Model/polygon.js";
@@ -60,11 +58,12 @@ import "../../shared-utils/three/getIntersect.js";
 import "../../shared-utils/three/PointHelper.js";
 import "../../shared-utils/three/Assets/index.js";
 import "../../shared-utils/three/PointDomHelper.js";
+import "hammerjs";
 import "../Modules/rangePiece/html.js";
 import "../../CSS3DRenderPlugin/index.js";
 import "../../CSS3DRenderPlugin/Controller.js";
 import "../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
-import "../../shared-utils/isAbsoluteURL.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -78,7 +77,8 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/animationFrame/index.js";
-import "../../shared-utils/isTouchDevice.js";
+import "../../shared-utils/getIntersectionFromEvent.js";
+import "../../shared-utils/getPointFromHammerEvent.js";
 import "../Modules/DeleteDom/index.js";
 import "../Modules/DeleteDom/_Assets/delete.svg.js";
 import "../Modules/DeleteDom/_Assets/delete_bg.png.js";
@@ -104,10 +104,12 @@ import "../Components/Common/Exit.js";
 import "../Components/Controller1.js";
 import "../Components/Common/Switcher1.js";
 import "../Components/Common/CircleButton.js";
-class wt {
+import "../../vendor/svelte/transition/index.js";
+import "../../vendor/svelte/easing/index.js";
+class kt {
   constructor(e, t) {
     i(this, "hasOpen", !1);
-    i(this, "hook", new D());
+    i(this, "hook", new G());
     i(this, "magnifier");
     i(this, "controller", null);
     /** 允许的测量类型 */
@@ -130,28 +132,28 @@ class wt {
      * @description 还原点位展示和默认鼠标 UI
      */
     i(this, "disable", () => {
-      var e, t, r, o;
-      this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (r = this.useGuideController) == null || r.hide(), (o = this.shortcutKeyController) == null || o.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
+      var e, t, o, r;
+      this.hasOpen = !1, this.container.style.opacity = "0", (e = this.controller) == null || e.dispose(), (t = this.useUIController) == null || t.hide(), (o = this.useGuideController) == null || o.hide(), (r = this.shortcutKeyController) == null || r.dispose(), this.controller = null, this.five.helperVisible = !0, this.five.scene.remove(this.group), this.five.needsRender = !0, this.hook.emit("disable", !0);
     });
-    i(this, "getCurrentMode", () => this.controller instanceof m ? "Edit" : this.controller instanceof M ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof C ? "View" : null);
+    i(this, "getCurrentMode", () => this.controller instanceof m ? "Edit" : this.controller instanceof v ? "Watch" : this.controller instanceof a ? "Mixed" : this.controller instanceof w ? "View" : null);
     /** 变更场景
      * @description 如果从编辑场景改变到观看场景，不会自动保存，默认丢弃所有改动
      */
     i(this, "changeMode", (e) => {
-      var o;
+      var r;
       if (!this.hasOpen || this.getCurrentMode() === e)
         return;
-      (o = this.controller) == null || o.dispose();
+      (r = this.controller) == null || r.dispose();
       const t = {
-        View: C,
-        Watch: M,
+        View: w,
+        Watch: v,
         Edit: m,
         Mixed: a
       };
       if (!t[e])
         throw new Error("不存在的 Mode");
-      const r = this.createControllerParams();
-      this.controller = new t[e](r), this.hook.emit("modeChange", e);
+      const o = this.createControllerParams();
+      this.controller = new t[e](o), this.hook.emit("modeChange", e);
     });
     /**
      * @description: 切换测量的类型
@@ -159,16 +161,16 @@ class wt {
     i(this, "changeMeasureType", (e) => {
       this.currentMeasureType = e, this.hook.emit("measureTypeChange", e);
     });
-    var o, l, n, u, d, f, g;
-    this.five = e, this.params = t, this.config = T(t, ["openParams", "magnifierParams"]), this.model = new k(this.config), this.fiveHelper = new U(e), this.isMobile = (l = (o = t == null ? void 0 : t.openParams) == null ? void 0 : o.isMobile) != null ? l : !1, this.magnifier = new L(e, (n = t.magnifierParams) != null ? n : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((d = (u = t.editParams) == null ? void 0 : u.allowMeasureType) != null ? d : ["line"])), this.currentMeasureType = (f = this.allowMeasureType[0]) != null ? f : "line", this.group = new E(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
-    const r = (g = this.params.openParams) != null ? g : {};
+    var l, n, u, d, f, g, y, M, C;
+    this.five = e, this.params = t, this.config = D(t, ["openParams", "magnifierParams"]), this.model = new x(this.config), this.fiveHelper = new k(e), this.isMobile = (n = (l = t == null ? void 0 : t.openParams) == null ? void 0 : l.isMobile) != null ? n : !1, this.magnifier = new B(e, (u = t.magnifierParams) != null ? u : { width: 190, height: 190, scale: 2 }), this.allowMeasureType = Array.from(new Set((f = (d = t.editParams) == null ? void 0 : d.allowMeasureType) != null ? f : ["line"])), this.currentMeasureType = (g = this.allowMeasureType[0]) != null ? g : "line", this.group = new U(), this.group.name = "plugin-measure-group", this.container.classList.add("five-plugin-measure-container"), this.container.style.position = "absolute", this.container.style.left = "0", this.container.style.top = "0", this.container.style.pointerEvents = "none", this.container.style.width = "100%", this.container.style.height = "100%", this.container.style.opacity = "0";
+    const o = ((M = (y = t.editParams) == null ? void 0 : y.pointSelectorMode) != null ? M : W) ? "fixed" : "cursor", r = (C = this.params.openParams) != null ? C : {};
     if (this.params.useUIController !== !1) {
-      const p = h({ container: this.container, openParams: r }, w(this.params.useUIController));
-      this.useUIController = new P(this, p);
+      const p = h({ container: this.container, openParams: r, pointSelectorMode: o }, b(this.params.useUIController));
+      this.useUIController = new S(this, p);
     }
     if (this.params.useGuideController !== !1) {
-      const p = h({ container: this.container }, w(this.params.useGuideController));
-      this.useGuideController = new x(this, p);
+      const p = h({ container: this.container }, b(this.params.useGuideController));
+      this.useGuideController = new L(this, p);
     }
   }
   appendTo(e) {
@@ -191,7 +193,7 @@ class wt {
    */
   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 H(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 O(this, this.five), this.hook.emit("enable", !0));
   }
   /** 进入编辑模式 */
   edit(e) {
@@ -206,6 +208,9 @@ class wt {
   removePolyline(e) {
     this.model.removePolyline(e);
   }
+  removeArea(e) {
+    this.model.removeArea(e);
+  }
   removePolylineByID(e) {
     const t = this.model.getPolylineByID(e);
     t && this.model.removePolyline(t);
@@ -234,11 +239,11 @@ class wt {
     var l;
     if (!(this.controller instanceof m) && !(this.controller instanceof a))
       return this;
-    const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", r = this.controller.model.polylines, o = this.controller.model.areas;
-    return r.forEach((n) => {
+    const t = (l = e == null ? void 0 : e.mode) != null ? l : "View", o = this.controller.model.polylines, r = this.controller.model.areas;
+    return o.forEach((n) => {
       this.model.addPolyline(n);
-    }), o.forEach((n) => {
-      n.polygon.updatePoints(n.points), n.showArea(), this.model.addArea(n);
+    }), r.forEach((n) => {
+      n.showArea(), this.model.addArea(n);
     }), this.changeMode(t), this;
   }
   /** Mixed 模式才有用，添加起点 */
@@ -254,19 +259,11 @@ class wt {
     return this.model.toJson();
   }
   /**
+   * @deprecated 暂不支持
    * @description 改变插件的模式（pc端模式或移动端模式）
    * @param isMobile true为移动端模式，false为pc端
    */
   changeIsMobile(e) {
-    var t;
-    if (this.isMobile = e, this.params.useUIController !== !1) {
-      (t = this.useUIController) == null || t.dispose();
-      const r = h({
-        container: this.container,
-        mode: this.isMobile ? "mobile" : "pc"
-      }, typeof this.params.useUIController == "object" ? this.params.useUIController : {});
-      this.useUIController = new P(this, r);
-    }
   }
   changeConfigs(e) {
     var t;
@@ -274,15 +271,15 @@ class wt {
   }
   /** 设置线段的文本 */
   setCustomText(e, t) {
-    var o;
-    const r = this.model.getLineByID(e);
-    if (!r)
+    var r;
+    const o = this.model.getLineByID(e);
+    if (!o)
       throw new Error("不存在的线段");
-    r.setText(t), (o = this.controller) == null || o.updateDistanceUI();
+    o.setText(t), (r = this.controller) == null || r.updateDistanceUI();
   }
   createControllerParams() {
-    var r, o;
-    const e = (r = this.params.openParams) != null ? r : {}, t = (o = this.params.editParams) != null ? o : {};
+    var o, r;
+    const e = (o = this.params.openParams) != null ? o : {}, t = (r = this.params.editParams) != null ? r : {};
     return e.isMobile = this.isMobile, {
       five: this.five,
       hook: this.hook,
@@ -296,11 +293,11 @@ class wt {
       editParams: t,
       magnifierParams: this.params.magnifierParams,
       getMeasureType: () => this.currentMeasureType,
-      mouseGroup: G(h({}, e.crossHairParameter)),
+      mouseGroup: H(h({}, e.crossHairParameter)),
       userDistanceItemCreator: this.params.userDistanceItemCreator
     };
   }
 }
 export {
-  wt as default
+  kt as default
 };

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

@@ -43,6 +43,7 @@ export default class Area {
         five?: Five;
     });
     addPoints(point: THREE.Vector3): void;
+    popPoint(): void;
     refresh(): void;
     hideArea(): void;
     showArea(): void;

package/libs/PanoMeasurePlugin/Model/area.js

@@ -8,7 +8,7 @@ import u from "./line.js";
 import v from "./polygon.js";
 import { Polyline as y } from "./polyline.js";
 import h from "./point.js";
-import { AreaItem as C } from "../utils/dom/areaDom.js";
+import { AreaItem as I } from "../utils/dom/areaDom.js";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
@@ -50,11 +50,11 @@ class V {
       this.five && (this.polyline.lines.forEach((e) => e.distanceItem.update(this.five)), this.areaItem.updateDomPosition(this.five));
     });
     var n;
-    e && (this.points = e), this.model = i.model, this.polygon = new v(e), this.polyline = new y({ model: i.model }), this.areaItem = new C({
+    e && (this.points = e), this.model = i.model, this.polygon = new v(e), this.polyline = new y({ model: i.model }), this.areaItem = new I({
       area: this,
       clickCallback: (a, s) => {
-        const l = a.clientX + "px", p = a.clientY + "px";
-        this.hook.emit("selected", this, { left: l, top: p });
+        const p = a.clientX + "px", l = a.clientY + "px";
+        this.hook.emit("selected", this, { left: p, top: l });
       }
     }), this.domContainer = i.domContainer || null, this.meshContainer = i.meshContainer || null, this.five = i.five || null, this.areaItem.appendTo(this.domContainer), (n = this.five) == null || n.on("cameraUpdate", this.updateDom);
   }
@@ -68,6 +68,11 @@ class V {
     }
     (a = this.meshContainer) != null && a.children.includes(this.polygon) || this.meshContainer.add(this.polygon), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length === 3 ? this.planeHelper = new r.Plane().setFromCoplanarPoints(this.points[0], this.points[1], this.points[2]) : this.points.length < 3 && (this.planeHelper = null);
   }
+  popPoint() {
+    this.points.pop();
+    const e = this.polyline.lines.pop();
+    e && e.remove(), this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five), this.points.length < 3 && (this.planeHelper = null);
+  }
   refresh() {
     this.polygon.updatePoints(this.points), this.areaItem.updateArea(this.five);
   }
@@ -81,7 +86,7 @@ class V {
    * @description: 获取一个点投影在当前平面上的点
    */
   projectPoint(e) {
-    return this.planeHelper ? this.planeHelper.projectPoint(e, new r.Vector3()) : e;
+    return e && (this.planeHelper ? this.planeHelper.projectPoint(e, new r.Vector3()) : e);
   }
   remove() {
     this.polygon.removeFromParent(), this.areaItem.remove(), this.polyline.lines.forEach((e) => e.remove());

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

@@ -28,6 +28,7 @@ export declare class Model {
     addArea(area: Area): void;
     replacePolylineByID(id: string, polyline: Polyline): void;
     removePolyline(polyline: Polyline): void;
+    removeArea(area: Area): void;
     getPolylineByID(id: string): Polyline;
     getPolylineByLine(line: Line): Polyline;
     getLineByID(id: string): Line;

package/libs/PanoMeasurePlugin/Model/index.js

@@ -1,6 +1,6 @@
-var l = Object.defineProperty;
-var r = (o, i, e) => i in o ? l(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
-var t = (o, i, e) => (r(o, typeof i != "symbol" ? i + "" : i, e), e);
+var t = Object.defineProperty;
+var l = (s, e, i) => e in s ? t(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var r = (s, e, i) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
 import { Polyline as n } from "./polyline.js";
 import { Subscribe as p } from "@realsee/five";
 import "./line.js";
@@ -14,78 +14,86 @@ import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "./point.js";
 import "../../shared-utils/removeArrayItem.js";
-class B {
-  constructor(i) {
-    t(this, "config");
-    t(this, "polylines", []);
-    t(this, "areas", []);
-    t(this, "hook", new p());
-    this.config = i;
-  }
-  addPolyline(i) {
-    if (this.includes(i)) {
+class I {
+  constructor(e) {
+    r(this, "config");
+    r(this, "polylines", []);
+    r(this, "areas", []);
+    r(this, "hook", new p());
+    this.config = e;
+  }
+  addPolyline(e) {
+    if (this.includes(e)) {
       console.error(new Error("不能重复添加 polyline"));
       return;
     }
-    this.polylines.push(i), this.hook.emit("polylineAdded", i);
+    this.polylines.push(e), this.hook.emit("polylineAdded", e);
   }
-  addArea(i) {
-    if (this.areas.find(({ id: e }) => e === i.id) !== void 0) {
+  addArea(e) {
+    if (this.areas.find(({ id: i }) => i === e.id) !== void 0) {
       console.error(new Error("不能重复添加 area"));
       return;
     }
-    this.areas.push(i), this.hook.emit("areaAdded", i);
+    this.areas.push(e), this.hook.emit("areaAdded", e);
   }
-  replacePolylineByID(i, e) {
-    const s = this.getPolylineByID(i);
-    s == null || s.replace(e);
+  replacePolylineByID(e, i) {
+    const o = this.getPolylineByID(e);
+    o == null || o.replace(i);
   }
-  removePolyline(i) {
-    const e = this.polylines.findIndex(({ id: s }) => s === i.id);
-    if (e === -1) {
+  removePolyline(e) {
+    const i = this.polylines.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
       console.error(new Error("polyline 不存在"));
       return;
     }
-    this.polylines.splice(e, 1), this.hook.emit("polylineRemoved", i);
+    this.polylines.splice(i, 1), this.hook.emit("polylineRemoved", e);
   }
-  getPolylineByID(i) {
-    return this.polylines.find((e) => e.id === i);
+  removeArea(e) {
+    const i = this.areas.findIndex(({ id: o }) => o === e.id);
+    if (i === -1) {
+      console.error(new Error("area 不存在"));
+      return;
+    }
+    this.areas.splice(i, 1);
+  }
+  getPolylineByID(e) {
+    return this.polylines.find((i) => i.id === e);
   }
-  getPolylineByLine(i) {
-    return this.polylines.find((e) => e.includes(i));
+  getPolylineByLine(e) {
+    return this.polylines.find((i) => i.includes(e));
   }
-  getLineByID(i) {
-    return this.getAllLines().find((e) => e.id === i);
+  getLineByID(e) {
+    return this.getAllLines().find((i) => i.id === e);
   }
   getAllLines() {
-    return this.polylines.map((i) => i.lines).flat(1);
+    return this.polylines.map((e) => e.lines).flat(1);
   }
   getAllAreas() {
     return this.areas;
   }
   getAllPoints() {
-    return this.polylines.map((i) => i.points).flat(1);
+    return this.polylines.map((e) => e.points).flat(1);
   }
-  includes(i) {
-    return this.polylines.find(({ id: e }) => e === i.id) !== void 0;
+  includes(e) {
+    return this.polylines.find(({ id: i }) => i === e.id) !== void 0;
   }
   clear() {
-    this.polylines.forEach((i) => this.hook.emit("polylineRemoved", i)), this.areas.forEach((i) => i.dispose()), this.polylines.splice(0, this.polylines.length), this.areas.splice(0, this.areas.length);
+    this.polylines.forEach((e) => this.hook.emit("polylineRemoved", e)), this.areas.forEach((e) => e.dispose()), this.polylines.splice(0, this.polylines.length), this.areas.splice(0, this.areas.length);
   }
   dispose() {
     this.clear();
   }
   getClosestPoint() {
   }
-  parse(i) {
-    this.clear(), this.polylines.push(...i.polylines.map((e) => new n({ model: this }).fromJson(e))), this.polylines.forEach((e) => this.hook.emit("polylineAdded", e));
+  parse(e) {
+    this.clear(), this.polylines.push(...e.polylines.map((i) => new n({ model: this }).fromJson(i))), this.polylines.forEach((i) => this.hook.emit("polylineAdded", i));
   }
   toJson() {
     return {
-      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 {
-  B as Model
+  I as Model
 };

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

@@ -23,6 +23,8 @@ export default class Line {
     readonly distanceItem: DistanceItem;
     private polyline?;
     constructor(point: Point, anotherPoint: Point, model: Model);
+    hide(): void;
+    show(): void;
     setPoints(startPoint: THREE.Vector3, endPoint: THREE.Vector3): void;
     remove(): void;
     clear(): void;

package/libs/PanoMeasurePlugin/Model/line.js

@@ -32,6 +32,12 @@ class l {
       userDistanceItem: (h = this.model.config) != null && h.userDistanceItemCreator ? this.model.config.userDistanceItemCreator() : void 0
     }), t.lines.push(this), i.lines.push(this);
   }
+  hide() {
+    this.mesh.visible = !1, this.distanceItem.hide();
+  }
+  show() {
+    this.mesh.visible = !0, this.distanceItem.show();
+  }
   setPoints(t, i) {
     this.points[0].position.copy(t), this.points[1].position.copy(i), this.mesh.setPoints(t, i);
   }

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

@@ -1,7 +1,10 @@
 import * as THREE from 'three';
 import { IObject3D } from '../../shared-utils/three/IObject3D';
+export declare const blankGeometry: THREE.BufferGeometry;
 export default class PolygonMesh extends IObject3D {
+    readonly isPolygonMesh = true;
     geometry: THREE.BufferGeometry;
+    isBlank: boolean;
     constructor(points?: THREE.Vector3[]);
     /**
      * @description: 按照新的端点来更新多边形的geometry

package/libs/PanoMeasurePlugin/Model/polygon.js

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

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

@@ -3,6 +3,7 @@ export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
     container?: Element;
     mode?: UIMode;
+    pointSelectorMode?: 'fixed' | 'cursor';
     useNewUI?: boolean;
     startButtonText?: string;
     endButtonText?: string;