@aibee/crc-bmap 0.0.9 → 0.0.10

package/lib/src/bmap.d.ts

@@ -19,6 +19,7 @@ export declare class BMap extends EventDispatcher {
     private azimuthalKeys;
     private svgLine?;
     private svgPolygon?;
+    basicZoom: number;
     floorDataMap: Map<string, GraphicInfo[]>;
     constructor(container: HTMLElement, config?: Partial<Config>);
     private loadGraphics;
@@ -28,6 +29,11 @@ export declare class BMap extends EventDispatcher {
     switchFloor(floor: string): void;
     addHeatmap(data: HeatmapDataParam): import("./elements").HeatmapElement | undefined;
     getLegacyToGraphicMap(): any;
+    /**
+     * 获取当前楼层全部的graphic
+     * @returns
+     */
+    getFloorAllGraphics(): Graphic[];
     createGraphicPoi(graphic: Graphic, options: PoiOptionsParam): null;
     removeHeatMap(): void;
     /**

package/lib/src/config.d.ts

@@ -20,6 +20,13 @@ export interface Config {
             stroke: string;
         };
     };
+    selectBox: {
+        stroke: string;
+        fill: string;
+    };
+    hover: {
+        time: number;
+    };
 }
 export declare const defaultConfig: Config;
 export declare function getConfig(config: Partial<Config>): Config;

package/lib/src/context.d.ts

@@ -4,6 +4,8 @@ import { EventDispatcher, OrthographicCamera, Vector3, Object3D } from "three";
 import { Graphic, Poi, Floor } from "./elements";
 import { Group as TweenGroup } from "@tweenjs/tween.js";
 import { Config } from "./config";
+import { Selection } from "./operations/selection/selection";
+import { HoverHelper } from "./operations";
 export interface ContextEventMap {
     update: {};
     "graphic-click": {
@@ -27,6 +29,12 @@ export interface ContextEventMap {
     'change-ratio': {
         px: number;
     };
+    "select-graphic": {
+        graphics: Graphic[];
+    };
+    "hover": {
+        graphics: Graphic[];
+    };
 }
 export declare class Context extends EventDispatcher<ContextEventMap> {
     container: HTMLElement;
@@ -39,6 +47,8 @@ export declare class Context extends EventDispatcher<ContextEventMap> {
     timer: Timer;
     tweenGroup: TweenGroup;
     currentFloor?: Floor;
+    selection: Selection;
+    hoverHelper: HoverHelper;
     private basicRatio?;
     constructor(container: HTMLElement, config: Config);
     init(): void;
@@ -70,6 +80,12 @@ export declare class Context extends EventDispatcher<ContextEventMap> {
     onPointerover: (e: PointerEvent) => void;
     onPointermove: (e: PointerEvent) => void;
     onPointerleave: () => void;
+    onSelectionSelect: ({ graphics }: {
+        graphics: Graphic[];
+    }) => void;
+    onHoverChange: ({ graphics }: {
+        graphics: Graphic[];
+    }) => void;
     registryEvent(): void;
     unRegistryEvent(): void;
     /**

package/lib/src/elements/base-svg.d.ts

@@ -7,7 +7,7 @@ export declare class BaseSvg<T extends {} = {}> extends EventDispatcher<T> {
     protected enable: boolean;
     constructor(context: Context);
     setEnable(enable: boolean): void;
-    getIntersectByPointerEvent(e: PointerEvent): import("three").Intersection<import("three").Object3D<import("three").Object3DEventMap>> | undefined;
+    getIntersectByPointerEvent(e: PointerEvent): Vector3;
     getSvgCoordinate(vector: Vector3): {
         x: number;
         y: number;

package/lib/src/elements/graphic.d.ts

@@ -29,12 +29,13 @@ export declare class Graphic extends Object3D<GraphicEventMap> {
     private context;
     private geometry;
     private material;
-    private mesh;
+    mesh: Mesh;
     private line;
     options: GraphicOptions;
     constructor(context: Context, options: GraphicOptionsParam);
     getCenter(): Vector3;
     getSize(): Vector3;
+    getPosition(): Vector3;
     init(): void;
     initGeometry(): ExtrudeGeometry;
     initMaterial(): MeshStandardMaterial;

package/lib/src/elements/index.d.ts

@@ -6,3 +6,4 @@ export * from './floor';
 export * from './heatmap';
 export * from './svg-line';
 export * from './svg-polygon';
+export * from './base-svg';

package/lib/src/elements/poi.d.ts

@@ -21,6 +21,7 @@ export declare class Poi extends Object3D<PoiEventMap> {
     options: PoiOptions;
     constructor(context: Context, options: PoiOptionsParam);
     initDiv(): HTMLDivElement;
+    getPosition(): import("three").Vector3;
     initText(): HTMLSpanElement;
     initIcon(): HTMLImageElement;
     private _changePosition;

package/lib/src/index.d.ts

@@ -5,3 +5,4 @@ export * from './config';
 export * from './context';
 export * from './layer';
 export * from './types';
+export * from './operations';

package/lib/src/operations/hover/hover-helper.d.ts

@@ -0,0 +1,25 @@
+import { Graphic } from "../../elements";
+import { Context } from "../../context";
+import { EventDispatcher } from "three";
+import { Timer } from "../../utils";
+interface HoverHelperEventMap {
+    "hover-change": {
+        graphics: Graphic[];
+    };
+}
+export declare class HoverHelper extends EventDispatcher<HoverHelperEventMap> {
+    private context;
+    curGraphics: Set<Graphic>;
+    timer: Timer;
+    graphicTimerMap: Map<Graphic, number>;
+    constructor(context: Context);
+    onPointerMove: ({ graphics }: {
+        graphics: Graphic[];
+    }) => void;
+    onPointerLevel: () => void;
+    handleHoverGraphicsChange(graphics?: Set<Graphic>): void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    dispose(): void;
+}
+export {};

package/lib/src/operations/hover/index.d.ts

@@ -0,0 +1 @@
+export * from './hover-helper';

package/lib/src/operations/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hover';
+export * from './selection';

package/lib/src/operations/selection/box-selection.d.ts

@@ -0,0 +1,39 @@
+import { Context } from "../../context";
+import { BaseSvg, Graphic } from "../../elements";
+import { Frustum } from "three";
+interface BoxSelectionEventMap {
+    "selected": {
+        list: Graphic[];
+    };
+}
+export declare class BoxSelection extends BaseSvg<BoxSelectionEventMap> {
+    private startPoint?;
+    private endPoint?;
+    rect: SVGElement;
+    frustum: Frustum;
+    constructor(context: Context);
+    setEnable(enable: boolean): void;
+    onPointerDown: (e: PointerEvent) => void;
+    onPointerMove: (e: PointerEvent) => void;
+    onPointerUp: (e: PointerEvent) => void;
+    onUpdate: () => void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    doSelect(): void;
+    searchMapInFrustum(leftTop: {
+        x: number;
+        y: number;
+    }, rightBottom: {
+        x: number;
+        y: number;
+    }): Graphic[];
+    searchChildInFrustum(object: Graphic, leftTop: {
+        x: number;
+        y: number;
+    }, rightBottom: {
+        x: number;
+        y: number;
+    }): boolean;
+    dispose(): void;
+}
+export {};

package/lib/src/operations/selection/index.d.ts

@@ -0,0 +1 @@
+export * from './selection';

package/lib/src/operations/selection/selection.d.ts

@@ -0,0 +1,27 @@
+import { EventDispatcher } from "three";
+import { Context } from "../../context";
+import { Graphic } from "../../elements";
+interface SelectionEventMap {
+    "select": {
+        graphics: Graphic[];
+    };
+}
+export declare class Selection extends EventDispatcher<SelectionEventMap> {
+    private context;
+    private _list;
+    private boxSelection;
+    private prevPanStatus?;
+    constructor(context: Context);
+    get list(): Set<Graphic>;
+    onPointerDown: (e: PointerEvent) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    onKeyUp: (e: KeyboardEvent) => void;
+    onBoxSelected: ({ list }: {
+        list: Graphic[];
+    }) => void;
+    selectEnd(): void;
+    registryEvent(): void;
+    unRegistryEvent(): void;
+    dispose(): void;
+}
+export {};

package/lib/src/utils/coordinate.d.ts

@@ -17,3 +17,9 @@ export declare function vector3ToDevice(vector: Vector3, camera: Camera, w: numb
  * @param coordinates
  */
 export declare function getCenter(coordinates: Coordinate[]): import("@turf/turf").Position;
+type Position = {
+    x: number;
+    y: number;
+};
+export declare function isContain(point: Position, start: Position, end: Position): boolean;
+export {};

package/lib/src/utils/init-helper.d.ts

@@ -6,5 +6,5 @@ export declare function initRenderer(): WebGLRenderer;
 export declare function initCamera(width: number, height: number): OrthographicCamera;
 export declare function initLight(): Group<import("three").Object3DEventMap>;
 export declare function initControl(camera: OrthographicCamera, domElement: HTMLCanvasElement): MapControls;
-export declare function initShape(path: Coordinate[]): Shape;
+export declare function initShape(path: Coordinate[], holePath?: Coordinate[][]): Shape;
 export declare function initDirectionalLight(color?: number, intensity?: number): DirectionalLight;

package/lib/src/utils/svg.d.ts

@@ -13,10 +13,17 @@ export declare function createCircle(radius: string | undefined, fill: string):
  * @param stroke
  */
 export declare function createLine(stroke: string): SVGElement;
+/**
+ * 创建矩形
+ * @param stroke
+ * @returns
+ */
+export declare function createRect(stroke: string, fill: string): SVGElement;
 export declare function setCirclePosition(circle: SVGElement, x: number, y: number): void;
 type Position = {
     x: number;
     y: number;
 };
 export declare function setLineStartEnd(line: SVGElement, start?: Position, end?: Position): void;
+export declare function setRectPosition(rect: SVGElement, x: number, y: number, w: number, h: number): void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aibee/crc-bmap",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "",
   "main": "lib/bmap.min.js",
   "module": "lib/bmap.esm.min.js",
@@ -16,7 +16,7 @@
     "clean": "rm -rf lib",
     "lint": "eslint src/**/*.ts",
     "start": "cd example && vite",
-    "publish:all": "npm version patch && npm publish --access public --registry https://registry.npmjs.org  && npm publish --registry https://npm.aibee.cn"
+    "publish:all": "npm run build && npm version patch && npm publish --access public --registry https://registry.npmjs.org  && npm publish --registry https://npm.aibee.cn"
   },
   "keywords": [],
   "author": "",