@aibee/crc-bmap 0.0.37 → 0.0.39

package/lib/bmap.esm.js

@@ -401,12 +401,13 @@ import {
   Mesh,
   Color as Color2,
   Box3,
-  LineSegments,
   EdgesGeometry,
-  LineBasicMaterial,
   Vector3
 } from "three";
 import { merge } from "lodash";
+import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
+import { LineSegmentsGeometry } from "three/examples/jsm/lines/LineSegmentsGeometry.js";
+import { LineSegments2 } from "three/examples/jsm/lines/LineSegments2.js";
 var defaultOptions = {
   id: "",
   // 图形id
@@ -426,6 +427,8 @@ var defaultOptions = {
   // 透明度
   strokeOpacity: 1,
   // 描边透明度
+  strokeWidth: 1,
+  // 描边宽度
   doors: [],
   // 门配置
   locked: false,
@@ -472,6 +475,9 @@ var Graphic = class extends Object3D {
     this.addEventListener("change-strokeOpacity", ({ value }) => {
       this.line.material.opacity = value;
     });
+    this.addEventListener("change-strokeWidth", ({ value }) => {
+      this.line.material.linewidth = value;
+    });
     this.addEventListener("change-airHeight", ({ value }) => {
       this.position.z = value;
     });
@@ -500,13 +506,15 @@ var Graphic = class extends Object3D {
     return size;
   }
   getPosition() {
-    return this.getCenter();
+    const center2 = this.getCenter();
+    center2.setZ(center2.z + this.options.height);
+    return center2;
   }
   init() {
     this.geometry = this.initGeometry();
     this.material = this.initMaterial();
     this.mesh = this.initMesh();
-    this.mesh.position.z = this.options.airHeight + this.options.height / 2;
+    this.mesh.position.z = this.options.airHeight;
     this.mesh.castShadow = true;
     this.add(this.mesh);
     this.line = this.createBorder();
@@ -536,12 +544,17 @@ var Graphic = class extends Object3D {
     return material;
   }
   initLineMaterial() {
-    const lineMaterial = new LineBasicMaterial({
-      color: this.options.strokeColor,
+    const lineMaterial = new LineMaterial({
+      color: new Color2(this.options.strokeColor).getHex(),
       opacity: this.options.strokeOpacity,
       transparent: true,
-      depthWrite: true
+      depthWrite: true,
+      linewidth: this.options.strokeWidth,
+      wireframe: false,
+      dashed: false
     });
+    const { clientSize: { width, height } } = this.context;
+    lineMaterial.resolution.set(width, height);
     return lineMaterial;
   }
   initMesh() {
@@ -550,8 +563,10 @@ var Graphic = class extends Object3D {
   createBorder() {
     const material = this.initLineMaterial();
     const geometry = new EdgesGeometry(this.geometry);
-    const line = new LineSegments(geometry, material);
-    line.position.z = this.options.airHeight + this.options.height / 2;
+    const lineGeometry = new LineSegmentsGeometry();
+    lineGeometry.fromEdgesGeometry(geometry);
+    const line = new LineSegments2(lineGeometry, material);
+    line.position.z = this.options.airHeight;
     return line;
   }
   raycast(raycaster) {
@@ -626,7 +641,7 @@ var Shadow = class extends Object3D2 {
     });
     const mesh = new Mesh2(geometry, material);
     mesh.receiveShadow = true;
-    mesh.position.z = -7;
+    mesh.position.z = -10;
     this.add(mesh);
     this.plane = mesh;
     return mesh;
@@ -2001,7 +2016,6 @@ var Context = class extends EventDispatcher5 {
           position
         });
       }
-      console.log("onClick", e.offsetX, e.offsetY);
       const pois = this.getPoisByDeviceXy(e.offsetX, e.offsetY);
       if (pois.length) {
         this.dispatchEvent({ type: "poi-click", pois });
@@ -2296,7 +2310,7 @@ var defaultConfig = {
   },
   useFloorCache: true,
   control: {
-    maxPolar: 1
+    maxPolar: 0.9
   },
   svg: {
     circle: {
@@ -2462,9 +2476,9 @@ var BMap = class extends EventDispatcher6 {
     const groundGraphics = grounds.map((ground) => new Graphic(this.context, ground.info));
     curFloor.addGrounds(groundGraphics);
     const graphicData = data.filter((item) => item.info.group !== "ground");
-    graphicData.forEach((item) => {
+    graphicData.forEach((item, index) => {
       item.info.airHeight = 5;
-      item.info.height = 5;
+      item.info.height = 5 + index * 1e-4;
     });
     const legacyToGraphicMap = /* @__PURE__ */ new Map();
     const graphics = graphicData.map((item) => {
@@ -2566,9 +2580,9 @@ var BMap = class extends EventDispatcher6 {
    */
   changeMapType(type, duration = 500) {
     if (type === "2d") {
-      this.context.setPolarAngle(0);
+      return this.context.setPolarAngle(0, duration);
     } else {
-      this.context.setPolarAngle(1);
+      return this.context.setPolarAngle(0.9, duration);
     }
   }
   /**