@aibee/crc-bmap 0.0.74 → 0.0.76

package/lib/bmap.esm.js

@@ -44,7 +44,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/bmap.ts
-import { EventDispatcher as EventDispatcher7, Vector3 as Vector313 } from "three";
+import { EventDispatcher as EventDispatcher7 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
@@ -991,18 +991,13 @@ var Poi = class extends EventDispatcher2 {
     return __async(this, null, function* () {
       yield sleepOnePromise();
       const { width, height } = this.div.getBoundingClientRect();
-      const { boxScale } = this.context.config.poi;
       this.size = {
-        width: width * boxScale,
-        height: height * boxScale
+        width: width + 2,
+        height: height + 2
       };
     });
   }
   renderHelperBox() {
-    const div = document.createElement("div");
-    const box = this.getBox();
-    div.style.cssText = `position: absolute; top: ${box.top}px;left: ${box.left}px;width: ${box.right - box.left}px;height: ${box.bottom - box.top}px;border: 1px solid red;`;
-    this.context.container.appendChild(div);
   }
   get clientPos() {
     return this.overlay.clientPos;
@@ -1025,7 +1020,6 @@ var Poi = class extends EventDispatcher2 {
     this.overlay.div.style.userSelect = `none`;
     this.overlay.div.appendChild(div);
     this.div = div;
-    this._changePosition();
     this.resetSize();
     return div;
   }
@@ -1066,7 +1060,6 @@ var Poi = class extends EventDispatcher2 {
       img.style.border = `${this.options.icon_border.width}px solid ${this.options.icon_border.color}`;
     }
     img.onload = () => {
-      this._changePosition();
       this.resetSize();
     };
     this.img = img;
@@ -1094,8 +1087,7 @@ var Poi = class extends EventDispatcher2 {
       if (this.showTextStatus === visible) {
         return;
       }
-      console.log("visible", visible);
-      this.textDiv.style.display = visible ? "block" : "none";
+      this.textDiv.style.visibility = visible ? "visible" : "hidden";
       this.showTextStatus = visible;
     }
   }
@@ -1105,21 +1097,29 @@ var Poi = class extends EventDispatcher2 {
     }
     this.changeOverlayVisible(visible);
   }
-  getBox() {
+  getBox(boxScale = this.context.config.poi.boxScale) {
     const { width, height } = this.size;
+    const w = width * boxScale;
+    const h = height * boxScale;
     const { x, y } = this.overlay.clientPos;
     return {
-      left: x - width / 2,
-      right: x + width / 2,
-      top: this.options.icon ? y - height : y - height / 2,
-      bottom: this.options.icon ? y : y + height / 2
+      left: x - w / 2,
+      right: x + w / 2,
+      top: this.options.icon ? y - h : y - h / 2,
+      bottom: this.options.icon ? y : y + h / 2
     };
   }
+  getOriginBox() {
+    return this.getBox(1);
+  }
   isContain(x, y) {
     if (!this.overlay.visible) {
       return false;
     }
-    const box = this.getBox();
+    if (!this.visible) {
+      return false;
+    }
+    const box = this.getOriginBox();
     return x >= box.left && x <= box.right && y >= box.top && y <= box.bottom;
   }
   dispose() {
@@ -2155,29 +2155,24 @@ var Selection = class extends EventDispatcher4 {
           }
         }
       });
-      if (!e.ctrlKey) {
+      if (!(isMac ? e.metaKey : e.ctrlKey)) {
         this._list.clear();
       }
       graphics.forEach((item) => this._list.add(item));
       this.selectEnd();
       this.downPoint = null;
     });
+    __publicField(this, "onPointerOut", (e) => {
+      this.disableBoxSelection();
+    });
     __publicField(this, "onKeyDown", (e) => {
       if (isControl(e.key)) {
-        this.isMultipleSelect = true;
-        this.boxSelection.setEnable(true);
-        this.prevPanStatus = this.context.control.enablePan;
-        this.prevRotateStatus = this.context.control.enableRotate;
-        this.context.control.enablePan = false;
-        this.context.control.enableRotate = false;
+        this.enableBoxSelection();
       }
     });
     __publicField(this, "onKeyUp", (e) => {
       if (isControl(e.key)) {
-        this.isMultipleSelect = false;
-        this.boxSelection.setEnable(false);
-        this.context.control.enablePan = !!this.prevPanStatus;
-        this.context.control.enableRotate = !!this.prevRotateStatus;
+        this.disableBoxSelection();
       }
     });
     __publicField(this, "onBoxSelected", ({ list }) => {
@@ -2194,12 +2189,33 @@ var Selection = class extends EventDispatcher4 {
   get list() {
     return this._list;
   }
+  enableBoxSelection() {
+    if (this.isMultipleSelect) {
+      return;
+    }
+    this.isMultipleSelect = true;
+    this.boxSelection.setEnable(true);
+    this.prevPanStatus = this.context.control.enablePan;
+    this.prevRotateStatus = this.context.control.enableRotate;
+    this.context.control.enablePan = false;
+    this.context.control.enableRotate = false;
+  }
+  disableBoxSelection() {
+    if (this.isMultipleSelect) {
+      this.isMultipleSelect = false;
+      this.boxSelection.setEnable(false);
+      this.context.control.enablePan = !!this.prevPanStatus;
+      this.context.control.enableRotate = !!this.prevRotateStatus;
+    }
+  }
   selectEnd() {
     this.dispatchEvent({ type: "select", graphics: [...this._list], isMultipleSelect: this.isMultipleSelect });
   }
   registryEvent() {
     this.context.container.addEventListener("pointerdown", this.onPointerDown);
     this.context.container.addEventListener("pointerup", this.onPointerUp);
+    this.context.container.addEventListener("pointerout", this.onPointerOut);
+    this.context.container.addEventListener("pointercancel", this.onPointerOut);
     window.addEventListener("keydown", this.onKeyDown);
     window.addEventListener("keyup", this.onKeyUp);
     this.boxSelection.addEventListener("selected", this.onBoxSelected);
@@ -2207,6 +2223,8 @@ var Selection = class extends EventDispatcher4 {
   unRegistryEvent() {
     this.context.container.removeEventListener("pointerdown", this.onPointerDown);
     this.context.container.removeEventListener("pointerup", this.onPointerUp);
+    this.context.container.removeEventListener("pointerout", this.onPointerOut);
+    this.context.container.removeEventListener("pointercancel", this.onPointerOut);
     window.removeEventListener("keydown", this.onKeyDown);
     window.removeEventListener("keyup", this.onKeyUp);
     this.boxSelection.removeEventListener("selected", this.onBoxSelected);
@@ -2231,12 +2249,12 @@ var HoverHelper = class extends EventDispatcher5 {
     __publicField(this, "curGraphics", /* @__PURE__ */ new Set());
     __publicField(this, "timer", new Timer());
     __publicField(this, "graphicTimerMap", /* @__PURE__ */ new Map());
-    __publicField(this, "onPointerMove", ({ graphics, pois }) => {
+    __publicField(this, "onPointerMove", ({ graphics, pois, e }) => {
       const poiGraphics = pois.map((item) => {
         var _a;
         return (_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.graphicMap.get(item.options.id);
       }).filter((graphic) => graphic && graphic.options.geometry.type === "point");
-      if (!graphics.length && !poiGraphics && this.curGraphics.size) {
+      if (!graphics.length && !poiGraphics.length && this.curGraphics.size) {
         this.curGraphics.clear();
         this.handleHoverGraphicsChange();
         return;
@@ -2244,9 +2262,22 @@ var HoverHelper = class extends EventDispatcher5 {
       const { time } = this.context.config.hover;
       const allGraphics = new Set(graphics);
       if (!allGraphics.size) {
-        poiGraphics.forEach((graphic) => {
-          allGraphics.add(graphic);
-        });
+        if (poiGraphics.length === 1) {
+          allGraphics.add(poiGraphics[0]);
+        } else if (poiGraphics.length) {
+          let resGraphic;
+          let distance = 1e4;
+          poiGraphics.forEach((graphic) => {
+            const poi = pois.find((poi2) => poi2.options.id === graphic.options.id);
+            const { x, y } = poi.clientPos;
+            let curDistance = Math.sqrt(__pow(x - e.offsetX, 2) + __pow(y - e.offsetY, 2));
+            if (curDistance < distance) {
+              distance = curDistance;
+              resGraphic = graphic;
+            }
+          });
+          allGraphics.add(resGraphic);
+        }
       }
       allGraphics.forEach((graphic) => {
         if (this.graphicTimerMap.get(graphic)) {
@@ -2257,6 +2288,8 @@ var HoverHelper = class extends EventDispatcher5 {
         }
         const timer = this.timer.setTimeout(() => {
           this.curGraphics.add(graphic);
+          this.graphicTimerMap.delete(graphic);
+          this.timer.clearTimeout(timer);
           this.handleHoverGraphicsChange();
         }, time);
         this.graphicTimerMap.set(graphic, timer);
@@ -2507,12 +2540,12 @@ var Context = class extends EventDispatcher6 {
     __publicField(this, "onPointerover", (e) => {
       const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
       const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
-      this.dispatchEvent({ type: "pointer-over", graphics, pois, position });
+      this.dispatchEvent({ type: "pointer-over", e, graphics, pois, position });
     });
     __publicField(this, "onPointermove", (e) => {
       const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
       const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
-      this.dispatchEvent({ type: "pointer-move", graphics, pois, position });
+      this.dispatchEvent({ type: "pointer-move", e, graphics, pois, position });
     });
     __publicField(this, "onPointerleave", () => {
       this.dispatchEvent({ type: "pointer-level" });
@@ -2747,14 +2780,7 @@ var Context = class extends EventDispatcher6 {
       duration + 500
     );
   }
-  /**
-   * 放大相机到物体占全屏
-   * @param object
-   * @param padding
-   * @param duration
-   * @returns
-   */
-  fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
+  getFitCameraToObjectZoom(object, padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
     const [top, right, bottom, left] = padding;
     const { clientSize: { width, height } } = this;
     const polar = this.control.getPolarAngle();
@@ -2775,7 +2801,23 @@ var Context = class extends EventDispatcher6 {
     const yScale = (height - top - bottom) / size.y;
     const scale = Math.min(xScale, yScale);
     const center2 = new Vector312((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
-    return this.setZoom(scale * this.camera.zoom, center2, duration);
+    return { zoom: scale * this.camera.zoom, center: center2 };
+  }
+  /**
+   * 放大相机到物体占全屏
+   * @param object
+   * @param padding
+   * @param duration
+   * @returns
+   */
+  fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
+    const { zoom, center: center2 } = this.getFitCameraToObjectZoom(object, padding, duration, force2DView);
+    return this.setZoom(zoom, center2, duration);
+  }
+  getFitCameraToGroundZoom(padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
+    if (this.currentFloor && this.currentFloor.hasElement) {
+      return this.getFitCameraToObjectZoom(this.currentFloor.groundUpper, padding, duration, force2DView).zoom;
+    }
   }
   fitCameraToGround(padding = [20, 20, 20, 20], duration = 500, force2DView = true) {
     if (this.currentFloor && this.currentFloor.hasElement) {
@@ -2974,8 +3016,8 @@ var BMap = class extends EventDispatcher7 {
       this.context.control.maxZoom = Infinity;
       this.context.camera.zoom = 1;
       this.context.setAzimuthalAngle(0, 0);
-      this.context.fitCameraToGround(void 0, 0);
-      this.basicZoom = this.context.camera.zoom;
+      const basicZoom = this.context.getFitCameraToGroundZoom(void 0, 0);
+      this.basicZoom = basicZoom || 0;
       this.context.control.minZoom = this.basicZoom;
       this.context.control.maxZoom = this.basicZoom * 25;
       this.context.camera.zoom = zoom;
@@ -3152,9 +3194,9 @@ var BMap = class extends EventDispatcher7 {
         position: graphic.getPosition().setZ(0.1)
       }));
       if (model) {
-        const dir = getLongestSideDir(graphic.options.geometry.cds[0]);
-        const angleY = dir.angleTo(new Vector313(0, 1, 0));
-        model.rotateZ(angleY);
+        const { facilityAngle = 0, facilityXScale = 1, facilityYScale = 1 } = graphic.options.userData;
+        model.rotateZ((180 - facilityAngle) / 180 * Math.PI);
+        model.scale.set(facilityXScale, facilityYScale, 1);
       }
     }
   }