zhihao-ui 1.3.3 → 1.3.4

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

@@ -0,0 +1,126 @@
+import { Extent } from 'ol/extent';
+import { Props } from './interface';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    zoom: number;
+    center: [number, number];
+    showGreenLayer: boolean;
+    layerType: string;
+    showScale: boolean;
+    scaleLineUnit: string;
+    mapMoveEnd: () => void;
+    selectShip: () => void;
+    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;
+    layer: {
+        getGreenTileVisible: () => any;
+        setGreenTileVisible: (show: boolean) => void;
+        getShowLayerType: () => "vector" | "satellite" | undefined;
+        setShowLayerType: (type: Props["layerType"]) => void;
+    };
+    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;
+    };
+    track: {
+        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: (portData?: import('./interface').WharfEntity) => void;
+    };
+    drawLine: {
+        open: () => void;
+        close: () => void;
+        deleteLine: (id: string) => void;
+        setUnit: (unitValue: string) => void;
+        getState: () => boolean;
+    };
+    drawPolygon: {
+        open: () => void;
+        close: () => void;
+        reset: () => void;
+    };
+    carTrack: {};
+    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;
+            };
+        };
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    zoom: number;
+    center: [number, number];
+    showGreenLayer: boolean;
+    layerType: string;
+    showScale: boolean;
+    scaleLineUnit: string;
+    mapMoveEnd: () => void;
+    selectShip: () => void;
+    selectPort: () => void;
+    areaDrawEnd: () => void;
+}>>> & Readonly<{}>, {
+    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').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,13 +1,8 @@
 import { Feature, MapBrowserEvent } from 'ol';
 import { ShipTrack } from '../interface/shipTrack';
 
-interface TrackExtend {
-    id: string;
-    mmsi?: string;
-    length: string;
-}
 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;
 /**
  * 使用轨迹区域自动缩放地图层级
@@ -17,6 +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 getShowTracks: () => TrackExtend[];
+export declare const getTrackLength: (trackId: string, unit?: number) => {
+    id: string;
+    length: string;
+};
 export declare const stopAnimation: () => void;
-export {};

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

@@ -0,0 +1,406 @@
+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>;
+            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;
+        };
+        lineDrawEnd: {
+            type: import('vue').PropType<(line: any) => void>;
+            required: true;
+        };
+        areaDrawEnd: {
+            type: import('vue').PropType<(area: []) => void>;
+            required: true;
+            default: () => void;
+        };
+        selectShip: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
+        };
+        selectPort: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
+        };
+    }>> & 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;
+        };
+        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;
+        };
+        track: {
+            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: (portData?: import('./interface').WharfEntity) => void;
+        };
+        drawLine: {
+            open: () => void;
+            close: () => void;
+            deleteLine: (id: string) => void;
+            setUnit: (unitValue: string) => void;
+            getState: () => boolean;
+        };
+        drawPolygon: {
+            open: () => void;
+            close: () => void;
+            reset: () => void;
+        };
+        carTrack: {};
+        utils: {
+            getCalculateExtent: () => import('ol/extent').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;
+                };
+            };
+        };
+    }, {}, {}, {}, 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: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        center: {
+            type: import('vue').PropType<import('ol/coordinate').Coordinate>;
+            default: [number, number];
+        };
+        zoom: {
+            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;
+        };
+        lineDrawEnd: {
+            type: import('vue').PropType<(line: any) => void>;
+            required: true;
+        };
+        areaDrawEnd: {
+            type: import('vue').PropType<(area: []) => void>;
+            required: true;
+            default: () => void;
+        };
+        selectShip: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
+        };
+        selectPort: {
+            type: import('vue').PropType<(id: string) => void>;
+            required: true;
+            default: () => void;
+        };
+    }>> & 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;
+        };
+        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;
+        };
+        track: {
+            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: (portData?: import('./interface').WharfEntity) => void;
+        };
+        drawLine: {
+            open: () => void;
+            close: () => void;
+            deleteLine: (id: string) => void;
+            setUnit: (unitValue: string) => void;
+            getState: () => boolean;
+        };
+        drawPolygon: {
+            open: () => void;
+            close: () => void;
+            reset: () => void;
+        };
+        carTrack: {};
+        utils: {
+            getCalculateExtent: () => import('ol/extent').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;
+                };
+            };
+        };
+    }, {}, {}, {}, {
+        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>;
+        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;
+    };
+    lineDrawEnd: {
+        type: import('vue').PropType<(line: any) => void>;
+        required: true;
+    };
+    areaDrawEnd: {
+        type: import('vue').PropType<(area: []) => void>;
+        required: true;
+        default: () => void;
+    };
+    selectShip: {
+        type: import('vue').PropType<(id: string) => void>;
+        required: true;
+        default: () => void;
+    };
+    selectPort: {
+        type: import('vue').PropType<(id: string) => void>;
+        required: true;
+        default: () => void;
+    };
+}>> & 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;
+    };
+    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;
+    };
+    track: {
+        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: (portData?: import('./interface').WharfEntity) => void;
+    };
+    drawLine: {
+        open: () => void;
+        close: () => void;
+        deleteLine: (id: string) => void;
+        setUnit: (unitValue: string) => void;
+        getState: () => boolean;
+    };
+    drawPolygon: {
+        open: () => void;
+        close: () => void;
+        reset: () => void;
+    };
+    carTrack: {};
+    utils: {
+        getCalculateExtent: () => import('ol/extent').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;
+            };
+        };
+    };
+}, {}, {}, {}, 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;

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;