zhihao-ui 1.2.66 → 1.3.1

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

@@ -1,146 +1,122 @@
 export declare const ZhMap: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        center: {
+            type: import('vue').PropType<import('ol/coordinate').Coordinate>;
+            default: [number, number];
+        };
         zoom: {
-            type: import('vue').PropType<number | null>;
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        layerType: {
+            type: import('vue').PropType<"vector" | "satellite">;
+            default: string;
+        };
+        showGreenLayer: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        showScale: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scaleLineUnit: {
+            type: import('vue').PropType<"metric" | "imperial" | "nautical">;
+            default: string;
+        };
+        mapMoveEnd: {
+            type: import('vue').PropType<(zoom: number) => void>;
             required: true;
+            default: () => void;
         };
-        center: {
-            type: import('vue').PropType<[number, number] | null>;
+        lineDrawEnd: {
+            type: import('vue').PropType<(line: any) => void>;
             required: true;
         };
-        vehicleMode: {
-            type: import('vue').PropType<"ship" | "truck">;
+        areaDrawEnd: {
+            type: import('vue').PropType<(area: []) => void>;
             required: true;
+            default: () => void;
         };
-        viewMode: {
-            type: import('vue').PropType<"PC" | "WxMiniprogram" | "APP" | "findShip" | "markerPosition">;
+        selectShip: {
+            type: import('vue').PropType<(id: string) => void>;
             required: true;
+            default: () => void;
         };
-        mmsi: {
-            type: import('vue').PropType<string>;
+        selectPort: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
         };
-        shipData: {
-            type: import('vue').PropType<import('./interface').ShipInfoVo>;
+    }>> & Readonly<{}>, {
+        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;
+        layer: {
+            getGreenTileVisible: () => any;
+            setGreenTileVisible: (show: boolean) => void;
+            getShowLayerType: () => "vector" | "satellite" | undefined;
+            setShowLayerType: (type: import('./interface').Props["layerType"]) => void;
         };
-        logoType: {
-            type: import('vue').PropType<number>;
+        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;
         };
-        showToolPanel: {
-            type: import('vue').PropType<boolean>;
+        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;
         };
-    }>> & Readonly<{
-        onZoomChanged?: ((...args: any[]) => any) | undefined;
-        onExtentChanged?: ((...args: any[]) => any) | undefined;
-    }>, {
-        mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
-        initMap: () => void;
-        pointRender: (mapInstance: import('ol').Map, options: {
-            color: string;
-            activeUrl?: string;
-            url?: string;
-            activeColor?: string;
-        }) => import('./render/renderPoint').PointMarkerClass;
-        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;
-        renderTrack: (mmsi: string, list: any[], color: string, threshold?: number) => void;
-        findTruck: (vehicleInfo?: import('./interface').VehicleInfo, extendHtml?: string) => Promise<void>;
-        removeTruckIcon: () => void;
-        clearAllTruck: () => void;
-        closeTrack: (clearAll?: boolean) => void;
-        closeTruckTrack: () => void;
-        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;
-        clearShipData: (clearSelect?: boolean) => void;
-        showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
-        removeAllTrackLayer: () => void;
-        switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
-        rerenderShip: () => void;
-        switchGreenDot: () => void;
-        zoomTruckIcon: () => void;
-        renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-        drawCustomContent: (id: string, centerPixel: number[], html: string, positioning?: import('ol/Overlay').Positioning, draggable?: boolean, clear?: boolean) => import('ol').Overlay | undefined;
-        removerLayer: (index: number, id: string) => void;
-        renderMarker: (lngLat: string, translate?: boolean, showText?: boolean) => void;
-        setMarkerPosition: (val: string) => void;
-        getZoomAndCenter: () => {
-            zoom: number;
-            center: any[];
-        } | null;
-        setCenter: (lonLat: number[]) => null | undefined;
-        deleteLabelFromArray: () => void;
-        drawPolygonTool: {
-            addInteraction: (callback?: Function) => void;
-            removeInteraction: () => void;
-            initFeature: (callback?: Function) => void;
+        port: {
+            render: (portList: import('./interface').WharfEntity[]) => void;
+            clear: () => void;
+            selected: (portFeature: import('ol').Feature) => void;
+        };
+        drawLine: {
+            open: () => void;
+            close: () => void;
+            deleteLine: (id: string) => void;
+            setUnit: (unitValue: string) => void;
+            getState: () => boolean;
+        };
+        drawPolygon: {
+            open: () => void;
             reset: () => void;
-            destroy: () => void;
-        };
-        setMapInstance: () => void;
-        store: {
-            showDrawLayer: () => boolean;
-        };
-        config: {
-            mapZoom: {
-                default: number;
-                min: number;
-                max: number;
-                findShipMin: number;
-                findShip: number;
-                findTruck: number;
-                shipGreenDotMax: number;
-                truckDefault: number;
-                truckStatistics: number;
-                shipModelMin: number;
-                shipModelMax: number;
-                markerPosition: number;
-            };
-            projection: {
-                data: string;
-                mercator: string;
-            };
+            close: () => 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;
         };
         utils: {
-            transform: {
-                gcj02ToWgs84: (lnglat: string) => string;
-                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;
-                    };
-                };
-                lonLatToMercator: (center: [number, number]) => number[];
-                mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
-                    lon: number;
-                    lat: number;
-                };
-                calculateBoundingBox: (coordinates: [number, number][]) => number[];
-                transform: typeof import('ol/proj').transform;
-            };
-            format: {
-                formatLength: (line: import('ol/geom').LineString, unit: number) => string;
-                convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
-                formatArea: (polygon: import('ol/geom').Polygon | import('ol/geom').Geometry, unit: number) => string | undefined;
-            };
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        zoomChanged: (...args: any[]) => void;
-        extentChanged: (...args: any[]) => void;
-    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            getCalculateExtent: () => import('ol/extent').Extent;
+            convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        center: import('ol/coordinate').Coordinate;
+        zoom: number;
+        layerType: "vector" | "satellite";
+        showGreenLayer: boolean;
+        showScale: boolean;
+        scaleLineUnit: "metric" | "imperial" | "nautical";
+        mapMoveEnd: (zoom: number) => void;
+        areaDrawEnd: (area: []) => void;
+        selectShip: (id: string) => void;
+        selectPort: (id: string) => void;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -148,292 +124,241 @@ export declare const ZhMap: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        center: {
+            type: import('vue').PropType<import('ol/coordinate').Coordinate>;
+            default: [number, number];
+        };
         zoom: {
-            type: import('vue').PropType<number | null>;
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        layerType: {
+            type: import('vue').PropType<"vector" | "satellite">;
+            default: string;
+        };
+        showGreenLayer: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        showScale: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        scaleLineUnit: {
+            type: import('vue').PropType<"metric" | "imperial" | "nautical">;
+            default: string;
+        };
+        mapMoveEnd: {
+            type: import('vue').PropType<(zoom: number) => void>;
             required: true;
+            default: () => void;
         };
-        center: {
-            type: import('vue').PropType<[number, number] | null>;
+        lineDrawEnd: {
+            type: import('vue').PropType<(line: any) => void>;
             required: true;
         };
-        vehicleMode: {
-            type: import('vue').PropType<"ship" | "truck">;
+        areaDrawEnd: {
+            type: import('vue').PropType<(area: []) => void>;
             required: true;
+            default: () => void;
         };
-        viewMode: {
-            type: import('vue').PropType<"PC" | "WxMiniprogram" | "APP" | "findShip" | "markerPosition">;
+        selectShip: {
+            type: import('vue').PropType<(id: string) => void>;
             required: true;
+            default: () => void;
         };
-        mmsi: {
-            type: import('vue').PropType<string>;
+        selectPort: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
         };
-        shipData: {
-            type: import('vue').PropType<import('./interface').ShipInfoVo>;
+    }>> & Readonly<{}>, {
+        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;
+        layer: {
+            getGreenTileVisible: () => any;
+            setGreenTileVisible: (show: boolean) => void;
+            getShowLayerType: () => "vector" | "satellite" | undefined;
+            setShowLayerType: (type: import('./interface').Props["layerType"]) => void;
         };
-        logoType: {
-            type: import('vue').PropType<number>;
+        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;
         };
-        showToolPanel: {
-            type: import('vue').PropType<boolean>;
+        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;
         };
-    }>> & Readonly<{
-        onZoomChanged?: ((...args: any[]) => any) | undefined;
-        onExtentChanged?: ((...args: any[]) => any) | undefined;
-    }>, {
-        mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
-        initMap: () => void;
-        pointRender: (mapInstance: import('ol').Map, options: {
-            color: string;
-            activeUrl?: string;
-            url?: string;
-            activeColor?: string;
-        }) => import('./render/renderPoint').PointMarkerClass;
-        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;
-        renderTrack: (mmsi: string, list: any[], color: string, threshold?: number) => void;
-        findTruck: (vehicleInfo?: import('./interface').VehicleInfo, extendHtml?: string) => Promise<void>;
-        removeTruckIcon: () => void;
-        clearAllTruck: () => void;
-        closeTrack: (clearAll?: boolean) => void;
-        closeTruckTrack: () => void;
-        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;
-        clearShipData: (clearSelect?: boolean) => void;
-        showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
-        removeAllTrackLayer: () => void;
-        switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
-        rerenderShip: () => void;
-        switchGreenDot: () => void;
-        zoomTruckIcon: () => void;
-        renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-        drawCustomContent: (id: string, centerPixel: number[], html: string, positioning?: import('ol/Overlay').Positioning, draggable?: boolean, clear?: boolean) => import('ol').Overlay | undefined;
-        removerLayer: (index: number, id: string) => void;
-        renderMarker: (lngLat: string, translate?: boolean, showText?: boolean) => void;
-        setMarkerPosition: (val: string) => void;
-        getZoomAndCenter: () => {
-            zoom: number;
-            center: any[];
-        } | null;
-        setCenter: (lonLat: number[]) => null | undefined;
-        deleteLabelFromArray: () => void;
-        drawPolygonTool: {
-            addInteraction: (callback?: Function) => void;
-            removeInteraction: () => void;
-            initFeature: (callback?: Function) => void;
+        port: {
+            render: (portList: import('./interface').WharfEntity[]) => void;
+            clear: () => void;
+            selected: (portFeature: import('ol').Feature) => void;
+        };
+        drawLine: {
+            open: () => void;
+            close: () => void;
+            deleteLine: (id: string) => void;
+            setUnit: (unitValue: string) => void;
+            getState: () => boolean;
+        };
+        drawPolygon: {
+            open: () => void;
             reset: () => void;
-            destroy: () => void;
-        };
-        setMapInstance: () => void;
-        store: {
-            showDrawLayer: () => boolean;
-        };
-        config: {
-            mapZoom: {
-                default: number;
-                min: number;
-                max: number;
-                findShipMin: number;
-                findShip: number;
-                findTruck: number;
-                shipGreenDotMax: number;
-                truckDefault: number;
-                truckStatistics: number;
-                shipModelMin: number;
-                shipModelMax: number;
-                markerPosition: number;
-            };
-            projection: {
-                data: string;
-                mercator: string;
-            };
+            close: () => 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;
         };
         utils: {
-            transform: {
-                gcj02ToWgs84: (lnglat: string) => string;
-                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;
-                    };
-                };
-                lonLatToMercator: (center: [number, number]) => number[];
-                mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
-                    lon: number;
-                    lat: number;
-                };
-                calculateBoundingBox: (coordinates: [number, number][]) => number[];
-                transform: typeof import('ol/proj').transform;
-            };
-            format: {
-                formatLength: (line: import('ol/geom').LineString, unit: number) => string;
-                convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
-                formatArea: (polygon: import('ol/geom').Polygon | import('ol/geom').Geometry, unit: number) => string | undefined;
-            };
-        };
-    }, {}, {}, {}, {}>;
+            getCalculateExtent: () => import('ol/extent').Extent;
+            convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
+        };
+    }, {}, {}, {}, {
+        center: import('ol/coordinate').Coordinate;
+        zoom: number;
+        layerType: "vector" | "satellite";
+        showGreenLayer: boolean;
+        showScale: boolean;
+        scaleLineUnit: "metric" | "imperial" | "nautical";
+        mapMoveEnd: (zoom: number) => void;
+        areaDrawEnd: (area: []) => void;
+        selectShip: (id: string) => void;
+        selectPort: (id: string) => void;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    center: {
+        type: import('vue').PropType<import('ol/coordinate').Coordinate>;
+        default: [number, number];
+    };
     zoom: {
-        type: import('vue').PropType<number | null>;
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    layerType: {
+        type: import('vue').PropType<"vector" | "satellite">;
+        default: string;
+    };
+    showGreenLayer: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    showScale: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    scaleLineUnit: {
+        type: import('vue').PropType<"metric" | "imperial" | "nautical">;
+        default: string;
+    };
+    mapMoveEnd: {
+        type: import('vue').PropType<(zoom: number) => void>;
         required: true;
+        default: () => void;
     };
-    center: {
-        type: import('vue').PropType<[number, number] | null>;
+    lineDrawEnd: {
+        type: import('vue').PropType<(line: any) => void>;
         required: true;
     };
-    vehicleMode: {
-        type: import('vue').PropType<"ship" | "truck">;
+    areaDrawEnd: {
+        type: import('vue').PropType<(area: []) => void>;
         required: true;
+        default: () => void;
     };
-    viewMode: {
-        type: import('vue').PropType<"PC" | "WxMiniprogram" | "APP" | "findShip" | "markerPosition">;
+    selectShip: {
+        type: import('vue').PropType<(id: string) => void>;
         required: true;
+        default: () => void;
     };
-    mmsi: {
-        type: import('vue').PropType<string>;
+    selectPort: {
+        type: import('vue').PropType<(id: string) => void>;
+        required: true;
+        default: () => void;
     };
-    shipData: {
-        type: import('vue').PropType<import('./interface').ShipInfoVo>;
+}>> & Readonly<{}>, {
+    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;
+    layer: {
+        getGreenTileVisible: () => any;
+        setGreenTileVisible: (show: boolean) => void;
+        getShowLayerType: () => "vector" | "satellite" | undefined;
+        setShowLayerType: (type: import('./interface').Props["layerType"]) => void;
     };
-    logoType: {
-        type: import('vue').PropType<number>;
+    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;
     };
-    showToolPanel: {
-        type: import('vue').PropType<boolean>;
+    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;
     };
-}>> & Readonly<{
-    onZoomChanged?: ((...args: any[]) => any) | undefined;
-    onExtentChanged?: ((...args: any[]) => any) | undefined;
-}>, {
-    mapInstance: import('vue').Ref<import('ol').Map | undefined, import('ol').Map | undefined>;
-    initMap: () => void;
-    pointRender: (mapInstance: import('ol').Map, options: {
-        color: string;
-        activeUrl?: string;
-        url?: string;
-        activeColor?: string;
-    }) => import('./render/renderPoint').PointMarkerClass;
-    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;
-    renderTrack: (mmsi: string, list: any[], color: string, threshold?: number) => void;
-    findTruck: (vehicleInfo?: import('./interface').VehicleInfo, extendHtml?: string) => Promise<void>;
-    removeTruckIcon: () => void;
-    clearAllTruck: () => void;
-    closeTrack: (clearAll?: boolean) => void;
-    closeTruckTrack: () => void;
-    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;
-    clearShipData: (clearSelect?: boolean) => void;
-    showTracks: import('vue').Ref<import('./interface').TrackExtend[], import('./interface').TrackExtend[]>;
-    removeAllTrackLayer: () => void;
-    switchFilterItem: (key: import('./enum').SWITCH_BTN, value: boolean) => void;
-    rerenderShip: () => void;
-    switchGreenDot: () => void;
-    zoomTruckIcon: () => void;
-    renderTruckTrack: (vclN: string, list: any[], color: string, threshold?: number) => void;
-    drawCustomContent: (id: string, centerPixel: number[], html: string, positioning?: import('ol/Overlay').Positioning, draggable?: boolean, clear?: boolean) => import('ol').Overlay | undefined;
-    removerLayer: (index: number, id: string) => void;
-    renderMarker: (lngLat: string, translate?: boolean, showText?: boolean) => void;
-    setMarkerPosition: (val: string) => void;
-    getZoomAndCenter: () => {
-        zoom: number;
-        center: any[];
-    } | null;
-    setCenter: (lonLat: number[]) => null | undefined;
-    deleteLabelFromArray: () => void;
-    drawPolygonTool: {
-        addInteraction: (callback?: Function) => void;
-        removeInteraction: () => void;
-        initFeature: (callback?: Function) => void;
-        reset: () => void;
-        destroy: () => void;
+    port: {
+        render: (portList: import('./interface').WharfEntity[]) => void;
+        clear: () => void;
+        selected: (portFeature: import('ol').Feature) => void;
     };
-    setMapInstance: () => void;
-    store: {
-        showDrawLayer: () => boolean;
+    drawLine: {
+        open: () => void;
+        close: () => void;
+        deleteLine: (id: string) => void;
+        setUnit: (unitValue: string) => void;
+        getState: () => boolean;
     };
-    config: {
-        mapZoom: {
-            default: number;
-            min: number;
-            max: number;
-            findShipMin: number;
-            findShip: number;
-            findTruck: number;
-            shipGreenDotMax: number;
-            truckDefault: number;
-            truckStatistics: number;
-            shipModelMin: number;
-            shipModelMax: number;
-            markerPosition: number;
-        };
-        projection: {
-            data: string;
-            mercator: string;
-        };
+    drawPolygon: {
+        open: () => void;
+        reset: () => void;
+        close: () => void;
     };
-    utils: {
-        transform: {
-            gcj02ToWgs84: (lnglat: string) => string;
-            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;
-                };
-            };
-            lonLatToMercator: (center: [number, number]) => number[];
-            mercatorToLonLat: (center: [number, number], type?: string) => number[] | {
-                lon: number;
-                lat: number;
-            };
-            calculateBoundingBox: (coordinates: [number, number][]) => number[];
-            transform: typeof import('ol/proj').transform;
-        };
-        format: {
-            formatLength: (line: import('ol/geom').LineString, unit: number) => string;
-            convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
-            formatArea: (polygon: import('ol/geom').Polygon | import('ol/geom').Geometry, unit: number) => string | undefined;
-        };
+    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;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    zoomChanged: (...args: any[]) => void;
-    extentChanged: (...args: any[]) => void;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        toolPanel?(_: {}): any;
+    utils: {
+        getCalculateExtent: () => import('ol/extent').Extent;
+        convertSixHundredThousandToLatLng: (valueX: number | string, valueY: number | string) => [lng: number, lat: number];
     };
-}) & import('vue').Plugin;
-export * from './config';
-export * from './types';
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    center: import('ol/coordinate').Coordinate;
+    zoom: number;
+    layerType: "vector" | "satellite";
+    showGreenLayer: boolean;
+    showScale: boolean;
+    scaleLineUnit: "metric" | "imperial" | "nautical";
+    mapMoveEnd: (zoom: number) => void;
+    areaDrawEnd: (area: []) => void;
+    selectShip: (id: string) => void;
+    selectPort: (id: string) => void;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;