@aibee/crc-bmap 0.0.72 → 0.0.73

package/lib/bmap.esm.js

@@ -807,7 +807,8 @@ import { EventDispatcher as EventDispatcher2, Vector3 as Vector35 } from "three"
 // src/elements/overlay.ts
 import { Box3 as Box32, EventDispatcher, Vector3 as Vector34 } from "three";
 var defaultOptions2 = {
-  autoUpdate: true
+  autoUpdate: true,
+  appendToBody: false
 };
 var Overlay = class extends EventDispatcher {
   constructor(context, options = {}) {
@@ -821,12 +822,16 @@ var Overlay = class extends EventDispatcher {
     __publicField(this, "options");
     __publicField(this, "onUpdate", () => {
       const vector = this.getPosition();
-      const { width, height } = this.context.clientSize;
+      const { width, height, x: clientX, y: clientY } = this.context.clientSize;
       const { x, y } = vector3ToDevice(vector, this.context.camera, width, height);
       if (this.clientPos.x === x && this.clientPos.y === y) {
         return;
       }
       this.clientPos = { x, y };
+      if (this.options.appendToBody) {
+        this.div.style.left = `${clientX}px`;
+        this.div.style.top = `${clientY + height}px`;
+      }
       if (this.options.autoUpdate) {
         this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
       } else {
@@ -836,7 +841,11 @@ var Overlay = class extends EventDispatcher {
     this.options = __spreadValues(__spreadValues({}, defaultOptions2), options);
     this.registryEvent();
     this.div = this.initDiv();
-    this.context.container.appendChild(this.div);
+    if (this.options.appendToBody) {
+      document.body.appendChild(this.div);
+    } else {
+      this.context.container.appendChild(this.div);
+    }
   }
   initDiv() {
     const div = document.createElement("div");
@@ -884,9 +893,10 @@ var Overlay = class extends EventDispatcher {
     this.context.removeEventListener("update", this.onUpdate);
   }
   dispose() {
+    var _a;
     this.unRegistryEvent();
     this.unBindElement();
-    this.div && this.context.container.removeChild(this.div);
+    (_a = this.div) == null ? void 0 : _a.remove();
     this.div = null;
   }
 };
@@ -902,7 +912,8 @@ var defaultOptions3 = {
   icon_opacity: 1,
   icon_border: { color: "#586EE0", width: 0 },
   background: "",
-  collision_hide_icon: true
+  collision_hide_icon: true,
+  built_in: false
 };
 var Poi = class extends EventDispatcher2 {
   constructor(context, options) {
@@ -980,9 +991,10 @@ 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 + 4,
-        height: height + 4
+        width: width * boxScale,
+        height: height * boxScale
       };
     });
   }
@@ -1214,10 +1226,14 @@ var PoiLayer = class extends Layer {
     this.registryEvent();
     this.debounceCollisionDetection = debounce(this.collisionDetection, 10);
   }
-  clear() {
-    super.clear();
-    this.pois.forEach((item) => item.dispose());
-    this.pois = [];
+  clear(force = false) {
+    this.pois.forEach((item) => {
+      if (item.options.built_in && !force) {
+        return;
+      }
+      item.dispose();
+    });
+    this.pois = force ? [] : this.pois.filter((item) => item.options.built_in);
     return this;
   }
   createPoi(options) {
@@ -1265,7 +1281,7 @@ var PoiLayer = class extends Layer {
       this.pois.unshift(poi);
       return;
     }
-    if (poi.options.level === 1) {
+    if (poi.options.level === 0) {
       this.pois.push(poi);
       return;
     }
@@ -1292,7 +1308,13 @@ var PoiLayer = class extends Layer {
    */
   collisionDetection() {
     const range = [];
-    const pois = this.pois.filter((item) => item.visible && item.withinDisplayRange);
+    const pois = this.pois.filter((item) => {
+      if (item.visible && item.withinDisplayRange) {
+        return true;
+      } else {
+        item.parentSetVisible(false);
+      }
+    });
     pois.forEach((item, index) => {
       const { left, right, top, bottom } = item.getBox();
       if (index === 0) {
@@ -1433,7 +1455,7 @@ var Model = class extends Object3D7 {
     super();
     this.context = context;
     this.options = options;
-    __publicField(this, "overlay", null);
+    __publicField(this, "poi", null);
     __publicField(this, "model", null);
     this.position.copy(options.position || new Vector37(0, 0, 0));
     this.loadModel();
@@ -1444,38 +1466,32 @@ var Model = class extends Object3D7 {
       object.scene.rotation.set(Math.PI / 2, Math.PI / 2, 0);
       this.add(object.scene);
       this.model = object;
-      this.initOverlay();
+      this.initPoi();
     });
   }
-  initOverlay() {
-    var _a, _b;
+  initPoi() {
+    var _a;
     if (!this.options.icon) {
       return;
     }
-    if (this.model) {
-      const w = ((_a = this.options.icon_size) == null ? void 0 : _a[0]) || 14;
-      const h = ((_b = this.options.icon_size) == null ? void 0 : _b[1]) || 14;
-      const box = new Box34().setFromObject(this);
-      const overlay = new Overlay(this.context, { autoUpdate: false });
-      overlay.addEventListener("update-position", ({ x, y, height }) => {
-        overlay.div.style.transform = `translate3d(${x - w / 2}px, ${-height + y - h}px, 0)`;
-      });
-      const img = document.createElement("img");
-      img.src = this.options.icon;
-      img.style.width = `${w}px`;
-      img.style.height = `${h}px`;
-      overlay.div.appendChild(img);
-      const center2 = box.getCenter(new Vector37());
-      overlay.position = center2;
-      this.overlay = overlay;
+    const poi = (_a = this.context.currentFloor) == null ? void 0 : _a.addPoi({
+      icon: this.options.icon,
+      icon_size: this.options.icon_size,
+      built_in: true,
+      level: 0
+    });
+    this.poi = poi || null;
+    if (this.model && poi) {
+      poi.position = new Box34().setFromObject(this).getCenter(new Vector37());
     }
   }
   dispose() {
+    var _a;
     dispose(this);
     this.model = null;
-    if (this.overlay) {
-      this.overlay.dispose();
-      this.overlay = null;
+    if (this.poi) {
+      (_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.removePoi(this.poi);
+      this.poi = null;
     }
   }
 };
@@ -2462,7 +2478,9 @@ var Context = class extends EventDispatcher6 {
     __publicField(this, "cameraBound");
     __publicField(this, "clientSize", {
       width: 0,
-      height: 0
+      height: 0,
+      x: 0,
+      y: 0
     });
     __publicField(this, "onWindowResize", () => {
       const { container, camera, renderer } = this;
@@ -2475,7 +2493,7 @@ var Context = class extends EventDispatcher6 {
       camera.bottom = -h / 2;
       camera.updateProjectionMatrix();
       renderer.setSize(w, h);
-      this.resizeClientSize(w, h);
+      this.resizeClientSize();
       this.dispatchEvent({ type: "resize", width: w, height: h });
     });
     __publicField(this, "onClick", (e) => {
@@ -2520,10 +2538,13 @@ var Context = class extends EventDispatcher6 {
     this.resizeClientSize();
     this.registryEvent();
   }
-  resizeClientSize(width, height) {
+  resizeClientSize() {
+    const { x, y, width, height } = this.container.getBoundingClientRect();
     this.clientSize = {
       width: width || this.container.clientWidth,
-      height: height || this.container.clientHeight
+      height: height || this.container.clientHeight,
+      x,
+      y
     };
   }
   init() {
@@ -2884,6 +2905,9 @@ var defaultConfig = {
   },
   cameraBound: {
     padding: [150, 150, 150, 150]
+  },
+  poi: {
+    boxScale: 1
   }
 };
 function getConfig(config) {
@@ -3392,7 +3416,7 @@ var BMap = class extends EventDispatcher7 {
   }
   getPois() {
     var _a;
-    return ((_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.pois) || [];
+    return (((_a = this.context.currentFloor) == null ? void 0 : _a.poiLayer.pois) || []).filter((item) => !item.options.built_in);
   }
   clearPoi() {
     if (this.context.currentFloor) {