@heycar/heycars-map 0.1.8 → 0.2.0

package/dist/hooks/useMapLoader.d.ts

@@ -0,0 +1,67 @@
+import { load as loadAmap } from "@amap/amap-jsapi-loader";
+import { LoaderOptions } from "@googlemaps/js-api-loader";
+import { Ref } from "vue-demi";
+import type { VueNode } from "../types/helper";
+export declare const DEFAULT_AMAP_PLUGINS: AmapLoaderProps["plugins"];
+export declare const DEFAULT_GMAP_LIBRARIES: LoaderOptions["libraries"];
+export declare enum Status {
+    LOADING = "LOADING",
+    FAILURE = "FAILURE",
+    SUCCESS = "SUCCESS"
+}
+type AMapLoaderOptions = Parameters<typeof loadAmap>[0];
+declare global {
+    interface Window {
+        _AMapSecurityConfig: {
+            securityJsCode?: string;
+            serviceHost?: string;
+        };
+    }
+}
+export interface AmapLoaderProps extends Pick<GmapLoaderProps, "fallback" | "loading" | "onChange">, Omit<AMapLoaderOptions, "key" | "version" | "plugins"> {
+    apiKey: string;
+    apiSecret?: string;
+    apiServiceHost?: string;
+    version?: string;
+    plugins?: `AMap.${AMap.PluginName}`[];
+}
+export declare const useAmapLoader: (props: AmapLoaderProps) => {
+    statusRef: import("vue-demi").ShallowRef<Status>;
+    readyPromise: Promise<undefined>;
+};
+export interface GmapLoaderProps extends LoaderOptions {
+    /**
+     * Render prop used to switch to loading component.
+     */
+    loading?: () => VueNode;
+    /**
+     * Render prop used to switch to error fallback component.
+     */
+    fallback?: () => VueNode;
+    /**
+     * Callback prop used to access `@googlemaps/js-api-loader` and `Status`.
+     *
+     * Note: The callback be executed multiple times in the lifecycle of the component.
+     */
+    onChange?: (status: Status) => void;
+}
+export declare const useGmapLoader: (props: GmapLoaderProps) => {
+    statusRef: import("vue-demi").ShallowRef<Status>;
+    readyPromise: Promise<undefined>;
+};
+export type MapSupplier = "gmap" | "amap";
+export interface UseMapLoaderOutput {
+    statusRef: Ref<Status>;
+    readyPromise: Promise<undefined>;
+}
+export interface UseMapLoaderProps {
+    gmapKey: string;
+    amapKey: string;
+    amapSecret?: string;
+    amapServiceHost?: string;
+    supplier: MapSupplier;
+    language?: "en" | "zh";
+    onChange?: (status: Status) => any;
+}
+export declare const useMapLoader: (props: UseMapLoaderProps) => UseMapLoaderOutput;
+export {};

package/dist/hooks/useMapPlace.d.ts

@@ -1,12 +1,10 @@
-/// <reference types="google.maps" />
 import { Ref } from "vue-demi";
-import type { MapShallowRef, Place, Point } from "../types/interface";
-export interface UseMapPlaceProps<M = AMap.Map | google.maps.Map> {
+import type { Place, Point } from "../types/interface";
+export interface UseMapPlaceProps {
     pointRef: Ref<Point>;
-    mapRef: MapShallowRef<M>;
     onChange?: (value: Place) => any;
 }
-export declare const useAmapPlace: (props: UseMapPlaceProps<AMap.Map>) => {
+export declare const useAmapPlace: (props: UseMapPlaceProps) => {
     place: {
         lng: number;
         lat: number;
@@ -15,7 +13,7 @@ export declare const useAmapPlace: (props: UseMapPlaceProps<AMap.Map>) => {
     };
     updatePlace: () => void;
 };
-export declare const useGmapPlace: (props: UseMapPlaceProps<google.maps.Map>) => {
+export declare const useGmapPlace: (props: UseMapPlaceProps) => {
     place: {
         lng: number;
         lat: number;