zhihao-ui 1.2.27 → 1.2.28

package/dist/types/components/Map/enum/ship.d.ts

@@ -8,3 +8,43 @@ export declare enum SWITCH_BTN {
     Mobile = "mobile",
     WaterGauge = "waterGauge"
 }
+export declare enum SHIP_SAIL_STATUS {
+    "发动机使用中" = 0,
+    "锚泊" = 1,
+    "未操作" = 2,
+    "操纵能力受限" = 3,
+    "吃水受限" = 4,
+    "系泊" = 5,
+    "搁浅" = 6,
+    "从事捕捞" = 7,
+    "航行中" = 8,
+    "留作将来修正导航状态" = 9,
+    "高速船留用" = 10,
+    "机动船尾推作业" = 11,
+    "机动船顶推或侧推作业" = 12,
+    "飞翼船留用" = 13,
+    "现行的" = 14,
+    "未定义" = 15
+}
+export declare enum SHIP_TYPE {
+    "飞翼船" = 1,
+    "捕捞船" = 2,
+    "拖带船" = 3,
+    "帆船" = 4,
+    "游艇" = 5,
+    "高速船" = 6,
+    "领航船" = 7,
+    "搜救船" = 8,
+    "拖轮" = 9,
+    "港口供应" = 10,
+    "防污船舶" = 11,
+    "执法船" = 12,
+    "医疗运输" = 13,
+    "特殊船" = 14,
+    "客轮" = 15,
+    "货轮" = 16,
+    "油轮" = 17,
+    "集装箱船" = 18,
+    "其他" = 19,
+    "未知" = 20
+}

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

@@ -20,7 +20,7 @@ export declare const ZhMap: {
             type: import('vue').PropType<string>;
         };
         shipData: {
-            type: import('vue').PropType<import('./interface').ShipInfoVo>;
+            type: import('vue').PropType<import('./interface/index.ts').ShipInfoVo>;
         };
     }>> & Readonly<{
         onZoomChanged?: ((...args: any[]) => any) | undefined;
@@ -28,10 +28,10 @@ export declare const ZhMap: {
     }>, {
         mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
         initMap: () => void;
-        renderTrucksMarker: (list: import('./interface').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
-        renderShip: (list: import('./interface').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
+        renderTrucksMarker: (list: import('./interface/index.ts').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
+        renderShip: (list: import('./interface/index.ts').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
         renderTrack: (mmsi: string, list: any[], color: string) => void;
-        findTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
+        findTruck: (vehicleInfo?: import('./interface/index.ts').VehicleInfo) => Promise<void>;
         removeTruckIcon: () => void;
         clearAllTruck: () => void;
         closeTrack: () => void;
@@ -39,11 +39,11 @@ export declare const ZhMap: {
         resetTrackView: (id?: number | string) => void;
         playTrack: (id: number | string, speed: number) => void;
         clearSelectFeature: () => void;
-        findShip: (id: string, shipData?: import('./interface').ShipInfoVo, select?: boolean) => any;
-        focusShip: (id: string, shipData?: import('./interface').ShipInfoVo, hidden?: boolean) => void;
-        showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
+        findShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, select?: boolean) => any;
+        focusShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, hidden?: boolean) => void;
+        showTracks: import('vue').Ref<import('./interface/index.ts').TrackExtend[], import('./interface/index.ts').TrackExtend[]>;
         removeAllTrackLayer: () => void;
-        switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
+        switchFilterItem: (key: import('./enum/ship.ts').SWITCH_BTN, value: boolean) => void;
         rerenderShip: () => void;
         switchGreenDot: () => void;
         zoomTruckIcon: () => void;
@@ -147,7 +147,7 @@ export declare const ZhMap: {
             type: import('vue').PropType<string>;
         };
         shipData: {
-            type: import('vue').PropType<import('./interface').ShipInfoVo>;
+            type: import('vue').PropType<import('./interface/index.ts').ShipInfoVo>;
         };
     }>> & Readonly<{
         onZoomChanged?: ((...args: any[]) => any) | undefined;
@@ -155,10 +155,10 @@ export declare const ZhMap: {
     }>, {
         mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
         initMap: () => void;
-        renderTrucksMarker: (list: import('./interface').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
-        renderShip: (list: import('./interface').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
+        renderTrucksMarker: (list: import('./interface/index.ts').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
+        renderShip: (list: import('./interface/index.ts').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
         renderTrack: (mmsi: string, list: any[], color: string) => void;
-        findTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
+        findTruck: (vehicleInfo?: import('./interface/index.ts').VehicleInfo) => Promise<void>;
         removeTruckIcon: () => void;
         clearAllTruck: () => void;
         closeTrack: () => void;
@@ -166,11 +166,11 @@ export declare const ZhMap: {
         resetTrackView: (id?: number | string) => void;
         playTrack: (id: number | string, speed: number) => void;
         clearSelectFeature: () => void;
-        findShip: (id: string, shipData?: import('./interface').ShipInfoVo, select?: boolean) => any;
-        focusShip: (id: string, shipData?: import('./interface').ShipInfoVo, hidden?: boolean) => void;
-        showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
+        findShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, select?: boolean) => any;
+        focusShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, hidden?: boolean) => void;
+        showTracks: import('vue').Ref<import('./interface/index.ts').TrackExtend[], import('./interface/index.ts').TrackExtend[]>;
         removeAllTrackLayer: () => void;
-        switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
+        switchFilterItem: (key: import('./enum/ship.ts').SWITCH_BTN, value: boolean) => void;
         rerenderShip: () => void;
         switchGreenDot: () => void;
         zoomTruckIcon: () => void;
@@ -268,7 +268,7 @@ export declare const ZhMap: {
         type: import('vue').PropType<string>;
     };
     shipData: {
-        type: import('vue').PropType<import('./interface').ShipInfoVo>;
+        type: import('vue').PropType<import('./interface/index.ts').ShipInfoVo>;
     };
 }>> & Readonly<{
     onZoomChanged?: ((...args: any[]) => any) | undefined;
@@ -276,10 +276,10 @@ export declare const ZhMap: {
 }>, {
     mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
     initMap: () => void;
-    renderTrucksMarker: (list: import('./interface').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
-    renderShip: (list: import('./interface').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
+    renderTrucksMarker: (list: import('./interface/index.ts').SinoiovVehicleInfo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | undefined;
+    renderShip: (list: import('./interface/index.ts').ShipInfoVo[]) => import('ol/layer').Vector<import('ol/source').Vector<any>, any> | import('ol/layer').WebGLPoints<import('ol/source').Vector<import('ol').Feature<import('ol/geom').Geometry>>> | undefined;
     renderTrack: (mmsi: string, list: any[], color: string) => void;
-    findTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
+    findTruck: (vehicleInfo?: import('./interface/index.ts').VehicleInfo) => Promise<void>;
     removeTruckIcon: () => void;
     clearAllTruck: () => void;
     closeTrack: () => void;
@@ -287,11 +287,11 @@ export declare const ZhMap: {
     resetTrackView: (id?: number | string) => void;
     playTrack: (id: number | string, speed: number) => void;
     clearSelectFeature: () => void;
-    findShip: (id: string, shipData?: import('./interface').ShipInfoVo, select?: boolean) => any;
-    focusShip: (id: string, shipData?: import('./interface').ShipInfoVo, hidden?: boolean) => void;
-    showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
+    findShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, select?: boolean) => any;
+    focusShip: (id: string, shipData?: import('./interface/index.ts').ShipInfoVo, hidden?: boolean) => void;
+    showTracks: import('vue').Ref<import('./interface/index.ts').TrackExtend[], import('./interface/index.ts').TrackExtend[]>;
     removeAllTrackLayer: () => void;
-    switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
+    switchFilterItem: (key: import('./enum/ship.ts').SWITCH_BTN, value: boolean) => void;
     rerenderShip: () => void;
     switchGreenDot: () => void;
     zoomTruckIcon: () => void;
@@ -372,3 +372,5 @@ export declare const ZhMap: {
         toolPanel?(_: {}): any;
     };
 }) & import('vue').Plugin;
+export * from './render/renderPoint.ts';
+export * from './config';

package/dist/types/components/Map/interface/entity/point.d.ts

@@ -0,0 +1,10 @@
+import { Feature } from 'ol';
+
+export interface PointMarker {
+    id: string | number;
+    name: string;
+    fullName?: string;
+    lonlat: [number, number];
+    feature: Feature;
+    pointType: string;
+}

package/dist/types/components/Map/interface/entity/render.d.ts

@@ -6,6 +6,7 @@ export interface DrawTextOptions {
     rightIcons?: string[];
     font?: string;
     type?: string;
+    blinkColors?: string[];
 }
 export interface DrawPolygonOptions {
     points: number[][];
@@ -28,6 +29,7 @@ export interface DrawLabelOptions {
     rightIcons?: string[];
     selected?: boolean;
     type?: string;
+    blinkColors?: string[];
 }
 export interface LeftIconOptions {
     icon: string;

package/dist/types/components/Map/interface/entity/shipInfoVo.d.ts

@@ -205,4 +205,6 @@ export interface ShipInfoVo {
      * 关注的船自定义后缀
      */
     existName: number;
+    selected?: boolean;
+    blinkColors?: string[];
 }

package/dist/types/components/Map/interface/entity/shipMapData.d.ts

@@ -22,5 +22,6 @@ export declare class ShipMapData {
     existMobile?: boolean;
     existWaterGauge?: boolean;
     selected?: boolean;
-    constructor(id: string, mmsi: string, fill: string, shipType: string, name: string, length: number, breadth: number, lon: number, lat: number, createdAt: number, speed: number, from: string, sailStatus: string, hdg: number, cog: number, posType: number, type: string, angle: number, leftIconColor?: string | null, existDevice?: boolean, existMobile?: boolean, existWaterGauge?: boolean, selected?: boolean);
+    blinkColors?: string[];
+    constructor(id: string, mmsi: string, fill: string, shipType: string, name: string, length: number, breadth: number, lon: number, lat: number, createdAt: number, speed: number, from: string, sailStatus: string, hdg: number, cog: number, posType: number, type: string, angle: number, leftIconColor?: string | null, existDevice?: boolean, existMobile?: boolean, existWaterGauge?: boolean, selected?: boolean, blinkColors?: string[]);
 }

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

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

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(): void;
+    cancelHighlightTruckMarker(): void;
+    /**
+     * 设置选中
+     *  渲染
+     * @param item
+     * 格式：
+     * 获取数据的id
+     * id
+     * 地图显示
+     * name
+     * fullName,
+     * 经纬度
+     * lon,
+     * lat,
+     * 渲染点的数据类型，好通过这个判断点击地图获取到的类型， 任意字符串
+     * pointType
+     */
+    highlightPointMarker(item: any): void;
+    hiddenPointMarker(id?: string | undefined): 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;
+}