zhihao-ui 1.3.2 → 1.3.4-alpha.1

package/dist/types/components/Map/meta/index.d.ts

@@ -10,8 +10,8 @@ export declare enum LENGTH_UNIT {
     KM = 2,// km
     NM = 3
 }
-export declare const LENGTH_UNIT_LABEL: {
-    1: string;
-    2: string;
-    3: string;
-};
+export declare enum LayerType {
+    PORT = "port",
+    SHIP = "ship",
+    TRACK = "track"
+}

package/dist/types/components/Map/render/canvasRender/canvasRender.d.ts

@@ -0,0 +1,15 @@
+import { DrawLabelOptions, DrawPolygonOptions, DrawTextOptions } from '../../interface';
+import { DrawLabelFeature } from '../../interface/entity/render.ts';
+import { Map as MapType } from 'ol';
+
+export declare const fillRectRadius: (ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color: string, radius?: number) => void;
+export declare const getPixelFromCoordinate: (points: number[][]) => number[];
+export declare const calculatePolygonCentroid: (coordinates: number[][]) => number[];
+export declare const rotateShapeModel: (model: number[][], angle: number) => number[][];
+export declare const drawText: (ctx: CanvasRenderingContext2D, options: DrawTextOptions) => void;
+export declare const drawPolygon: (ctx: CanvasRenderingContext2D, options: DrawPolygonOptions) => void;
+export declare const drawLabel: (ctx: CanvasRenderingContext2D, options: DrawLabelOptions, labels: DrawLabelFeature[], mapInstanceValue: MapType) => null;
+export declare const checkBlinkLabelExist: (mapInstanceValue: MapType, labels: DrawLabelFeature[], id: string) => void;
+export declare const clearAllInterval: () => void;
+export declare const deleteLabelFromArray: (mapInstanceValue: MapType, labels: DrawLabelFeature[], id: string) => void;
+export declare const deleteLabelFromArrayById: () => void;

package/dist/types/components/Map/render/canvasRender/geometry.d.ts

@@ -0,0 +1,22 @@
+import { Style } from 'ol/style';
+
+export declare const triangleModel: number[][];
+export declare const shipShapeModel: number[][];
+export declare const shipDirectPath: {
+    left: {
+        0: number[][];
+        1: number[][];
+        2: number[][];
+    };
+    right: {
+        0: number[][];
+        1: number[][];
+        2: number[][];
+    };
+    front: {
+        0: number[][];
+        1: number[][];
+        2: number[][];
+    };
+};
+export declare const setBlankStyle: () => Style;

package/dist/types/components/Map/render/canvasRender/renderCustomOverlay.d.ts

@@ -0,0 +1,5 @@
+import { Map as MapType, Overlay } from 'ol';
+import { Positioning } from 'ol/Overlay';
+
+export declare const renderCustomOverlaySetInstance: (instance: MapType) => MapType;
+export declare const drawCustomContent: (id: string, centerPixel: number[], html: string, positioning?: Positioning, draggable?: boolean, clear?: boolean) => Overlay | undefined;

package/dist/types/components/Map/render/canvasRender/renderPointStyle.d.ts

@@ -0,0 +1,10 @@
+import { Style } from 'ol/style';
+
+export declare const setPointStyle: (selected: boolean, name: string, options: {
+    color: string;
+    activeUrl?: string;
+    url?: string;
+    activeColor?: string;
+    imgWidth?: number;
+    imgHeight?: number;
+}) => Style;

package/dist/types/components/Map/render/canvasRender/renderShipStyle.d.ts

@@ -0,0 +1,5 @@
+import { Style } from 'ol/style';
+import { Map as MapType } from 'ol';
+
+export declare const renderShipStyleSetInstance: (instance: MapType) => void;
+export declare const setShipStyle: (selected: boolean, hover?: boolean) => Style;

package/dist/types/components/Map/render/canvasRender/renderTrackStyle.d.ts

@@ -0,0 +1,12 @@
+import { Style } from 'ol/style';
+import { Map as MapType } from 'ol';
+import { ShipTrack } from '../../interface';
+
+export declare const renderTrackStyleSetInstance: (instance: MapType) => MapType;
+export declare const renderTrackLine: (data: {
+    [key: string]: ShipTrack[];
+}, id: string, trackColor: string, threshold: number) => void;
+export declare const handlePlay: (id: string, speed: number) => void;
+export declare const removeShipTrackLineFeatureByIndex: (index: number, id: string) => void;
+export declare const stopAnimation: () => void;
+export declare const setTrackLabelStyle: (featureData: ShipTrack, trackColor: string) => Style;

package/dist/types/components/Map/render/canvasRender/renderTruckStyle.d.ts

@@ -0,0 +1,3 @@
+import { Style } from 'ol/style';
+
+export declare const setTruckStyle: (selected: boolean, vno: string, color: number, icons: number[]) => Style;

package/dist/types/components/Map/render/drawPolygon.d.ts

@@ -0,0 +1,10 @@
+import { Map as MapType } from 'ol';
+
+export declare const drawPolygonSetInstance: (instance: MapType) => MapType;
+export declare const drawPolygonTool: {
+    addInteraction: (callback?: Function) => void;
+    removeInteraction: () => void;
+    initFeature: (callback?: Function) => void;
+    reset: () => void;
+    destroy: () => void;
+};

package/dist/types/components/Map/render/renderDashboard.d.ts

@@ -0,0 +1,12 @@
+import { Map as MapType } from 'ol';
+import { default as VectorSource } from 'ol/source/Vector';
+import { default as VectorLayer } from 'ol/layer/Vector';
+import { SinoiovVehicleInfo } from '../interface';
+
+export declare const renderDashboardSetInstance: (instance: MapType) => MapType;
+export declare const renderStatisticsMarker: (list: SinoiovVehicleInfo[]) => VectorLayer<VectorSource<any>, any> | undefined;
+export declare const deleteAllStatisticsMarkers: () => void;
+export declare const renderTrucksMarker: (list: SinoiovVehicleInfo[]) => VectorLayer<VectorSource<any>, any> | undefined;
+export declare const deleteAllTruckMarkers: () => void;
+export declare const highlightTruckMarker: (vno: string, color: number, icons: number[]) => void;
+export declare const cancelHighlightTruckMarker: (vno: string, color: number, icons: number[]) => void;

package/dist/types/components/Map/render/renderMarker.d.ts

@@ -0,0 +1,7 @@
+import { Map as MapType } from 'ol';
+import { Ref } from 'vue';
+
+export declare const renderMarkerSetInstance: (instance: MapType) => MapType;
+export declare const markerPosition: Ref<string>;
+export declare const renderMarker: (lngLat: string, translate?: boolean, showText?: boolean) => void;
+export declare const setMarkerPosition: (val: string) => void;

package/dist/types/components/Map/render/renderPoint.d.ts

@@ -0,0 +1,80 @@
+import { Feature, Map as MapType } from 'ol';
+import { Geometry, Point } from 'ol/geom';
+import { default as VectorSource } from 'ol/source/Vector';
+import { default as VectorLayer } from 'ol/layer/Vector';
+import { PointMarker } from '../interface/entity/point.ts';
+
+export declare class PointMarkerClass {
+    mapInstance: MapType | undefined;
+    pointMarkerList: PointMarker[];
+    pointsVectorSource: VectorSource<Feature<Geometry>> | undefined;
+    highlightPoint: Omit<PointMarker, "feature"> | undefined;
+    pointLayer: VectorLayer | undefined;
+    options: {
+        color: string;
+        activeUrl?: string;
+        url?: string;
+        activeColor?: string;
+    };
+    /**
+     * 地图实例
+     * @param mapInstance
+     * 配置渲染点的样式
+     * @param options
+     */
+    constructor(mapInstance: MapType, options: {
+        color: string;
+        activeUrl?: string;
+        url?: string;
+        activeColor?: string;
+    });
+    /**
+     *  渲染
+     * @param list
+     * 格式：
+     * 获取数据的id
+     * id
+     * 地图显示
+     * name
+     * fullName,
+     * 经纬度
+     * lon,
+     * lat,
+     * 渲染点的数据类型，好通过这个判断点击地图获取到的类型， 任意字符串
+     * pointType
+     */
+    renderPointMarker(list: any[]): void;
+    deleteAllPointMarkers(id?: string | number): void;
+    cancelHighlightTruckMarker(): void;
+    /**
+     * 设置选中
+     *  渲染
+     * @param item
+     * 格式：
+     * 获取数据的id
+     * id
+     * 地图显示
+     * name
+     * fullName,
+     * 经纬度
+     * lon,
+     * lat,
+     * 渲染点的数据类型，好通过这个判断点击地图获取到的类型， 任意字符串
+     * pointType
+     */
+    highlightPointMarker(item: any): void;
+    getFeature(item: any, lonlat: [number, number]): Feature<Point>;
+    /**
+     *
+     * @param lonlat 经纬度
+     * @param options {
+     *     customZoom 自定义层级
+     *     type 0: 不改变地图大小 1: 等于customZoom 2: 地图当前zoom > 传入的customZoom(缩小地图) 3: 地图当前zoom < 传入的customZoom(放大地图)
+     * }
+     */
+    setPointCenter(lonlat: [number, number], options?: {
+        customZoom: number;
+        type: number;
+    }): void;
+    resetPointsView: (points: [number, number][], bufferedRatio?: number) => void;
+}

package/dist/types/components/Map/render/renderShip.d.ts

@@ -0,0 +1,20 @@
+import { Feature, Map as MapType } from 'ol';
+import { Geometry } from 'ol/geom';
+import { default as VectorSource } from 'ol/source/Vector';
+import { default as VectorLayer } from 'ol/layer/Vector';
+import { ShipInfoVo, ShipMarker } from '../interface';
+import { default as WebGLPointsLayer } from 'ol/layer/WebGLPoints';
+import { SWITCH_BTN } from '../enum';
+
+export declare const renderShipSetInstance: (instance: MapType) => MapType;
+export declare let shipsMarkerList: ShipMarker[];
+export declare const renderShips: (list: ShipInfoVo[]) => VectorLayer<VectorSource<any>, any> | WebGLPointsLayer<VectorSource<Feature<Geometry>>> | undefined;
+export declare const onShipsMarkerHover: () => void;
+export declare const deleteAllShipMarkers: () => void;
+export declare const setVisibleFeatureById: (source: VectorSource, id: string, visible: boolean) => void;
+export declare const findShip: (id: string, shipData?: ShipInfoVo, select?: boolean) => any;
+export declare const clearSelectFeature: () => void;
+export declare const hiddenAllShips: () => void;
+export declare const switchFilterItem: (key: SWITCH_BTN, value: boolean) => void;
+export declare const rerenderShip: () => void;
+export declare const clearShipData: (clearSelect?: boolean) => void;

package/dist/types/components/Map/render/renderTrack.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { TrackExtend } from '../interface';
+import { Map as MapType } from 'ol';
+
+export declare const renderTrackSetInstance: (instance: MapType) => MapType;
+export declare const showTracks: Ref<TrackExtend[]>;
+export declare const renderTrack: (id: string, list: any[], color: string, unit: number, vehicleType: ("ship" | "truck") | undefined, threshold: number) => void;
+export declare const removeAllTrackLayer: () => void;
+export declare const playTrack: (id: number | string, speed: number) => void;
+export declare const removerLayer: (index: number) => void;
+export declare const resetTrackView: (id?: number | string) => void;
+export declare const trackLayerVisible: (flag: boolean) => void;

package/dist/types/components/Map/render/renderTruck.d.ts

@@ -0,0 +1,10 @@
+import { Map as MapType, Overlay } from 'ol';
+import { VehicleInfo } from '../interface';
+
+export declare const renderTruckSetInstance: (instance: MapType) => MapType;
+export declare const findTruck: (vehicleInfo?: VehicleInfo, extendHtml?: string) => Promise<void>;
+export declare const clearAllTruck: () => void;
+export declare const drawTruckIcon: (id: string, centerPixel: number[], drc: string, extendHtml?: string) => Overlay | undefined;
+export declare const removeTruckIcon: () => void;
+export declare const drawTruckPopup: (info: any, centerPixel: number[]) => Overlay | undefined;
+export declare const zoomTruckIcon: () => void;

package/dist/types/components/Map/useMap.d.ts

@@ -0,0 +1,17 @@
+import { Props } from './interface';
+
+export interface MapInstance {
+    id: symbol;
+    destroy: () => void;
+    methods: object;
+}
+export declare const useMapController: () => {
+    createInstance: (element: HTMLDivElement, props: Props) => MapInstance;
+    destroyInstance: (id: symbol) => void;
+    destroyAll: () => void;
+    getAllInstances: () => {
+        id: symbol;
+        destroy: () => void;
+        methods: object;
+    }[];
+};

package/dist/types/components/Map/utils/common.d.ts

@@ -0,0 +1,27 @@
+import { Geometry, Polygon } from 'ol/geom';
+import { Coordinate } from 'ol/coordinate';
+import { Feature } from 'ol';
+import { default as VectorLayer } from 'ol/layer/Vector';
+import { Style } from 'ol/style';
+
+export declare function isPlainObject(font: string): boolean;
+export declare function generatePolygon(t: Coordinate): Polygon;
+export declare function calculateBoundsByType(center: number[], type: number, width: number, height: number, lineLength: number): (number | undefined)[];
+export declare function getIconFont(unicode?: string): any;
+export declare const resetView: (extent: number[]) => void;
+export declare const multiplyPixelRatio: (nums: number[][]) => number[][];
+export declare const findFeatureById: (layer: VectorLayer, id: string) => any;
+export declare const adjustBounds: (bounds: number[], offsets: number[]) => number[];
+export declare const isOverlapping: (bounds1: number[], bounds2: number[]) => boolean;
+export declare const getIconStyle: (symbol: string) => Style;
+export declare function convertToRadians(feature: Feature): any;
+export declare function createFeature(geometry: Geometry, properties: any, options?: {}): {
+    type: string;
+};
+export declare function createPoint(coordinates: number[][], properties: any, options: any): {
+    type: string;
+};
+export declare function calculateAngle(pointA: Feature, pointB: Feature): number;
+export declare const getRotation: (startCoord: number[], endCoord: number[], options?: {
+    final?: boolean;
+}) => number;

package/dist/types/components/Map/utils/cursor.d.ts

@@ -1,2 +1,3 @@
-export declare const setCursor: (cursor: string) => void;
-export declare const setDefaultStyle: () => void;
+import { Map } from 'ol';
+
+export declare const changeCursor: (mapInstance: Map, cursorType: string) => void;

package/dist/types/components/Map/utils/events.d.ts

@@ -1,2 +1,4 @@
-export declare const disableDoubleClickZoom: () => void;
-export declare const enableDoubleClickZoom: () => void;
+import { Map } from 'ol';
+
+export declare const disableDoubleClickZoom: (mapInstance: Map) => void;
+export declare const enableDoubleClickZoom: (mapInstance: Map) => void;

package/dist/types/components/Map/utils/format.d.ts

@@ -0,0 +1,10 @@
+import { Geometry, LineString, Polygon } from 'ol/geom';
+import { ShipInfoVo, ShipMapData } from '../interface';
+
+export declare const convertShipMapData: (shipData: ShipInfoVo[] | ShipInfoVo) => ShipMapData | ShipMapData[];
+declare const _default: {
+    formatLength: (line: LineString, unit: number) => string;
+    convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
+    formatArea: (polygon: Polygon | Geometry, unit: number) => string | undefined;
+};
+export default _default;

package/dist/types/components/Map/utils/overlay.d.ts

@@ -1,4 +1,5 @@
 import { Map } from 'ol';
+import { ShipInfoVo } from '../interface/index';
 
-export declare function addOverlay(map: Map, coordinate: number[], content: HTMLElement, shipId?: string): void;
+export declare function addOverlay(map: Map, coordinate: number[], content: HTMLElement, shipData?: ShipInfoVo): void;
 export declare function removeLabelOverlay(map: Map): void;

package/dist/types/components/Map/{function → utils}/shipOverlay.d.ts

@@ -1,11 +1,11 @@
 export interface ShipOverlayProps {
     selected: boolean;
     name: string;
-    color: string;
+    colors: string[];
     position: [number, number];
-    existDevice?: boolean;
-    existMobile?: boolean;
-    existWaterGauge?: boolean;
+    existDevice?: number | boolean;
+    existMobile?: number | boolean;
+    existWaterGauge?: number | boolean;
 }
 export default function useShipOverlay(props: ShipOverlayProps): () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

package/dist/types/components/Map/utils/store.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+import { Feature, Map as MapType } from 'ol';
+import { default as VectorLayer } from 'ol/layer/Vector';
+import { default as WebGLPointsLayer } from 'ol/layer/WebGLPoints';
+import { default as VectorSource } from 'ol/source/Vector';
+import { Geometry } from 'ol/geom';
+import { ShipInfoVo, ShipTrack, ShipMapData } from '../interface';
+import { DrawLabelFeature } from '../interface/entity/render.ts';
+
+export declare const mapInstance: Ref<MapType | undefined, MapType | undefined>;
+export declare const shipsLayer: Ref<VectorLayer | undefined>;
+export declare const largeAmountShipsLayer: Ref<WebGLPointsLayer<VectorSource<Feature<Geometry>>> | undefined>;
+export declare const selectShipsLayer: Ref<VectorLayer | undefined>;
+export declare const allShips: Ref<ShipInfoVo[]>;
+export declare const selectSingleShipData: Ref<ShipMapData | undefined>;
+export declare const statisticsLayer: Ref<VectorLayer | undefined>;
+export declare const trucksLayer: Ref<VectorLayer | undefined>;
+export declare const shipTrackLineFeatures: Ref<Feature[]>;
+export declare const trackLineVectorSource: Ref<VectorSource<Feature<Geometry>>>;
+export declare const shipTrackVectorLayer: Ref<VectorLayer | undefined>;
+export declare const trackLabelVectorSource: Ref<VectorSource<Feature<Geometry>>>;
+export declare const trackLabelLayer: Ref<VectorLayer | undefined>;
+export declare const shipLabels: Ref<DrawLabelFeature[]>;
+export declare const trackLabels: Ref<any>;
+export declare const showTrackLayer: Ref<boolean>;
+export declare const allTracks: Ref<{
+    [key: string]: ShipTrack[];
+}>;
+export declare const currentTrackId: Ref<string>;
+export declare const showTrackAnimatMarker: Ref<boolean>;
+export declare const hiddenOrther: Ref<boolean>;
+export declare const showDrawLayer: Ref<boolean>;

package/dist/types/components/Map/utils/track.d.ts

@@ -1 +1,45 @@
+import { LineString } from 'ol/geom';
+import { Style } from 'ol/style';
+
 export declare const convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
+/**
+ * 通过圆心和半径计算区域范围 输出为矩形
+ * @param center 圆心坐标
+ * @param radiusInKilometers 距离 单位：公里
+ */
+export declare const calculateCirclePoints: (center: [number, number], radiusInKilometers: number) => {
+    leftTopPoint: {
+        lng: number;
+        lat: number;
+    };
+    rightTopPoint: {
+        lng: number;
+        lat: number;
+    };
+    rightBottomPoint: {
+        lng: number;
+        lat: number;
+    };
+    leftBottomPoint: {
+        lng: number;
+        lat: number;
+    };
+};
+/**
+ * 计算多段线距离.
+ * @param {LineString} line The line.
+ * @param unit
+ * @return {string} The formatted length.
+ */
+export declare const formatLength: (line: LineString, unit: number) => string;
+export declare function lonLatToMercator(center: [number, number]): number[];
+export declare function getIconFont(unicode?: string): string;
+export declare const getIconStyle: (symbol: string) => Style;
+export declare const mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
+    lon: number;
+    lat: number;
+};
+export declare const adjustBounds: (bounds: number[], offsets: number[]) => number[];
+export declare const isOverlapping: (bounds1: number[], bounds2: number[]) => boolean;
+export declare const formatMinutesToDDHHMM: (minutes: number) => string;
+export declare function douglasPeucker(coords: any, tolerance: any): any;

package/dist/types/components/Map/utils/transform.d.ts

@@ -0,0 +1,44 @@
+import { transform } from 'ol/proj';
+
+declare function gcj02ToWgs84(lnglat: string): string;
+/**
+ * 通过圆心和半径计算区域范围 输出为矩形
+ * @param center 圆心坐标
+ * @param radiusInKilometers 距离 单位：公里
+ */
+declare function calculateCirclePoints(center: [number, number], radiusInKilometers: number): {
+    leftTopPoint: {
+        lng: number;
+        lat: number;
+    };
+    rightTopPoint: {
+        lng: number;
+        lat: number;
+    };
+    rightBottomPoint: {
+        lng: number;
+        lat: number;
+    };
+    leftBottomPoint: {
+        lng: number;
+        lat: number;
+    };
+};
+declare function lonLatToMercator(center: [number, number]): number[];
+declare function mercatorToLonLat(center: [number, number], type?: string): number[] | {
+    lon: number;
+    lat: number;
+};
+/** 计算多组点的最大矩形范围
+ * @param coordinates
+ */
+declare function calculateBoundingBox(coordinates: [number, number][]): number[];
+declare const _default: {
+    gcj02ToWgs84: typeof gcj02ToWgs84;
+    calculateCirclePoints: typeof calculateCirclePoints;
+    lonLatToMercator: typeof lonLatToMercator;
+    mercatorToLonLat: typeof mercatorToLonLat;
+    calculateBoundingBox: typeof calculateBoundingBox;
+    transform: typeof transform;
+};
+export default _default;