zhihao-ui 1.3.2 → 1.3.4

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

@@ -33,17 +33,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         clear: () => void;
     };
     track: {
-        renderTrackLine: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, unit?: number, type?: string, threshold?: number) => Promise<void>;
-        handleTrackMapEvent: (trunkFeature: import('ol').Feature, type: string, event: import('ol').MapBrowserEvent<PointerEvent>) => void;
-        removeAllTrackLayer: () => void;
-        playShipTrack: (id: number | string, speed: number) => void;
-        setTrackViewCenter: (id?: number | string) => void;
-        closeTrack: (clearAll?: boolean) => void;
+        render: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, type?: string, threshold?: number) => Promise<void>;
+        remove: () => void;
+        play: (id: number | string, speed: number) => void;
+        setCenter: (id?: number | string) => void;
+        close: (clearAll?: boolean) => void;
+        getLength: (trackId: string, unit?: number) => {
+            id: string;
+            length: string;
+        };
     };
     port: {
         render: (portList: import('./interface').WharfEntity[]) => void;
         clear: () => void;
-        selected: (portFeature: import('ol').Feature) => void;
+        selected: (portData?: import('./interface').WharfEntity) => void;
     };
     drawLine: {
         open: () => void;
@@ -54,17 +57,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     drawPolygon: {
         open: () => void;
-        reset: () => void;
         close: () => void;
+        reset: () => void;
     };
-    carTrack: {
-        locationTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
-        renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-        removeTruckIcon: () => void;
-        closeTruckTrack: () => void;
-        resetTrackView: (id: string | number) => void;
-        playTrack: (id: number | string, speed: number) => void;
-    };
+    carTrack: {};
     utils: {
         getCalculateExtent: () => Extent;
         convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];

package/dist/types/components/Map/config/global.d.ts

@@ -1 +1,2 @@
 export declare const CDN_URL = "https://static.zhihaoscm.cn/";
+export declare const equatorialCircumference = 20037508.34;

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

@@ -1,43 +1,2 @@
-import { LineString } from 'ol/geom';
-import { Style } from 'ol/style';
 export * from './map';
 export * from './global';
-/**
- * 通过圆心和半径计算区域范围 输出为矩形
- * @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): any;
-export declare const getIconStyle: (symbol: string) => Style;
-export declare const adjustBounds: (bounds: number[], offsets: number[]) => number[];
-export declare const isOverlapping: (bounds1: number[], bounds2: number[]) => boolean;
-export declare const mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
-    lon: number;
-    lat: number;
-};

package/dist/types/components/Map/config/map.d.ts

@@ -19,7 +19,4 @@ export declare const projection: {
     data: string;
     mercator: string;
 };
-export declare const drawShipModelByZoom: {
-    [key: number]: [number, number];
-};
 export declare const MAP_DEFAULT_CENTER: [number, number];

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

@@ -1,6 +1,6 @@
 declare const _default: {
     open: () => void;
-    reset: () => void;
     close: () => void;
+    reset: () => void;
 };
 export default _default;

package/dist/types/components/Map/function/port.d.ts

@@ -1,10 +1,9 @@
 import { WharfEntity } from '../interface';
-import { Feature } from 'ol';
 import { Pixel } from 'ol/pixel';
 
 export declare const PORT_LAYER_CLASS_NAME = "zh-map-port-layer";
 export declare const renderPortList: (portList: WharfEntity[]) => void;
 export declare const clearPortList: () => void;
 export declare const clearSelectedPort: () => void;
-export declare const selectedPort: (portFeature: Feature) => void;
+export declare const selectedPort: (portData?: WharfEntity) => void;
 export declare const handlePortHover: (pixel: Pixel) => void;

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

@@ -2,8 +2,30 @@ import { ShipInfoVo } from '../../interface';
 import { Feature } from 'ol';
 
 export declare const renderShipList: (shipList: ShipInfoVo[]) => void;
+/**
+ * 清除所有船只 除选中之外
+ */
 export declare const clearShipList: () => void;
+/**
+ * 船只label闪烁
+ */
 export declare const renderShipBlink: (ships: Record<string, boolean>, colors: Record<string, boolean>) => void;
+/**
+ * 显示符合条件的船只
+ * @param shipList
+ */
 export declare const filterShipShow: (shipList: ShipInfoVo[]) => void;
+/**
+ * 选中的船只
+ * @param ship
+ */
 export declare const renderShipSelected: (ship: ShipInfoVo) => void;
+/**
+ * 只渲染选中船只和选中效果
+ */
+export declare const renderShipSelectedChange: () => void;
 export declare const handleShipMapEvent: import('lodash-es').DebouncedFunc<(shipsFeature: Feature, type: string, callback?: (id: string) => void) => void>;
+/**
+ * 移除选中overlay效果船只
+ */
+export declare const removeSelectedOverlay: () => void;

package/dist/types/components/Map/function/ship/style.d.ts

@@ -6,4 +6,10 @@ import { Style } from 'ol/style';
 export declare const getShipDirectPath: (ship: ShipInfoVo) => "" | SHIP_DIRECT.left | SHIP_DIRECT.right | SHIP_DIRECT.front;
 export declare const createShipStyle: (feature: Feature) => Style;
 export declare const selectedShipStyle: (shipData: ShipInfoVo) => Overlay;
+/**
+ * 生成船只元素
+ * @param shipData
+ */
+export declare const selectedShipElement: (shipData: ShipInfoVo) => HTMLDivElement;
 export declare const createLabelStyle: (feature: Feature) => void;
+export declare const createLabelElement: (feature: Feature) => HTMLDivElement;

package/dist/types/components/Map/function/shipTrack.d.ts

@@ -2,7 +2,7 @@ import { Feature, MapBrowserEvent } from 'ol';
 import { ShipTrack } from '../interface/shipTrack';
 
 export declare const reRenderTrackLine: () => void;
-export declare const renderTrackLine: (id: string, list: ShipTrack[], color: string, unit?: number, type?: string, threshold?: number) => Promise<void>;
+export declare const renderTrackLine: (id: string, list: ShipTrack[], color: string, type?: string, threshold?: number) => Promise<void>;
 export declare const handleTrackMapEvent: (trunkFeature: Feature, type: string, event: MapBrowserEvent<PointerEvent>) => void;
 /**
  * 使用轨迹区域自动缩放地图层级
@@ -12,4 +12,8 @@ export declare const setTrackViewCenter: (id?: number | string) => void;
 export declare const playShipTrack: (id: number | string, speed: number) => void;
 export declare const removeAllTrackLayer: () => void;
 export declare const closeTrack: (clearAll?: boolean) => void;
+export declare const getTrackLength: (trackId: string, unit?: number) => {
+    id: string;
+    length: string;
+};
 export declare const stopAnimation: () => void;

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

@@ -69,17 +69,20 @@ export declare const ZhMap: {
             clear: () => void;
         };
         track: {
-            renderTrackLine: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, unit?: number, type?: string, threshold?: number) => Promise<void>;
-            handleTrackMapEvent: (trunkFeature: import('ol').Feature, type: string, event: import('ol').MapBrowserEvent<PointerEvent>) => void;
-            removeAllTrackLayer: () => void;
-            playShipTrack: (id: number | string, speed: number) => void;
-            setTrackViewCenter: (id?: number | string) => void;
-            closeTrack: (clearAll?: boolean) => void;
+            render: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, type?: string, threshold?: number) => Promise<void>;
+            remove: () => void;
+            play: (id: number | string, speed: number) => void;
+            setCenter: (id?: number | string) => void;
+            close: (clearAll?: boolean) => void;
+            getLength: (trackId: string, unit?: number) => {
+                id: string;
+                length: string;
+            };
         };
         port: {
             render: (portList: import('./interface').WharfEntity[]) => void;
             clear: () => void;
-            selected: (portFeature: import('ol').Feature) => void;
+            selected: (portData?: import('./interface').WharfEntity) => void;
         };
         drawLine: {
             open: () => void;
@@ -90,17 +93,10 @@ export declare const ZhMap: {
         };
         drawPolygon: {
             open: () => void;
-            reset: () => void;
             close: () => void;
+            reset: () => void;
         };
-        carTrack: {
-            locationTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
-            renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-            removeTruckIcon: () => void;
-            closeTruckTrack: () => void;
-            resetTrackView: (id: string | number) => void;
-            playTrack: (id: number | string, speed: number) => void;
-        };
+        carTrack: {};
         utils: {
             getCalculateExtent: () => import('ol/extent').Extent;
             convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
@@ -211,17 +207,20 @@ export declare const ZhMap: {
             clear: () => void;
         };
         track: {
-            renderTrackLine: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, unit?: number, type?: string, threshold?: number) => Promise<void>;
-            handleTrackMapEvent: (trunkFeature: import('ol').Feature, type: string, event: import('ol').MapBrowserEvent<PointerEvent>) => void;
-            removeAllTrackLayer: () => void;
-            playShipTrack: (id: number | string, speed: number) => void;
-            setTrackViewCenter: (id?: number | string) => void;
-            closeTrack: (clearAll?: boolean) => void;
+            render: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, type?: string, threshold?: number) => Promise<void>;
+            remove: () => void;
+            play: (id: number | string, speed: number) => void;
+            setCenter: (id?: number | string) => void;
+            close: (clearAll?: boolean) => void;
+            getLength: (trackId: string, unit?: number) => {
+                id: string;
+                length: string;
+            };
         };
         port: {
             render: (portList: import('./interface').WharfEntity[]) => void;
             clear: () => void;
-            selected: (portFeature: import('ol').Feature) => void;
+            selected: (portData?: import('./interface').WharfEntity) => void;
         };
         drawLine: {
             open: () => void;
@@ -232,17 +231,10 @@ export declare const ZhMap: {
         };
         drawPolygon: {
             open: () => void;
-            reset: () => void;
             close: () => void;
+            reset: () => void;
         };
-        carTrack: {
-            locationTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
-            renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-            removeTruckIcon: () => void;
-            closeTruckTrack: () => void;
-            resetTrackView: (id: string | number) => void;
-            playTrack: (id: number | string, speed: number) => void;
-        };
+        carTrack: {};
         utils: {
             getCalculateExtent: () => import('ol/extent').Extent;
             convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
@@ -350,17 +342,20 @@ export declare const ZhMap: {
         clear: () => void;
     };
     track: {
-        renderTrackLine: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, unit?: number, type?: string, threshold?: number) => Promise<void>;
-        handleTrackMapEvent: (trunkFeature: import('ol').Feature, type: string, event: import('ol').MapBrowserEvent<PointerEvent>) => void;
-        removeAllTrackLayer: () => void;
-        playShipTrack: (id: number | string, speed: number) => void;
-        setTrackViewCenter: (id?: number | string) => void;
-        closeTrack: (clearAll?: boolean) => void;
+        render: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, type?: string, threshold?: number) => Promise<void>;
+        remove: () => void;
+        play: (id: number | string, speed: number) => void;
+        setCenter: (id?: number | string) => void;
+        close: (clearAll?: boolean) => void;
+        getLength: (trackId: string, unit?: number) => {
+            id: string;
+            length: string;
+        };
     };
     port: {
         render: (portList: import('./interface').WharfEntity[]) => void;
         clear: () => void;
-        selected: (portFeature: import('ol').Feature) => void;
+        selected: (portData?: import('./interface').WharfEntity) => void;
     };
     drawLine: {
         open: () => void;
@@ -371,17 +366,10 @@ export declare const ZhMap: {
     };
     drawPolygon: {
         open: () => void;
-        reset: () => void;
         close: () => void;
+        reset: () => void;
     };
-    carTrack: {
-        locationTruck: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
-        renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-        removeTruckIcon: () => void;
-        closeTruckTrack: () => void;
-        resetTrackView: (id: string | number) => void;
-        playTrack: (id: number | string, speed: number) => void;
-    };
+    carTrack: {};
     utils: {
         getCalculateExtent: () => import('ol/extent').Extent;
         convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];

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

@@ -10,8 +10,3 @@ export declare enum LENGTH_UNIT {
     KM = 2,// km
     NM = 3
 }
-export declare const LENGTH_UNIT_LABEL: {
-    1: string;
-    2: string;
-    3: string;
-};

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/utils/track.d.ts

@@ -1 +1,43 @@
+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): any;
+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;

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

@@ -0,0 +1,42 @@
+import { LineString } from 'ol/geom';
+import { Style } from 'ol/style';
+
+/**
+ * 通过圆心和半径计算区域范围 输出为矩形
+ * @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): any;
+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;