@aibee/crc-bmap 0.0.52 → 0.0.54

package/lib/bmap.esm.js

@@ -724,8 +724,11 @@ import { EventDispatcher as EventDispatcher2, Vector3 as Vector34 } from "three"
 
 // src/elements/overlay.ts
 import { Box3 as Box32, EventDispatcher, Vector3 as Vector33 } from "three";
+var defaultOptions2 = {
+  autoUpdate: true
+};
 var Overlay = class extends EventDispatcher {
-  constructor(context) {
+  constructor(context, options = {}) {
     super();
     this.context = context;
     __publicField(this, "div");
@@ -733,6 +736,7 @@ var Overlay = class extends EventDispatcher {
     __publicField(this, "position", new Vector33());
     __publicField(this, "clientPos", { x: 0, y: 0 });
     __publicField(this, "visible", true);
+    __publicField(this, "options");
     __publicField(this, "onUpdate", () => {
       const vector = this.getPosition();
       const { width, height } = this.context.clientSize;
@@ -741,8 +745,13 @@ var Overlay = class extends EventDispatcher {
         return;
       }
       this.clientPos = { x, y };
-      this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
+      if (this.options.autoUpdate) {
+        this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
+      } else {
+        this.dispatchEvent({ type: "update-position", x, y, width, height });
+      }
     });
+    this.options = __spreadValues(__spreadValues({}, defaultOptions2), options);
     this.registryEvent();
     this.div = this.initDiv();
     this.context.container.appendChild(this.div);
@@ -801,7 +810,7 @@ var Overlay = class extends EventDispatcher {
 };
 
 // src/elements/poi.ts
-var defaultOptions2 = {
+var defaultOptions3 = {
   texts: [{ text: "" }],
   level: 1,
   collision_enable: true,
@@ -824,7 +833,7 @@ var Poi = class extends EventDispatcher2 {
     __publicField(this, "_changePosition", () => {
       this.div.style.transform = `translate3d(-50%, ${this.options.icon ? "-100%" : "-50%"}, 0)`;
     });
-    this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions2), options), this);
+    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.bindElement(this);
@@ -1384,8 +1393,21 @@ var BaseSvg = class extends EventDispatcher3 {
     __publicField(this, "points", []);
     __publicField(this, "svg");
     __publicField(this, "enable", true);
+    __publicField(this, "_onResize", ({ width, height }) => {
+      if (this.svg) {
+        this.svg.setAttribute("width", `${width}`);
+        this.svg.setAttribute("height", `${height}`);
+      }
+    });
     this.svg = createSvg(`${context.container.clientWidth}`, `${context.container.clientHeight}`);
     context.container.appendChild(this.svg);
+    this._registryEvent();
+  }
+  _registryEvent() {
+    this.context.addEventListener("resize", this._onResize);
+  }
+  _unRegistryEvent() {
+    this.context.removeEventListener("resize", this._onResize);
   }
   setEnable(enable) {
     this.enable = enable;
@@ -1410,6 +1432,7 @@ var BaseSvg = class extends EventDispatcher3 {
     return coord;
   }
   dispose() {
+    this._unRegistryEvent();
     this.context.container.removeChild(this.svg);
     this.svg = null;
   }
@@ -2144,6 +2167,7 @@ var Context = class extends EventDispatcher6 {
       camera.updateProjectionMatrix();
       renderer.setSize(w, h);
       this.resizeClientSize(w, h);
+      this.dispatchEvent({ type: "resize", width: w, height: h });
     });
     __publicField(this, "onClick", (e) => {
       const { graphics, position } = this.getGraphicsByDeviceXy(e.offsetX, e.offsetY);
@@ -2248,8 +2272,8 @@ var Context = class extends EventDispatcher6 {
   getGraphicsByDeviceXy(x, y) {
     var _a;
     const point3 = new Vector23();
-    point3.x = x / this.container.clientWidth * 2 - 1;
-    point3.y = y / this.container.clientHeight * -2 + 1;
+    point3.x = x / this.clientSize.width * 2 - 1;
+    point3.y = y / this.clientSize.height * -2 + 1;
     const raycaster = new Raycaster3();
     raycaster.setFromCamera(point3, this.camera);
     const res = (_a = this.currentFloor) == null ? void 0 : _a.graphicLayer.getGraphicByRaycaster(raycaster);