@aibee/owlly 1.0.25 → 1.0.29

package/lib/prod/src/owlly/overlay/canvas-overlay.d.ts

@@ -0,0 +1,96 @@
+import { NS_THREE, NS_KONVA } from '../stage/externals';
+import { Overlay } from './overlay';
+import { Shape } from '../element/map-kit/shape';
+import { View } from '../view/view';
+declare class ShapeGroup {
+    shape: NS_KONVA.Shape;
+    rawShape: Shape;
+    baseZoom: {
+        x: number;
+        y: number;
+    };
+    zIndices: number[];
+    points: NS_KONVA.Shape[];
+    vertexOptions: NS_KONVA.CircleConfig;
+    lineJointsStyle: 'none' | 'endpoints' | 'joints';
+    constructor(shape: NS_KONVA.Shape, rawShape: Shape, baseZoom: {
+        x: number;
+        y: number;
+    }, zIndices?: number[]);
+}
+/**
+ * POI覆盖层, 可以展示POI图标与文字, 存在图标时以图标中心为中心, 否则为文字中心
+ * @example
+ * ```typescript
+ * const poiOverlay = new PoiOverlay();
+ * // 任意View
+ * view.addOverlay(poiOverlay);
+ * ```
+ */
+declare class CanvasOverlay extends Overlay {
+    private owlly2D;
+    private container;
+    private parent;
+    private layer;
+    private renderThisFrame;
+    private shapes;
+    private mouseState;
+    private mousePositionBuffer;
+    private eventTarget;
+    private enabled;
+    private listeners;
+    init(parent: View, container?: HTMLElement): void;
+    /**
+     * 打开交互
+     */
+    openInteraction(): void;
+    /**
+     * 关闭交互
+     */
+    closeInteraction(): void;
+    update(): boolean;
+    render(): void;
+    setRenderOrder(order: number): void;
+    dispose(): void;
+    private onPointerDown;
+    private onPointerUp;
+    private onTouchStart;
+    private onTouchEnd;
+    private onNodePointerDown;
+    private onNodePointerUp;
+    /**
+     * 清空画布
+     */
+    clearShapes(): void;
+    /**
+     * 删除Shape
+     * @param shape Shape
+     */
+    removeShape(shape: Shape | NS_KONVA.Shape): void;
+    /**
+     * 更新Shape
+     * @param shape Shape
+     */
+    updateShape(shape: Shape | NS_KONVA.Shape, zIndices?: number[]): NS_KONVA.Shape | null;
+    setVertexConfig(shape: Shape | NS_KONVA.Shape, config: NS_KONVA.CircleConfig): NS_KONVA.Shape | null;
+    /**
+     * 将shapeData转换为Konva.Path对象
+     * @param shapeData ShapeData
+     */
+    private transformShapeDataToKonvaShape;
+    private updateShapeDataToKonvaShape;
+    addShape(shapes: Shape | Shape[], baseZoom?: {
+        x: number;
+        y: number;
+    }, zIndices?: number[] | number[][]): NS_KONVA.Shape | NS_KONVA.Shape[] | null;
+    getShapeGroup(shape: Shape | NS_KONVA.Shape): ShapeGroup | undefined;
+    forceRender(): void;
+    /**
+     * 计算路径距离中点
+     * @param shape 目标图形
+     */
+    getMiddlePoint(shape: Shape | NS_KONVA.Shape): NS_THREE.Vector3 | null;
+    setEnabled(value: boolean): void;
+    resize(containerWidth: number, containerHeight: number): void;
+}
+export { CanvasOverlay, ShapeGroup };

package/lib/prod/src/owlly/overlay/css-2d-overlay.d.ts

@@ -0,0 +1,14 @@
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+declare class CSS2DOverlay extends Overlay {
+    private container;
+    private parent;
+    private renderer;
+    init(parent: View, container?: HTMLElement): void;
+    resize(containerWidth: number, containerHeight: number): void;
+    setRenderOrder(order: number): void;
+    update(): boolean;
+    render(): void;
+    dispose(): void;
+}
+export { CSS2DOverlay };

package/lib/prod/src/owlly/overlay/css-3d-overlay.d.ts

@@ -0,0 +1,16 @@
+import { NS_THREE } from '../stage/externals';
+import { CSS3DRenderer } from '../../external/renderers/css-3d-renderer';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+declare class CSS3DOverlay extends Overlay {
+    private container;
+    private parent;
+    renderer: CSS3DRenderer | null;
+    init(parent: View, container?: HTMLElement): void;
+    resize(containerWidth: number, containerHeight: number): void;
+    setRenderOrder(order: number): void;
+    update(): boolean;
+    render(scene: NS_THREE.Scene): void;
+    dispose(): void;
+}
+export { CSS3DOverlay };

package/lib/prod/src/owlly/overlay/index.d.ts

@@ -0,0 +1,5 @@
+export * from './path-overlay2';
+export * from './css-2d-overlay';
+export * from './poi-overlay';
+export * from './canvas-overlay';
+export * from './poi-overlay-3d';

package/lib/prod/src/owlly/overlay/label-overlay.d.ts

@@ -0,0 +1,62 @@
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+/**
+ * 该文件应被舍弃, 不再使用
+ * @deprecated
+ */
+declare class LabelOverlay extends Overlay {
+    private container;
+    private parent;
+    private overlay;
+    private iconPoints;
+    private labelPoints;
+    private bubblePoint;
+    private renderThisFrame;
+    init(parent: View, container?: HTMLElement): void;
+    update(): boolean;
+    render(): void;
+    setRenderOrder(order: number): void;
+    dispose(): void;
+    static getBiggerPos(arr: number[][], target: number, index: number): number;
+    static getSmallerPos(arr: number[][], target: number, index: number): number;
+    setBubble({ position, message, imageStyle, messageStyle, fontSize, }: {
+        position: NS_THREE.Vector3;
+        message: string | null;
+        fontSize: number;
+        imageStyle: {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+        };
+        messageStyle: {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+        };
+    }): void;
+    setIconPoints(points: {
+        position: NS_THREE.Vector3;
+        src: string;
+        width: number;
+        height: number;
+        offsetX: number;
+        offsetY: number;
+    }[]): void;
+    setLabelPoints(points: {
+        position: NS_THREE.Vector3;
+        name: string;
+        nodeId: string;
+        color?: string;
+        pointSize?: number;
+        offsetX?: number;
+        offsetY?: number;
+        showGuideline?: boolean;
+        fontSize?: number;
+        alwaysShow?: boolean;
+    }[]): void;
+    setPriorLabelPoints(ids: string[]): void;
+}
+export { LabelOverlay };

package/lib/prod/src/owlly/overlay/overlay.d.ts

@@ -0,0 +1,14 @@
+import { NS_THREE } from '../stage/externals';
+import { View } from '../view/view';
+import { EventHubClassic } from '../utils/event-hub';
+declare class Overlay extends EventHubClassic {
+}
+interface Overlay {
+    init(parent: View): void;
+    update(): boolean;
+    render(scene?: NS_THREE.Scene): void;
+    setRenderOrder(order: number): void;
+    resize?(containerWidth: number, containerHeight: number): void;
+    dispose(): void;
+}
+export { Overlay };

package/lib/prod/src/owlly/overlay/path-overlay.d.ts

@@ -0,0 +1,39 @@
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+/**
+ * 该类应该被舍弃, 不再使用
+ * @deprecated
+ */
+declare class PathOverlay extends Overlay {
+    private container;
+    private parent;
+    private canvas;
+    private context;
+    private devicePixelRatio;
+    private path;
+    private showEndPoints;
+    private startColor;
+    private endColor;
+    private lineWidth;
+    private setCanvasHeight;
+    init(parent: View, container?: HTMLElement): void;
+    resize(containerWidth: number, containerHeight: number): void;
+    update(): boolean;
+    render(): void;
+    setRenderOrder(order: number): void;
+    dispose(): void;
+    setPath3D(path: NS_THREE.Vector3[]): void;
+    setEndPointsVisible(value: boolean): void;
+    setColors(start: {
+        r: number;
+        g: number;
+        b: number;
+    }, end: {
+        r: number;
+        g: number;
+        b: number;
+    }): void;
+    setLineWidth(lineWidth: number): void;
+}
+export { PathOverlay };

package/lib/prod/src/owlly/overlay/path-overlay2.d.ts

@@ -0,0 +1,35 @@
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+import { MeshLine2D } from '../element';
+/**
+ * POI覆盖层, 画线用
+ * @example
+ * ```typescript
+ * const PathOverlay2 = new PathOverlay2();
+ * // 任意View
+ * view.addOverlay(PathOverlay2);
+ * ```
+ */
+declare class PathOverlay2 extends Overlay {
+    private parent;
+    private renderThisFrame;
+    private pathMap;
+    private enabled;
+    static instanceId: number;
+    camera: NS_THREE.Camera;
+    scene: NS_THREE.Scene;
+    renderer: NS_THREE.Renderer;
+    constructor();
+    init(parent: View): void;
+    update(): boolean;
+    private handleElementUpdate;
+    render(): void;
+    resize(containerWidth: number, containerHeight: number): void;
+    setEnabled(value: boolean): void;
+    createPath(points: [number, number, number][], options: any, ifClear?: boolean): Set<MeshLine2D>;
+    removePath(path: MeshLine2D): void;
+    clearPaths(): void;
+    dispose(): void;
+}
+export { PathOverlay2 };

package/lib/prod/src/owlly/overlay/poi-overlay-3d.d.ts

@@ -0,0 +1,278 @@
+import { Euler } from 'three';
+import { NS_THREE } from '../stage/externals';
+import { Overlay } from './overlay';
+import { View } from '../view/view';
+/**
+ * POI元素, 包含一个图标与一段文字
+ * @example
+ * ```typescript
+ * const poiOverlay = new PoiOverlay();
+ * const poi = poiOverlay.createPoi(new Vector3(0, 0, 0));
+ * ```
+ */
+interface Rect {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+}
+/**
+ * POI覆盖层, 可以展示POI图标与文字, 存在图标时以图标中心为中心, 否则为文字中心
+ * @example
+ * ```typescript
+ * const poiOverlay = new PoiOverlay();
+ * // 任意View
+ * view.addOverlay(poiOverlay);
+ * ```
+ */
+declare class Poi3DOverlay extends Overlay {
+    static canvas: HTMLCanvasElement;
+    static ctx: CanvasRenderingContext2D;
+    private parent;
+    private rectMap;
+    private pois;
+    private mouseState;
+    private mousePositionBuffer;
+    private eventTarget;
+    private enabled;
+    private renderThisFrame;
+    private visible;
+    camera: NS_THREE.Camera;
+    scene: NS_THREE.Scene;
+    renderCamera: NS_THREE.OrthographicCamera;
+    renderer: NS_THREE.WebGL1Renderer;
+    orderPois: Function;
+    prevPosition: NS_THREE.Vector3 | null;
+    prevQuaternion: NS_THREE.Quaternion | null;
+    prevZoom: any;
+    private needRender;
+    private listeners;
+    constructor(canvas?: HTMLCanvasElement);
+    init(parent: View): void;
+    update(): boolean;
+    forceRenderInThisFrame(): void;
+    render(): void;
+    orderPoisByLevel(): void;
+    recalculateVisibilities(pois: Poi3D[]): void;
+    checkUpdate(): void;
+    dispose(): void;
+    private onPointerDown;
+    private onPointerUp;
+    private onTouchStart;
+    private onTouchEnd;
+    private onNodePointerDown;
+    /**
+     * 新建POI
+     * @param position POI在3D空间中的位置
+     */
+    createPoi(position: NS_THREE.Vector3): Poi3D;
+    setRectMap(rect: Rect, ele: Poi3D): void;
+    /**
+     * 删除POI
+     * @param poi 待删除的POI
+     */
+    removePoi(poi: Poi3D): void;
+    clearPoi(): void;
+    /**
+     * 设置覆盖层可见性 兼容旧poi
+     * @param visible 覆盖层是否可见
+     */
+    setVisibility(visible: boolean): void;
+    setEnabled(value: boolean): void;
+    resize(viewWidth: number, viewHeight: number): void;
+    private updateCameraAspect;
+}
+declare class Poi3D {
+    static ImageMaterialMap: Map<any, any>;
+    private position;
+    private screenPosition;
+    private visible;
+    private hide;
+    private parent;
+    private subHide;
+    private textVisibility;
+    private iconVisibility;
+    private animationEnabled;
+    isInFrustum: boolean;
+    private textPosInfo;
+    private iconPosInfo;
+    private autoRotation;
+    private rotation;
+    collision: boolean;
+    private boundingBox;
+    private overlapArea;
+    collisionMode: string;
+    private withBoundingBox;
+    private subAreaOpacity;
+    private abandonedAreaOpacity;
+    private visiblePartWhenCollision;
+    private boundingRect;
+    private outerRect;
+    private iconCircleOptions;
+    private iconInCircle;
+    private iconRect;
+    private textRect;
+    private visibilityAnimation;
+    private textWidth;
+    private textHeight;
+    private iconSize;
+    private textMaterial;
+    private iconMaterial;
+    private iconCircleMaterial;
+    private rectMaterial;
+    private text;
+    private icon;
+    group: NS_THREE.Group | null;
+    poiId: number;
+    private iconOptions;
+    private labelOptions;
+    private rectOptions;
+    private withRect;
+    private rect;
+    private level;
+    private dpr;
+    private isFlipY;
+    private _renderThisFrame;
+    private labelOpacity;
+    private iconOpacity;
+    private set renderThisFrame(value);
+    private get renderThisFrame();
+    constructor(position?: NS_THREE.Vector3);
+    dispose(): void;
+    setParent(parent: Poi3DOverlay): void;
+    setPosition(position: NS_THREE.Vector3, tolerance?: number): void;
+    setOpacity(labelOpacity?: number, iconOpacity?: number): void;
+    /**
+     * 设置旋转角度
+     * @param rotation 旋转角度
+     */
+    setRotation(rotation: number, tolerance?: number): void;
+    /**
+     * 设置是否碰撞
+     * @param collision 是否碰撞
+     */
+    setCollision(collision: boolean): void;
+    /**
+     * 设置碰撞模式
+     * @param mode 碰撞模式 label || icon || outer(默认)
+     */
+    setCollisionMode(mode: string): void;
+    setLabelVisibility(visible: boolean): void;
+    setIconVisiblity(visible: boolean): void;
+    setHideModeWhenCollision(mode: string): void;
+    setVisiblePartWhenCollision(part: string): void;
+    setCollisionOverlap(x: number, y: number): void;
+    /**
+       * 设置POI层级
+       * @param level 层级
+       */
+    setLevel(level: number, forceOrder?: boolean): void;
+    /**
+       * 获取POI层级
+       */
+    getLevel(): number;
+    /**
+       * 设置POI可见性
+       * @param visible 可见性
+       */
+    setVisibility(visible: boolean): void;
+    /**
+       * 设置POI是否暂时隐藏
+       * @param hide true 全部隐藏 false: 根据 hideModeWhenCollision 做显隐判断
+       */
+    setHidden(hide: boolean, subHide?: boolean): void;
+    /**
+       * 设置Rect是否可见
+       * @param withRect 可见性
+       */
+    setRect(withRect: boolean): void;
+    /**
+       * 设置Rect默认宽高 未废弃, 不发挥作用
+       * @param withRect 可见性
+       */
+    private setRectDefSize;
+    /**
+       * 设置Rect背景色 未废弃, 不发挥作用
+       * @param color
+       */
+    setRectFill(color: number | string): void;
+    /**
+       * 设置Rect偏移 未废弃, 不发挥作用
+       * @param x
+       * @param y
+       */
+    setRectOffset(x?: number, y?: number): void;
+    setIconImage(src: string): void;
+    setIconSize(width: number, height: number): void;
+    /**
+     * 设置POI中icon的显示
+     */
+    setIconShowInCircle(lineWidth: number, lineColor: string): void;
+    drawIcon(): void;
+    private clearIcon;
+    /**
+       * 设置图标相对(0,0)的位置
+       * @param  direction: x / y  value: + / - 表示方向
+       * x = 2 的时候, 表示label 中心 和 icon 中心 同一条y轴, label 右边框 距离 icon 左边框2个单位
+       */
+    setIconAnchor(anchor: 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'): void;
+    /**
+     * 设置图标反转
+     */
+    setIconFlipY(flipY: boolean): void;
+    setIconOffset(x: number, y: number): void;
+    /**
+       * 设置文字字体大小
+       * @param fontSize 字号, 单位为px
+       */
+    setFontSize(fontSize: number): void;
+    setFontPadding(fPadding: number): void;
+    setLabelText(text: string): void;
+    drawText(): void;
+    recalcOffset(width: number, height: number, anchor: string, anchorOffsetX: number, anchorOffsetY: number): {
+        offsetX: number;
+        offsetY: number;
+    };
+    /**
+       * 设置POI文字相对(0,0)的位置。在有icon 和 无icon时锚点不同
+       * @param  direction: x / y  value: + / - 表示方向
+       * x = 2 的时候, 表示label 中心 和 icon 中心 同一条y轴, label 右边框 距离 icon 左边框2个单位
+       */
+    setLabelAnchor(anchor: 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright'): void;
+    setLabelOffset(x: number, y: number): void;
+    getLabelAnchor(): 'center' | 'left' | 'right' | 'top' | 'bottom' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+    getLabelOffset(): {
+        x: number;
+        y: number;
+    };
+    calcBoundingSize(): void;
+    private drawRect;
+    private drawBoundingBox;
+    setBoundingBox(): void;
+    /** @ignore */
+    getBoundingRect(): {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+    };
+    /** @ignore */
+    getOuterRect(): {
+        xMin: number;
+        yMin: number;
+        xMax: number;
+        yMax: number;
+    };
+    setAnimationEnabled(value: boolean): void;
+    private calcPoiRotation;
+    getVisibility(): boolean;
+    calcPosAndSize(frustum: NS_THREE.Frustum, widthHalf: number, heightHalf: number): {
+        isInFrustum: boolean;
+    };
+    draw(): void;
+    updatePosition(// 根据已计算出的position, offset, visible 等更新渲染位置, 显隐
+    euler: Euler, zoom: number): void;
+    update(): boolean;
+    setPoiId(poiId: number): void;
+}
+export { Poi3DOverlay, Poi3D };