zhihao-ui 1.3.11 → 1.3.12

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

@@ -1,5 +1,4 @@
-import { Extent } from 'ol/extent';
-import { Props } from './interface';
+import { Props, WharfEntity } from './interface';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     zoom: number;
@@ -13,88 +12,68 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectPort: () => void;
     areaDrawEnd: () => void;
 }>>, {
-    getInstall: () => import('ol').Map;
-    getZoom: () => number;
-    setZoom: (zoom: number) => void;
-    getView: () => import('ol').View;
-    setCenter: (lon: number, lat: number) => void;
-    getCenter: () => import('ol/coordinate').Coordinate;
+    getZoom: () => any;
+    setZoom: (zoom: number) => any;
+    getInstall: () => any;
+    getView: () => any;
+    setCenter: (lon: number, lat: number) => any;
+    getSize: () => any;
     layer: {
+        setGreenTileVisible: (show: boolean) => any;
         getGreenTileVisible: () => any;
-        setGreenTileVisible: (show: boolean) => void;
-        getShowLayerType: () => "vector" | "satellite" | undefined;
-        setShowLayerType: (type: Props["layerType"]) => void;
+        getShowLayerType: () => any;
+        setShowLayerType: (type: Props["layerType"]) => any;
     };
     ship: {
-        render: (shipList: import('./interface').ShipInfoVo[]) => void;
-        selected: (ship: import('./interface').ShipInfoVo) => void;
-        filter: (shipList: import('./interface').ShipInfoVo[]) => void;
-        blinking: (ships: Record<string, boolean>, colors: Record<string, boolean>) => void;
-        clear: () => void;
+        render: (...rest: any[]) => any;
+        selected: (...rest: any[]) => any;
+        filter: (...rest: any[]) => any;
+        blinking: (...rest: any[]) => any;
+        clear: () => any;
     };
     track: {
-        render: (id: string, list: import('./interface/shipTrack').ShipTrack[], color: string, type?: string) => Promise<void>;
-        remove: () => void;
-        play: (id: number | string, speed: number) => void;
-        setCenter: (id?: number | string) => void;
-        close: (id?: string) => void;
-        getLength: (id: string, unit?: number) => {
-            id: string;
-            length: string;
-        };
+        render: (...rest: any[]) => any;
+        remove: (...rest: any[]) => any;
+        play: (...rest: any[]) => any;
+        setCenter: (...rest: any[]) => any;
+        close: (...rest: any[]) => any;
+        getLength: (...rest: any[]) => any;
+    };
+    carTrack: {
+        location: (...rest: any[]) => any;
+        remove: (...rest: any[]) => any;
+        renderTrack: (...rest: any[]) => any;
+        setCenter: (...rest: any[]) => any;
+        closeTrack: (...rest: any[]) => any;
+        playTrack: (...rest: any[]) => any;
     };
     port: {
-        render: (portList: import('./interface').WharfEntity[]) => void;
-        clear: () => void;
-        selected: (portData?: import('./interface').WharfEntity) => void;
+        render: (portList: WharfEntity[]) => any;
+        clear: () => any;
+        selected: (portData: WharfEntity) => any;
     };
     position: {
-        render: (portList: import('./interface').LocationEntity[]) => void;
-        selected: (loactionData?: import('./interface').LocationEntity) => void;
-        clearSelected: () => void;
-        clear: () => void;
+        render: (...rest: any[]) => any;
+        selected: (...rest: any[]) => any;
+        clearSelected: (...rest: any[]) => any;
+        clear: () => any;
     };
     drawLine: {
-        open: () => void;
-        close: () => void;
-        deleteLine: (id: string) => void;
-        setUnit: (unitValue: string) => void;
-        getState: () => boolean;
+        open: () => any;
+        close: () => any;
+        deleteLine: (id: string) => any;
+        setUnit: (unitValue: string) => any;
+        getState: () => any;
     };
     drawPolygon: {
-        open: () => void;
-        close: () => void;
-        reset: () => void;
-    };
-    carTrack: {
-        location: (vehicleInfo?: import('./interface').VehicleInfo) => Promise<void>;
-        remove: () => void;
-        renderTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-        setCenter: (id: string | number) => void;
-        closeTrack: () => void;
-        playTrack: (id: number | string, speed: number) => void;
+        open: () => any;
+        close: () => any;
+        reset: () => any;
     };
     utils: {
-        getCalculateExtent: () => Extent;
-        convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
-        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;
-            };
-        };
+        getCalculateExtent: () => any;
+        convertSixHundredThousandToLatLng: () => any;
+        calculateCirclePoints: () => any;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     zoom: number;

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

@@ -1,6 +1,7 @@
 import { Units } from 'ol/control/ScaleLine';
+import { Map } from 'ol';
 
 declare const _default: import('vue').DefineComponent<{}, {
-    setScaleLine: (units: Units) => void;
+    setScaleLine: (mapInstall: Map, units: Units) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,14 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    mapInstance: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    mapInstance: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+}>> & Readonly<{}>, {
+    mapInstance: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,18 +1,11 @@
 import { VehicleInfo } from '../interface';
+import { ShipTrack } from '../interface/shipTrack';
 
-export declare const locationTruck: (vehicleInfo?: VehicleInfo) => Promise<void>;
-export declare const drawTruckIcon: (vehicleInfo: VehicleInfo, centerPixel: number[]) => void;
-export declare const renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-export declare const closeTruckTrack: () => void;
-export declare const removeTruckIcon: () => void;
-export declare const resetTrackView: (id: string | number) => void;
-export declare const playTrack: (id: number | string, speed: number) => void;
-declare const _default: {
-    locationTruck: (vehicleInfo?: VehicleInfo) => Promise<void>;
-    renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-    removeTruckIcon: () => void;
-    closeTruckTrack: () => void;
-    resetTrackView: (id: string | number) => void;
+export declare const useCarTrackManager: (mapInstance: any, trackManager: any) => {
+    location: (vehicleInfo?: VehicleInfo) => Promise<void>;
+    remove: () => void;
+    renderTrack: (vclN: string, list: ShipTrack[], color: string) => void;
+    setCenter: (id: string | number) => void;
+    closeTrack: () => void;
     playTrack: (id: number | string, speed: number) => void;
 };
-export default _default;

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

@@ -1,12 +1,12 @@
+import { Map } from 'ol';
 import { LineString } from 'ol/geom';
+import { PropsManager } from './props';
 
-export declare const setUnit: (unitValue: string) => void;
-export declare const computedDistance: (line: LineString, unit: string) => string;
-declare const _default: {
+export declare const useDrawLineManager: (mapInstance: Map, propsManager: PropsManager) => {
     open: () => void;
     close: () => void;
     deleteLine: (id: string) => void;
     setUnit: (unitValue: string) => void;
     getState: () => boolean;
 };
-export default _default;
+export declare const computedDistance: (line: LineString, unit: string) => string;

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

@@ -1,6 +1,8 @@
-declare const _default: {
+import { Map } from 'ol';
+import { PropsManager } from './props';
+
+export declare const useDrawPolygonManager: (mapInstance: Map, propsManager: PropsManager) => {
     open: () => void;
     close: () => void;
     reset: () => void;
 };
-export default _default;

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

@@ -0,0 +1,8 @@
+import { useMapInitializer } from './map';
+import { PropsManager } from './props';
+import { useTrackManager } from './shipTrack';
+import { useShipManager } from './ship';
+import { usePortManager } from './port';
+import { useDrawLineManager } from './drawLine';
+
+export declare const useEventManager: (mapManager: ReturnType<typeof useMapInitializer>, propsManager: PropsManager, trackManager: ReturnType<typeof useTrackManager>, shipManager: ReturnType<typeof useShipManager>, portManager: ReturnType<typeof usePortManager>, drawLineManager: ReturnType<typeof useDrawLineManager>) => void;

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

@@ -1,7 +1,10 @@
 import { Props } from '../interface';
+import { Map } from 'ol';
 
-export declare const getLayers: () => import('ol').Collection<import('ol/layer/Base').default>;
-export declare const getShowLayerType: () => "vector" | "satellite" | undefined;
-export declare const setShowLayerType: (type: Props["layerType"]) => void;
-export declare const getGreenTileVisible: () => any;
-export declare const setGreenTileVisible: (show: boolean) => void;
+export declare const useLayerManager: (mapInstance: Map) => {
+    getLayers: () => import('ol').Collection<import('ol/layer/Base').default>;
+    getGreenTileVisible: () => boolean;
+    setGreenTileVisible: (show: boolean) => void;
+    getShowLayerType: () => "vector" | "satellite" | undefined;
+    setShowLayerType: (type: Props["layerType"]) => void;
+};

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

@@ -2,13 +2,17 @@ import { Map, View } from 'ol';
 import { Coordinate } from 'ol/coordinate';
 import { Props } from '../interface';
 
-export declare const getInstall: () => Map;
-export declare const setInstall: (map: Map) => void;
-export declare const getView: () => View;
-export declare const getZoom: () => number;
-export declare const setZoom: (zoom: number) => void;
-export declare const setCenter: (lon: number, lat: number) => void;
-export declare const getCenter: () => Coordinate;
-export declare const getSize: () => number[];
-export declare const BASE_LAYER_MAP: Map;
-export declare const initMap: (props: Props) => void;
+/**
+ * 地图工具类
+ */
+export declare function useMapInitializer(): {
+    getInstall: () => Map;
+    getView: () => View;
+    getZoom: () => number;
+    setZoom: (zoom: number) => void;
+    setCenter: (lon: number, lat: number) => void;
+    getCenter: () => Coordinate;
+    getSize: () => number[];
+    initMap: (element: HTMLDivElement, props: Props) => void;
+    setBaseLayerMap: (props: Props) => void;
+};

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

@@ -1,9 +1,11 @@
 import { WharfEntity } from '../interface';
-import { Pixel } from 'ol/pixel';
+import { Feature } from 'ol';
+import { useMapInitializer } from './map';
 
 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: (portData?: WharfEntity) => void;
-export declare const handlePortHover: (pixel: Pixel) => void;
+export declare const usePortManager: (mapManager: ReturnType<typeof useMapInitializer>) => {
+    render: (portList: WharfEntity[]) => void;
+    clear: () => void;
+    selected: (portData?: WharfEntity) => void;
+    handlePortHover: (portFeature: Feature) => void;
+};

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

@@ -1,14 +1,8 @@
 import { LocationEntity } from '../interface';
 
-export declare const LOCATION_LAYER_CLASS_NAME = "zh-map-location-layer";
-export declare const render: (portList: LocationEntity[]) => void;
-export declare const clearList: () => void;
-export declare const clearSelected: () => void;
-export declare const selectedLocation: (loactionData?: LocationEntity) => void;
-declare const _default: {
+export declare const usePositionManager: (mapInstance: any) => {
     render: (portList: LocationEntity[]) => void;
     selected: (loactionData?: LocationEntity) => void;
     clearSelected: () => void;
     clear: () => void;
 };
-export default _default;

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

@@ -1,4 +1,7 @@
 import { Props } from '../interface';
 
-export declare const setProps: (propsValue: Props) => void;
-export declare const getProps: () => Props | undefined;
+export interface PropsManager {
+    setProps: (propsValue: Props) => void;
+    getProps: () => Props;
+}
+export declare const usePropsManager: () => PropsManager;

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

@@ -1,31 +1,11 @@
 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;
+export declare const useShipManager: (mapInstance: any) => {
+    render: (shipList: ShipInfoVo[]) => void;
+    selected: (ship: ShipInfoVo) => void;
+    filter: (shipList: ShipInfoVo[]) => void;
+    blinking: (ships: Record<string, boolean>, colors: Record<string, boolean>) => void;
+    clear: () => void;
+    handleShipMapEvent: import('lodash-es').DebouncedFunc<(shipsFeature: Feature, type: string, callback?: (id: string) => void) => void>;
+};

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

@@ -4,12 +4,44 @@ import { Feature, Overlay } from 'ol';
 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;
+type ShipType = 'ship' | 'triangle';
+export declare const createShipStyle: (mapInstance: any, feature: Feature) => Style;
+export declare const getShipType: (mapInstance: any) => ShipType;
+export declare const getShipScale: (mapInstance: any, shipData: ShipInfoVo, shipType: ShipType) => number;
+export declare const selectedShipStyle: (mapInstance: any, shipData: ShipInfoVo) => Overlay;
 /**
  * 生成船只元素
  * @param shipData
  */
-export declare const selectedShipElement: (shipData: ShipInfoVo) => HTMLDivElement;
-export declare const createLabelStyle: (feature: Feature) => void;
+export declare const selectedShipElement: (mapInstance: any, shipData: ShipInfoVo) => HTMLDivElement;
+export declare const createLabelStyle: (mapInstance: any, feature: Feature) => void;
 export declare const createLabelElement: (feature: Feature) => HTMLDivElement;
+export declare const getRightIcons: (ship: ShipInfoVo) => string[];
+export declare const createLabelFeatureStyle: (feature: Feature) => Style[];
+export declare const ICON_CACHE: {
+    triangle: {
+        '#D9001C': {
+            left: string;
+            right: string;
+            front: string;
+        };
+        '#04C900': {
+            left: string;
+            right: string;
+            front: string;
+        };
+    };
+    ship: {
+        '#D9001C': {
+            left: string;
+            right: string;
+            front: string;
+        };
+        '#04C900': {
+            left: string;
+            right: string;
+            front: string;
+        };
+    };
+};
+export {};

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

@@ -1,41 +1,16 @@
 import { Feature, MapBrowserEvent } from 'ol';
 import { ShipTrack } from '../interface/shipTrack';
 
-export declare const reRenderTrackLine: import('lodash-es').DebouncedFunc<() => void>;
-export declare const renderTrackLine: (id: string, list: ShipTrack[], color: string, type?: string) => Promise<void>;
-/**
- * 悬浮框显示事件
- * @param trunkFeature
- * @param type
- * @param event
- */
-export declare const handleTrackMapEvent: (trunkFeature: Feature, type: string, event: MapBrowserEvent<PointerEvent>) => void;
-/**
- * 设置轨迹居中
- * @param id
- */
-export declare const setTrackViewCenter: (id?: number | string) => void;
-/**
- * 移除全部已渲染的轨迹
- */
-export declare const removeAllTrackLayer: () => void;
-/**
- * 关闭id轨迹线
- * @param id
- */
-export declare const closeTrack: (id?: string) => void;
-/**
- * 获取轨迹线长度
- * @param trackId
- * @param unit
- * @returns
- */
-export declare const getTrackLength: (id: string, unit?: number) => {
-    id: string;
-    length: string;
+export declare const useTrackManager: (mapInstance: any) => {
+    render: (id: string, list: ShipTrack[], color: string, type?: string | undefined, threshold?: number) => Promise<void>;
+    remove: () => void;
+    play: (id: number | string, speed: number) => void;
+    setCenter: (id?: number | string) => void;
+    close: (id?: string) => void;
+    getLength: (id: string, unit?: number) => {
+        id: string;
+        length: string;
+    };
+    handleTrackMapEvent: (trunkFeature: Feature | undefined, type: string, event: MapBrowserEvent<PointerEvent>) => void;
+    reRenderTrackLine: import('lodash-es').DebouncedFunc<() => void>;
 };
-export declare const playShipTrack: (id: number | string, speed: number) => void;
-export declare const stopAnimation: () => void;
-/**
- * 动画相关
- */