@aibee/crc-bmap 0.0.49 → 0.0.50

package/lib/bmap.esm.js

@@ -44,7 +44,7 @@ var __async = (__this, __arguments, generator) => {
 };
 
 // src/bmap.ts
-import { EventDispatcher as EventDispatcher6 } from "three";
+import { EventDispatcher as EventDispatcher7 } from "three";
 
 // src/utils/timer.ts
 var Timer = class {
@@ -372,6 +372,11 @@ function setRectPosition(rect, x, y, w, h) {
 function sleepOnePromise() {
   return Promise.resolve();
 }
+function sleepOneRf() {
+  return new Promise((resolve) => {
+    requestAnimationFrame(resolve);
+  });
+}
 
 // src/utils/color.ts
 function strToNumber(str) {
@@ -390,9 +395,9 @@ function addAlphaToHexColor(hexColor, alpha) {
 
 // src/context.ts
 import {
-  EventDispatcher as EventDispatcher5,
+  EventDispatcher as EventDispatcher6,
   Box2,
-  Vector3 as Vector38,
+  Vector3 as Vector39,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
   Box3 as Box36,
@@ -402,7 +407,7 @@ import {
 import { Group as TweenGroup, Tween } from "@tweenjs/tween.js";
 
 // src/operations/selection/selection.ts
-import { EventDispatcher as EventDispatcher3 } from "three";
+import { EventDispatcher as EventDispatcher4 } from "three";
 
 // src/elements/graphic.ts
 import {
@@ -715,7 +720,7 @@ var Shadow = class extends Object3D2 {
 };
 
 // src/elements/poi.ts
-import { Object3D as Object3D4 } from "three";
+import { EventDispatcher as EventDispatcher2, Vector3 as Vector34 } from "three";
 
 // src/elements/overlay.ts
 import { Box3 as Box32, EventDispatcher, Vector3 as Vector33 } from "three";
@@ -736,8 +741,7 @@ var Overlay = class extends EventDispatcher {
         return;
       }
       this.clientPos = { x, y };
-      this.div.style.left = `${x}px`;
-      this.div.style.top = `${y}px`;
+      this.div.style.transform = `translate3d(${x}px, ${-height + y}px, 0)`;
     });
     this.registryEvent();
     this.div = this.initDiv();
@@ -805,18 +809,20 @@ var defaultOptions2 = {
   id: "",
   position: { x: 0, y: 0, z: 0 }
 };
-var Poi = class extends Object3D4 {
+var Poi = class extends EventDispatcher2 {
   constructor(context, options) {
     var _a, _b, _c;
     super();
     this.context = context;
+    __publicField(this, "div");
     __publicField(this, "textDiv");
     __publicField(this, "img");
     __publicField(this, "overlay");
     __publicField(this, "options");
     __publicField(this, "size", { width: 0, height: 0 });
+    __publicField(this, "position", new Vector34());
     __publicField(this, "_changePosition", () => {
-      this.overlay.div.style.transform = `translate3d(-50%, ${this.options.icon ? "-100%" : "-50%"}, 0)`;
+      this.div.style.transform = `translate3d(-50%, ${this.options.icon ? "-100%" : "-50%"}, 0)`;
     });
     this.options = proxyOptions(__spreadValues(__spreadValues({}, defaultOptions2), 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);
@@ -827,19 +833,20 @@ var Poi = class extends Object3D4 {
     this.addEventListener("change-icon", ({ value }) => {
       if (value) {
         if (!this.img) {
-          this.overlay.div.appendChild(this.initIcon());
+          this.div.appendChild(this.initIcon());
         } else {
           this.img.setAttribute("src", value);
         }
       } else {
-        this.img && this.overlay.div.removeChild(this.img);
+        this.img && this.div.removeChild(this.img);
         this.img = void 0;
+        this._changePosition();
         this.resetSize();
       }
     });
     this.addEventListener("change-texts", ({ value }) => {
-      this.overlay.div.removeChild(this.textDiv);
-      this.overlay.div.appendChild(this.initText());
+      this.div.removeChild(this.textDiv);
+      this.div.appendChild(this.initText());
       this.resetSize();
     });
     this.addEventListener("change-opacity", ({ value }) => {
@@ -858,24 +865,25 @@ var Poi = class extends Object3D4 {
   }
   resetSize() {
     return __async(this, null, function* () {
-      const visible = this.overlay.visible;
-      this.setVisible(true);
       yield sleepOnePromise();
-      const { width, height } = this.overlay.div.getBoundingClientRect();
+      const { width, height } = this.div.getBoundingClientRect();
       this.size = {
-        width,
-        height
+        width: width + 4,
+        height: height + 4
       };
-      yield sleepOnePromise();
-      this._changePosition();
-      this.setVisible(visible);
     });
   }
+  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;
   }
   initDiv() {
-    const div = this.overlay.div;
+    const div = document.createElement("div");
     div.appendChild(this.initText());
     if (this.options.icon) {
       div.appendChild(this.initIcon());
@@ -886,9 +894,12 @@ var Poi = class extends Object3D4 {
     div.style.flexDirection = `column`;
     div.style.justifyContent = `center`;
     div.style.alignItems = `center`;
-    div.style.pointerEvents = `none`;
-    div.style.userSelect = `none`;
     this.overlay.setOpacity(this.options.opacity);
+    this.overlay.div.style.pointerEvents = `none`;
+    this.overlay.div.style.userSelect = `none`;
+    this.overlay.div.appendChild(div);
+    this.div = div;
+    this._changePosition();
     this.resetSize();
     return div;
   }
@@ -899,11 +910,6 @@ var Poi = class extends Object3D4 {
     const textDiv = document.createElement("div");
     textDiv.appendChild(this.createTextFragment());
     if (this.options.texts.length > 1) {
-      textDiv.style.background = "rgba(255, 255, 255, .7)";
-      textDiv.style.padding = "2px 4px";
-      textDiv.style.borderRadius = "4px";
-      textDiv.style.fontSize = "12px";
-      textDiv.style.lineHeight = "16px";
     }
     this.textDiv = textDiv;
     return textDiv;
@@ -930,6 +936,7 @@ var Poi = class extends Object3D4 {
     img.style.width = `${((_a = this.options.icon_size) == null ? void 0 : _a[0]) || 32}px`;
     img.style.height = `${((_b = this.options.icon_size) == null ? void 0 : _b[1]) || 32}px`;
     img.onload = () => {
+      this._changePosition();
       this.resetSize();
     };
     this.img = img;
@@ -940,7 +947,11 @@ var Poi = class extends Object3D4 {
   unRegistryEvent() {
   }
   setVisible(visible) {
-    this.overlay.setVisible(visible, "flex");
+    if (visible === this.overlay.visible) {
+      return;
+    }
+    this.overlay.visible = visible;
+    this.overlay.div.style.visibility = visible ? "visible" : "hidden";
   }
   getBox() {
     const { width, height } = this.size;
@@ -961,6 +972,7 @@ var Poi = class extends Object3D4 {
   }
   dispose() {
     this.unRegistryEvent();
+    this.div = null;
     this.textDiv = null;
     this.img = void 0;
     this.overlay.dispose();
@@ -968,10 +980,10 @@ var Poi = class extends Object3D4 {
 };
 
 // src/elements/floor.ts
-import { Box3 as Box34, Object3D as Object3D7, Vector3 as Vector35 } from "three";
+import { Box3 as Box34, Object3D as Object3D7, Vector3 as Vector36 } from "three";
 
 // src/layer/graphic-layer.ts
-import { Box3 as Box33, Vector3 as Vector34 } from "three";
+import { Box3 as Box33, Vector3 as Vector35 } from "three";
 
 // src/layer/layer.ts
 import { Object3D as Object3D5 } from "three";
@@ -994,7 +1006,7 @@ var GraphicLayer = class extends Layer {
   }
   getCenter() {
     const box = new Box33().setFromObject(this);
-    return box.getCenter(new Vector34());
+    return box.getCenter(new Vector35());
   }
   createGraphic(options) {
     const graphic = new Graphic(this.context, options);
@@ -1069,7 +1081,6 @@ var PoiLayer = class extends Layer {
   }
   createPoi(options) {
     const poi = new Poi(this.context, options);
-    this.add(poi);
     this.pushPoi(poi);
     poi.addEventListener("change-level", () => this.changePoiLevelOrCollisionEnable(poi));
     poi.addEventListener("change-collision_enable", () => this.changePoiLevelOrCollisionEnable(poi));
@@ -1092,7 +1103,6 @@ var PoiLayer = class extends Layer {
       return;
     }
     this.pois.splice(index, 1);
-    this.remove(poi);
     poi.dispose();
   }
   removePoiById(id) {
@@ -1131,7 +1141,7 @@ var PoiLayer = class extends Layer {
     this.pois.push(poi);
   }
   getPoiByDeviceXy(x, y) {
-    const pois = this.children.filter((item) => {
+    const pois = this.pois.filter((item) => {
       return item instanceof Poi && item.isContain(x, y);
     });
     return pois;
@@ -1140,7 +1150,6 @@ var PoiLayer = class extends Layer {
    * 碰撞检测
    */
   collisionDetection() {
-    const { clientSize: { width, height } } = this.context;
     const range = [];
     const pois = this.pois.filter((item) => item.withinDisplayRange);
     pois.forEach((item, index) => {
@@ -1314,12 +1323,12 @@ var Floor = class extends Object3D7 {
     return !!(this.grounds.size || this.graphicLayer.children.length);
   }
   getCenter() {
-    return new Box34().setFromObject(this.groundUpper).getCenter(new Vector35());
+    return new Box34().setFromObject(this.groundUpper).getCenter(new Vector36());
   }
   addShadow() {
     const box = new Box34().setFromObject(this.groundUpper);
-    const center2 = box.getCenter(new Vector35());
-    const size = box.getSize(new Vector35());
+    const center2 = box.getCenter(new Vector36());
+    const size = box.getSize(new Vector36());
     this.shadow.setPosition(center2);
     this.shadow.changeLightCamera(size);
     this.add(this.shadow);
@@ -1367,8 +1376,8 @@ var Floor = class extends Object3D7 {
 };
 
 // src/elements/base-svg.ts
-import { EventDispatcher as EventDispatcher2, Vector3 as Vector36 } from "three";
-var BaseSvg = class extends EventDispatcher2 {
+import { EventDispatcher as EventDispatcher3, Vector3 as Vector37 } from "three";
+var BaseSvg = class extends EventDispatcher3 {
   constructor(context) {
     super();
     this.context = context;
@@ -1392,7 +1401,7 @@ var BaseSvg = class extends EventDispatcher2 {
     const { clientWidth, clientHeight } = renderer.domElement;
     const nx = x / clientWidth * 2 - 1;
     const ny = 1 - y / clientHeight * 2;
-    const v = new Vector36(nx, ny, 0);
+    const v = new Vector37(nx, ny, 0);
     return v.unproject(camera);
   }
   getSvgCoordinate(vector) {
@@ -1880,7 +1889,7 @@ var BoxSelection = class extends BaseSvg {
 };
 
 // src/operations/selection/selection.ts
-var Selection = class extends EventDispatcher3 {
+var Selection = class extends EventDispatcher4 {
   constructor(context) {
     super();
     this.context = context;
@@ -1980,8 +1989,8 @@ var Selection = class extends EventDispatcher3 {
 };
 
 // src/operations/hover/hover-helper.ts
-import { EventDispatcher as EventDispatcher4 } from "three";
-var HoverHelper = class extends EventDispatcher4 {
+import { EventDispatcher as EventDispatcher5 } from "three";
+var HoverHelper = class extends EventDispatcher5 {
   constructor(context) {
     super();
     this.context = context;
@@ -2102,7 +2111,7 @@ var MaterialFactory = class {
 };
 
 // src/context.ts
-var Context = class extends EventDispatcher5 {
+var Context = class extends EventDispatcher6 {
   constructor(container, config) {
     super();
     this.container = container;
@@ -2204,7 +2213,7 @@ var Context = class extends EventDispatcher5 {
   /**
    * 获取两个点之间的像素数
    */
-  getRatio(point1 = new Vector38(0, 0, 0), point22 = new Vector38(100, 0, 0)) {
+  getRatio(point1 = new Vector39(0, 0, 0), point22 = new Vector39(100, 0, 0)) {
     const { clientWidth, clientHeight } = this.container;
     const device1 = vector3ToDevice(point1, this.camera, clientWidth, clientHeight);
     const device2 = vector3ToDevice(point22, this.camera, clientWidth, clientHeight);
@@ -2344,7 +2353,7 @@ var Context = class extends EventDispatcher5 {
     );
   }
   getCameraLookAt() {
-    return new Vector38().subVectors(this.control.target, this.camera.position);
+    return new Vector39().subVectors(this.control.target, this.camera.position);
   }
   /**
    * 按照一个中心点设置相机的放大缩小
@@ -2414,7 +2423,7 @@ var Context = class extends EventDispatcher5 {
     const xScale = (width - right - left) / size.x;
     const yScale = (height - top - bottom) / size.y;
     const scale = Math.min(xScale, yScale);
-    const center2 = new Vector38((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
+    const center2 = new Vector39((max.x + min.x) / 2, (max.y + min.y) / 2, max.z);
     return this.setZoom(scale * this.camera.zoom, center2, duration);
   }
   fitCameraToGround(padding = [20, 20, 20, 20], duration = 500) {
@@ -2515,7 +2524,7 @@ var defaultConfig = {
   ground: {
     color: "#ffffff",
     opacity: 1,
-    height: 5,
+    height: 3,
     stroke: true,
     strokeColor: "#E6E6E6",
     strokeOpacity: 1
@@ -2539,7 +2548,7 @@ var MapTypePolar = /* @__PURE__ */ ((MapTypePolar2) => {
   MapTypePolar2[MapTypePolar2["D3"] = 0.9] = "D3";
   return MapTypePolar2;
 })(MapTypePolar || {});
-var BMap = class extends EventDispatcher6 {
+var BMap = class extends EventDispatcher7 {
   constructor(container, config = {}) {
     super();
     this.container = container;
@@ -2774,7 +2783,7 @@ var BMap = class extends EventDispatcher6 {
    * @param duration
    */
   translateElementToCenter(ele, duration = 500) {
-    const position = ele.position.clone().setFromMatrixPosition(ele.matrixWorld);
+    const position = ele.getPosition();
     return this.context.setCameraPosition(position, duration);
   }
   /**
@@ -3036,6 +3045,7 @@ export {
   setLineStartEnd,
   setRectPosition,
   sleepOnePromise,
+  sleepOneRf,
   strToNumber,
   timeoutPromise,
   vector3ToDevice