@realsee/dnalogel 2.22.0-dev.1 → 2.22.0-dev.3

package/dist/index.js

@@ -39,7 +39,7 @@ import sl from "animejs";
 import { GLTFLoader as Df } from "@realsee/five/gltf-loader";
 function Sf() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv2.22.0-dev.1",
+    "%c %c@realsee/dnalogel %cv2.22.0-dev.3",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -6823,7 +6823,7 @@ let ms = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    f(this, "VERSION", "2.22.0-dev.1");
+    f(this, "VERSION", "2.22.0-dev.3");
     f(this, "five");
     /**
      * 插件事件钩子
@@ -10093,7 +10093,7 @@ function nv(i) {
 }
 function iv(i) {
   const t = document.createElement("div");
-  return i != null && i.id && (t.id = i == null ? void 0 : i.id), t.classList.add("five-plugin-measure__distance"), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", i != null && i.style && Object.assign(t.style, i.style), t;
+  return i != null && i.id && (t.id = i == null ? void 0 : i.id), t.classList.add("five-plugin-measure__distance"), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transformOrigin = "left top", i != null && i.style && Object.assign(t.style, i.style), t;
 }
 class hu {
   constructor(t) {
@@ -10700,6 +10700,7 @@ class uv {
     f(this, "adherePoints", null);
     /** 吸附点的半径 */
     f(this, "adherePointsRadius", 0.1);
+    f(this, "lastFiveHelperVisible");
     /**
      * @description: 主动触发一次选点
      * @return: select 是否成功
@@ -10816,14 +10817,14 @@ class uv {
     const t = this.five.getElement();
     if (!t)
       throw new Error("five element not found");
-    this.hammer || (this.hammer = new us(t)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", $n), this.five.on("wantsChangeMode", $n), this.five.on("wantsTapGesture", $n), t.addEventListener("mousemove", this.updateByMousePosition), t.addEventListener("mouseenter", this.onEnter), t.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
+    this.hammer || (this.hammer = new us(t)), this.mode === "cursor" ? (this.five.on("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.on("wantsPanGesture", this.onFiveWantsPanGesture), this.five.on("wantsMoveToPano", $n), this.five.on("wantsChangeMode", $n), this.five.on("wantsTapGesture", $n), this.lastFiveHelperVisible = this.five.helperVisible, this.five.helperVisible = !1, t.addEventListener("mousemove", this.updateByMousePosition), t.addEventListener("mouseenter", this.onEnter), t.addEventListener("mouseout", this.onLeave), this.hammer.on("tap", this.onTap), this.hammer.on("pan", this.onPan), this.hammer.on("press", this.onPress), this.hammer.on("panend", this.onPanEnd)) : this.mode === "fixed" && (this.five.on("panGesture", this.renderScreenCenter), this.five.on("interiaPan", this.renderScreenCenter), this.renderScreenCenter(), this.pointSelectorHelper.show()), this.pointSelectorHelper.hooks.on("intersectionUpdate", this.emitIntersectionUpdate);
   }
   disable() {
     if (!this.enabled)
       return;
     this.enabled = !1, this.pointSelectorHelper.disable();
     const t = this.five.getElement();
-    this.five.off("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", $n), this.five.off("wantsChangeMode", $n), this.five.off("wantsTapGesture", $n), t == null || t.removeEventListener("mousemove", this.updateByMousePosition), t == null || t.removeEventListener("mouseenter", this.onEnter), t == null || t.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
+    this.five.off("intersectionOnModelUpdate", this.intersectionOnModelUpdate), this.five.off("wantsPanGesture", this.onFiveWantsPanGesture), this.five.off("wantsMoveToPano", $n), this.five.off("wantsChangeMode", $n), this.five.off("wantsTapGesture", $n), this.five.helperVisible = this.lastFiveHelperVisible, t == null || t.removeEventListener("mousemove", this.updateByMousePosition), t == null || t.removeEventListener("mouseenter", this.onEnter), t == null || t.removeEventListener("mouseout", this.onLeave), this.hammer.off("tap", this.onTap), this.hammer.off("pan", this.onPan), this.hammer.off("press", this.onPress), this.hammer.off("panend", this.onPanEnd), this.five.off("panGesture", this.renderScreenCenter), this.five.off("interiaPan", this.renderScreenCenter), this.pointSelectorHelper.hooks.off("intersectionUpdate", this.emitIntersectionUpdate);
   }
   dispose() {
     this.disable(), this.pointSelectorHelper.dispose();
@@ -10988,13 +10989,13 @@ class hn extends So {
     f(this, "revokeLine", (e) => {
       const n = e || this.polyline;
       if (n.lines.length === 0 && this.lastPoint) {
-        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.remove(), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0;
+        this.lastPoint = null, this.hasAppendDashed = !1, this.dashed.remove(), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.needsRender = !0, this.hook.emit("pointsChange", []);
         return;
       }
       if (n.lines.length === 0 && !this.lastPoint || !this.lastPoint)
         return;
       const s = n.lines[n.lines.length - 1], o = s.findAnotherPoint(this.lastPoint);
-      o && (this.lastPoint = o, this.hook.emit("anchorChange", o.position), this.group.remove(s.mesh), n.removeLine(s), s.distanceItem.remove(), this.updateDashed(), this.hook.emit("pointsChange", n.lines), this.five.needsRender = !0);
+      o && (this.lastPoint = o, this.hook.emit("anchorChange", o.position), this.group.remove(s.mesh), n.removeLine(s), s.distanceItem.remove(), this.updateDashed(), this.five.needsRender = !0);
     });
     f(this, "onMouseLeave", () => {
       this.dashed.hide(), this.perpendicularDashed.hide(), this.area.hideArea();
@@ -11125,6 +11126,7 @@ class hn extends So {
         return this.chooseLine(A), !1;
     });
     f(this, "chooseLine", (e) => {
+      console.log(e);
       const n = fo(e);
       this.deleteDom.setTarget(n).setLines(n).updatePosition().show(), this.highlightLines(n), this.hook.emit("selectedChange", n);
     });
@@ -11160,9 +11162,9 @@ class hn extends So {
       meshContainer: this.group,
       domContainer: this.container
     }), this.model.addPolyline(this.polyline), this.model.addArea(this.area), this.model.getAllLines().forEach((s) => {
-      s.distanceItem.appendTo(this.container), s.distanceItem.update(this.five), s.distanceItem.setCanSelect(!0), this.group.add(s.mesh);
+      s.distanceItem.appendTo(this.container), s.distanceItem.update(this.five), s.distanceItem.setCanSelect(!0), s.hook.on("selected", this.chooseLine), this.group.add(s.mesh);
     }), this.model.getAllAreas().forEach((s) => {
-      s.areaItem.appendTo(this.container), s.areaItem.updateDomPosition(this.five), s.areaItem.setCanSelect(!0), this.group.add(s.polygon), s.polyline.lines.forEach((o) => {
+      s.areaItem.appendTo(this.container), s.areaItem.updateDomPosition(this.five), s.areaItem.setCanSelect(!0), s.hook.on("selected", this.chooseArea), this.group.add(s.polygon), s.polyline.lines.forEach((o) => {
         o.distanceItem.appendTo(this.container), o.distanceItem.update(this.five), this.group.add(o.mesh);
       });
     }), this.five.on("cameraUpdate", this.onCameraUpdate), this.five.on("wantsTapGesture", this.wantsTapGesture), this.five.on("wantsToMoveToPano", oc), this.pointSelector.hook.on("intersectionUpdate", this.onIntersectionUpdate), this.pointSelector.hook.on("select", this.onSelect), this.pointSelector.hook.on("wantsSelect", this.onWantsSelect), this.polyline.hook.on("lineAdded", this.onLineChanged), this.polyline.hook.on("lineRemoved", this.onLineChanged), this.five.helperVisible = !1, (n = this.fiveElement) == null || n.addEventListener("mouseleave", this.onMouseLeave), this.hook.emit("anchorChange", null), this.hook.emit("editedDashedLineChange", null), this.five.refresh();
@@ -11180,7 +11182,9 @@ class hn extends So {
     this.onSelect();
   }
   complete() {
-    this.hook.emit("complete"), this.currentMeasureType === "area" ? (this.area.points.length < 3 ? this.deleteArea(this.area) : (this.area.showArea(), this.area.complete()), this.area = new ia(void 0, { five: this.five, model: this.model, meshContainer: this.group, domContainer: this.container }), this.model.addArea(this.area)) : this.currentMeasureType === "line" && (this.polyline = new mi({ model: this.model }), this.model.addPolyline(this.polyline)), this.pointSelector.setAdherePoints(null), this.dashed.hide(), this.perpendicularDashed.hide(), this.lastPoint = void 0;
+    this.hook.emit("complete"), this.currentMeasureType === "area" ? (this.area.points.length < 3 ? this.deleteArea(this.area) : (this.area.showArea(), this.area.complete(), this.area.hook.on("selected", this.chooseArea)), this.area = new ia(void 0, { five: this.five, model: this.model, meshContainer: this.group, domContainer: this.container }), this.model.addArea(this.area)) : this.currentMeasureType === "line" && (this.polyline.lines.forEach((e) => {
+      e.hook.on("selected", this.chooseLine), e.distanceItem.setCanSelect(!0);
+    }), this.polyline = new mi({ model: this.model }), this.model.addPolyline(this.polyline)), this.pointSelector.setAdherePoints(null), this.dashed.hide(), this.perpendicularDashed.hide(), this.lastPoint = void 0;
   }
   highlightArea(e) {
     this.highlightLines(e.polyline.lines), this.five.needsRender = !0;
@@ -11197,7 +11201,7 @@ class hn extends So {
     });
   }
   highlightLine(e) {
-    e.selected || (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
+    this.unHighlightLines(this.model.getAllLines()), !e.selected && (e.selected = !0, this.group.add(e.lightMesh), e.distanceItem.highlight(), this.five.needsRender = !0);
   }
 }
 class rc extends So {
@@ -13373,7 +13377,7 @@ Ue.withOptions = function(t, e, n) {
   return To(t, e, n);
 };
 function g0(i) {
-  ue(i, "svelte-1kdvs98", ".Measure-Tips.svelte-1kdvs98.svelte-1kdvs98{box-sizing:border-box;position:absolute;pointer-events:none;top:0;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-1kdvs98 .text.svelte-1kdvs98{text-align:center;position:relative;max-width:100%;top:3.125rem;color:#fff;word-break:break-all;word-wrap:break-word;text-shadow:0 0.0625rem 0.375rem rgba(0, 0, 0, 0.5);font-size:1.25rem}");
+  ue(i, "svelte-1q8gtp4", ".Measure-Tips.svelte-1q8gtp4.svelte-1q8gtp4{box-sizing:border-box;position:absolute;pointer-events:none;top:0;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-1q8gtp4 .text.svelte-1q8gtp4{text-align:center;position:relative;max-width:100%;top:3.125rem;color:#fff;word-break:break-all;word-wrap:break-word;text-shadow:0 0.0625rem 0.375rem rgba(0, 0, 0, 0.5);font-size:1.25rem;font-weight:bold}");
 }
 function Cc(i) {
   let t, e, n, s, o;
@@ -13382,7 +13386,7 @@ function Cc(i) {
       t = x("div"), e = x("div"), n = Me(
         /*tip*/
         i[2]
-      ), w(e, "class", "text svelte-1kdvs98"), w(t, "class", "Measure-Tips svelte-1kdvs98");
+      ), w(e, "class", "text svelte-1q8gtp4"), w(t, "class", "Measure-Tips svelte-1q8gtp4");
     },
     m(r, a) {
       B(r, t, a), D(t, e), D(e, n), i[6](e), o = !0;