@aibee/crc-bmap 0.0.19 → 0.0.21

package/lib/bmap.esm.js

@@ -374,7 +374,7 @@ import {
   Vector3 as Vector38,
   Vector2 as Vector23,
   Raycaster as Raycaster3,
-  Box3 as Box35,
+  Box3 as Box36,
   Color as Color4,
   AmbientLight as AmbientLight2
 } from "three";
@@ -1435,6 +1435,103 @@ var SvgPolygon = class extends BaseSvg {
   }
 };
 
+// src/elements/select-box.ts
+import { Box3 as Box35 } from "three";
+var SelectBox = class extends BaseSvg {
+  constructor(context) {
+    super(context);
+    this.context = context;
+    __publicField(this, "rect");
+    __publicField(this, "cornerRect", []);
+    // 四个角上的方块
+    __publicField(this, "centerRect", []);
+    // 四个线中间的方块
+    __publicField(this, "graphic");
+    __publicField(this, "onUpdate", () => {
+      if (!this.graphic) {
+        setRectPosition(this.rect, 0, 0, 0, 0);
+        for (let i = 0; i < this.cornerRect.length; i++) {
+          setRectPosition(this.cornerRect[i], 0, 0, 0, 0);
+          setRectPosition(this.centerRect[i], 0, 0, 0, 0);
+        }
+      } else {
+        const box = new Box35().setFromObject(this.graphic);
+        const { camera, container: { clientWidth: w, clientHeight: h } } = this.context;
+        const { min, max } = box;
+        const leftBottom = vector3ToDevice(min, camera, w, h);
+        const rightTop = vector3ToDevice(max, camera, w, h);
+        setRectPosition(this.rect, leftBottom.x, rightTop.y, Math.abs(rightTop.x - leftBottom.x), Math.abs(rightTop.y - leftBottom.y));
+        const { x: left, y: bottom } = leftBottom;
+        const { x: right, y: top } = rightTop;
+        const halfWidth = 5;
+        const corners = [
+          { x: left - halfWidth, y: top - halfWidth },
+          // 左上角
+          { x: right - halfWidth, y: top - halfWidth },
+          // 右上角
+          { x: left - halfWidth, y: bottom - halfWidth },
+          // 左下角
+          { x: right - halfWidth, y: bottom - halfWidth }
+          // 右下角  
+        ];
+        for (let i = 0; i < corners.length; i++) {
+          setRectPosition(this.cornerRect[i], corners[i].x, corners[i].y, halfWidth * 2, halfWidth * 2);
+        }
+        const centerHalfWidth = 4;
+        const centerX = (left + right) / 2;
+        const centerY = (bottom + top) / 2;
+        const centers = [
+          { x: centerX - centerHalfWidth, y: top - centerHalfWidth },
+          // 上
+          { x: left - centerHalfWidth, y: centerY - centerHalfWidth },
+          // 左
+          { x: right - centerHalfWidth, y: centerY - centerHalfWidth },
+          // 右
+          { x: centerX - centerHalfWidth, y: bottom - centerHalfWidth }
+          // 下
+        ];
+        for (let i = 0; i < centers.length; i++) {
+          setRectPosition(this.centerRect[i], centers[i].x, centers[i].y, centerHalfWidth * 2, centerHalfWidth * 2);
+        }
+      }
+    });
+    const { config: { svg: { line } } } = context;
+    this.rect = createRect(line.stroke, "transparent");
+    this.svg.appendChild(this.rect);
+    for (let i = 0; i < 4; i++) {
+      this.cornerRect[i] = createRect(line.stroke, "#ffffff");
+      this.centerRect[i] = createRect(line.stroke, "#ffffff");
+      this.svg.appendChild(this.cornerRect[i]);
+      this.svg.appendChild(this.centerRect[i]);
+    }
+    this.registryEvent();
+  }
+  setEnable(enable) {
+    super.setEnable(enable);
+    if (enable) {
+      this.registryEvent();
+    } else {
+      this.unRegistryEvent();
+    }
+  }
+  registryEvent() {
+    this.context.addEventListener("update", this.onUpdate);
+  }
+  unRegistryEvent() {
+    this.context.removeEventListener("update", this.onUpdate);
+  }
+  selectGraphic(graphic) {
+    this.graphic = graphic;
+  }
+  dispose() {
+    super.dispose();
+    this.unRegistryEvent();
+    this.rect = null;
+    this.cornerRect = [];
+    this.centerRect = [];
+  }
+};
+
 // src/operations/selection/box-selection.ts
 import { Frustum } from "three";
 var BoxSelection = class extends BaseSvg {
@@ -1921,7 +2018,7 @@ var Context = class extends EventDispatcher5 {
   fitCameraToObject(object, padding = [20, 20, 20, 20], duration = 500) {
     const [top, right, bottom, left] = padding;
     const { clientWidth, clientHeight } = this.container;
-    const boundingBox = new Box35().setFromObject(object);
+    const boundingBox = new Box36().setFromObject(object);
     const { max, min } = boundingBox;
     const max2d = vector3ToDevice(max, this.camera, clientWidth, clientHeight);
     const min2d = vector3ToDevice(min, this.camera, clientWidth, clientHeight);
@@ -2140,6 +2237,7 @@ var BMap = class extends EventDispatcher6 {
             const [x, y] = item.info.geometry.cds;
             item.info.geometry.cds = [x - center2[0], y - center2[1]];
           }
+          item.info.transformToBuildingGround = true;
         });
       }
       if (!this.config.useFloorCache) {
@@ -2389,20 +2487,22 @@ var BMap = class extends EventDispatcher6 {
   }
   createGraphicByOptions(options) {
     var _a;
-    if (this.currentBuildGround) {
-      const center2 = getCenter(this.currentBuildGround.info.geometry.cds[0]);
-      if (options.geometry.type === "polygon") {
-        options.geometry.cds.map((cds) => {
-          if (Array.isArray(cds)) {
-            cds.forEach((coord) => {
-              coord[0] -= center2[0];
-              coord[1] -= center2[1];
-            });
-          }
-        });
-      } else {
-        const [x, y] = options.geometry.cds;
-        options.geometry.cds = [x - center2[0], y - center2[1]];
+    if (!options.transformToBuildingGround) {
+      if (this.currentBuildGround) {
+        const center2 = getCenter(this.currentBuildGround.info.geometry.cds[0]);
+        if (options.geometry.type === "polygon") {
+          options.geometry.cds.map((cds) => {
+            if (Array.isArray(cds)) {
+              cds.forEach((coord) => {
+                coord[0] -= center2[0];
+                coord[1] -= center2[1];
+              });
+            }
+          });
+        } else {
+          const [x, y] = options.geometry.cds;
+          options.geometry.cds = [x - center2[0], y - center2[1]];
+        }
       }
     }
     return (_a = this.context.currentFloor) == null ? void 0 : _a.graphicLayer.createGraphic(options);
@@ -2427,6 +2527,7 @@ export {
   Overlay,
   Poi,
   PoiLayer,
+  SelectBox,
   Selection,
   Shadow,
   SvgLine,