@aibee/crc-bmap 0.0.62 → 0.0.64

package/lib/bmap.esm.js

@@ -835,14 +835,17 @@ var Poi = class extends EventDispatcher2 {
     __publicField(this, "img");
     __publicField(this, "overlay");
     __publicField(this, "options");
+    __publicField(this, "visible", true);
     __publicField(this, "size", { width: 0, height: 0 });
     __publicField(this, "position", new Vector34());
     __publicField(this, "_changePosition", () => {
-      this.div.style.transform = `translate3d(-50%, ${this.options.icon ? "-100%" : "-50%"}, 0)`;
     });
     this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions3), options), this);
     this.position.set(((_a = options.position) == null ? void 0 : _a.x) || 0, ((_b = options.position) == null ? void 0 : _b.y) || 0, ((_c = options.position) == null ? void 0 : _c.z) || 0);
-    this.overlay = new Overlay(this.context);
+    this.overlay = new Overlay(this.context, { autoUpdate: false });
+    this.overlay.addEventListener("update-position", ({ x, y, height }) => {
+      this.overlay.div.style.transform = `translate3d(calc(${x}px - 50%), calc(${-height + y}px - ${this.options.icon ? "100%" : "50%"}), 0)`;
+    });
     this.overlay.bindElement(this);
     this.registryEvent();
     this.initDiv();
@@ -982,6 +985,19 @@ var Poi = class extends EventDispatcher2 {
   unRegistryEvent() {
   }
   setVisible(visible) {
+    if (visible === this.visible) {
+      return;
+    }
+    this.visible = visible;
+    if (!visible) {
+      this.overlay.visible = visible;
+      this.overlay.div.style.visibility = visible ? "visible" : "hidden";
+    }
+  }
+  parentSetVisible(visible) {
+    if (!this.visible) {
+      return;
+    }
     if (visible === this.overlay.visible) {
       return;
     }
@@ -1111,6 +1127,7 @@ var PoiLayer = class extends Layer {
   }
   clear() {
     super.clear();
+    this.pois.forEach((item) => item.dispose());
     this.pois = [];
     return this;
   }
@@ -1186,7 +1203,7 @@ var PoiLayer = class extends Layer {
    */
   collisionDetection() {
     const range = [];
-    const pois = this.pois.filter((item) => item.withinDisplayRange);
+    const pois = this.pois.filter((item) => item.visible && item.withinDisplayRange);
     pois.forEach((item, index) => {
       const { left, right, top, bottom } = item.getBox();
       if (index === 0) {
@@ -1201,7 +1218,7 @@ var PoiLayer = class extends Layer {
         }
         return false;
       });
-      item.setVisible(!valid);
+      item.parentSetVisible(!valid);
       if (!valid) {
         range.push({ left, right, top, bottom });
       }
@@ -1949,6 +1966,7 @@ var Selection = class extends EventDispatcher4 {
     __publicField(this, "prevPanStatus");
     __publicField(this, "prevRotateStatus");
     __publicField(this, "downPoint", null);
+    __publicField(this, "isMultipleSelect", false);
     __publicField(this, "onPointerDown", (e) => {
       this.downPoint = { x: e.offsetX, y: e.offsetY };
     });
@@ -1968,7 +1986,7 @@ var Selection = class extends EventDispatcher4 {
         var _a;
         if (!graphicIdSet.has(item.options.id)) {
           const graphic = ((_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.graphicMap.get(item.options.id)) || null;
-          if (graphic) {
+          if (graphic && graphic.options.geometry.type === "point") {
             graphics.push(graphic);
             graphicIdSet.add(item.options.id);
           }
@@ -1983,6 +2001,7 @@ var Selection = class extends EventDispatcher4 {
     });
     __publicField(this, "onKeyDown", (e) => {
       if (e.key === "Control") {
+        this.isMultipleSelect = true;
         this.boxSelection.setEnable(true);
         this.prevPanStatus = this.context.control.enablePan;
         this.prevRotateStatus = this.context.control.enableRotate;
@@ -1992,6 +2011,7 @@ var Selection = class extends EventDispatcher4 {
     });
     __publicField(this, "onKeyUp", (e) => {
       if (e.key === "Control") {
+        this.isMultipleSelect = false;
         this.boxSelection.setEnable(false);
         this.context.control.enablePan = !!this.prevPanStatus;
         this.context.control.enableRotate = !!this.prevRotateStatus;
@@ -2012,7 +2032,7 @@ var Selection = class extends EventDispatcher4 {
     return this._list;
   }
   selectEnd() {
-    this.dispatchEvent({ type: "select", graphics: [...this._list] });
+    this.dispatchEvent({ type: "select", graphics: [...this._list], isMultipleSelect: this.isMultipleSelect });
   }
   registryEvent() {
     this.context.container.addEventListener("pointerdown", this.onPointerDown);
@@ -2052,14 +2072,19 @@ var HoverHelper = class extends EventDispatcher5 {
       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) {
         this.curGraphics.clear();
         this.handleHoverGraphicsChange();
         return;
       }
       const { time } = this.context.config.hover;
-      const allGraphics = /* @__PURE__ */ new Set([...graphics, ...poiGraphics]);
+      const allGraphics = new Set(graphics);
+      if (!allGraphics.size) {
+        poiGraphics.forEach((graphic) => {
+          allGraphics.add(graphic);
+        });
+      }
       allGraphics.forEach((graphic) => {
         if (this.graphicTimerMap.get(graphic)) {
           return;
@@ -2227,8 +2252,8 @@ var Context = class extends EventDispatcher6 {
     __publicField(this, "onPointerleave", () => {
       this.dispatchEvent({ type: "pointer-level" });
     });
-    __publicField(this, "onSelectionSelect", ({ graphics }) => {
-      this.dispatchEvent({ type: "select-graphic", graphics });
+    __publicField(this, "onSelectionSelect", ({ graphics, isMultipleSelect }) => {
+      this.dispatchEvent({ type: "select-graphic", graphics, isMultipleSelect });
     });
     __publicField(this, "onHoverChange", ({ graphics }) => {
       this.dispatchEvent({ type: "hover", graphics });
@@ -2550,6 +2575,7 @@ var defaultConfig = {
     floorRange: "/api/inception-map/range/get"
   },
   resizeObserver: false,
+  initTransToMark: false,
   heatMap: {
     radius: 50,
     gradient: {
@@ -2580,7 +2606,7 @@ var defaultConfig = {
     time: 100
   },
   ground: {
-    color: "#ffffff",
+    color: "#FAFAFA",
     opacity: 1,
     height: 3,
     stroke: true,
@@ -2588,7 +2614,7 @@ var defaultConfig = {
     strokeOpacity: 1
   },
   markGraphic: {
-    color: "#ecf0f7",
+    color: "#EEF0F3",
     opacity: 1,
     height: 1e-3,
     stroke: false,
@@ -2768,6 +2794,13 @@ var BMap = class extends EventDispatcher7 {
           item.info.strokeOpacity = markGraphic.strokeOpacity;
         } else {
           item.info.fillOpacity = graphic.fillOpacity;
+          if (this.config.initTransToMark) {
+            item.info.height = markGraphic.height;
+            item.info.fillColor = markGraphic.color;
+            item.info.stroke = markGraphic.stroke;
+            item.info.strokeColor = markGraphic.strokeColor;
+            item.info.strokeOpacity = markGraphic.strokeOpacity;
+          }
         }
       }
       if (!this.config.useFloorCache) {
@@ -3069,7 +3102,6 @@ var BMap = class extends EventDispatcher7 {
   }
   clearPoi() {
     if (this.context.currentFloor) {
-      this.getPois().forEach((poi) => poi.dispose());
       this.context.currentFloor.poiLayer.clear();
     }
   }