@heycar/heycars-map 1.0.0-coordinate7 → 2.0.0-switchMap2

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.js

@@ -3,42 +3,52 @@ import { ref, watch } from "vue-demi";
 import { apiGetAuxiliaryGrapStatus } from "../../api/browser.js";
 import { setGlobalGoogleSnapRoadProxyUrl } from "../../api/googleSnapRoad.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useGeoLocation } from "../../hooks/useGeoLocation.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
 import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
-import { defineLagecySetup } from "../../types/helper.js";
+import { useMapFitView } from "../../hooks/useMapFitView.js";
+import { useMapSupplier } from "../../hooks/useMapSupplier.js";
+import { defineSetup, defineLagecySetup } from "../../types/helper.js";
 import { assertNotEmptyArray } from "../../utils/helper.js";
-import { place2point, combineHandler, pipeDefer, lnglat2point } from "../../utils/transform.js";
+import { place2point, pipeDefer, lnglat2point } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinateTrackPoint } from "../../utils/typeChecking.js";
 import { AuxiliaryGraspRoad } from "../AuxiliaryGraspRoad/AuxiliaryGraspRoad.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
 import { SectionDispatching, SectionConfirmed, SectionDriverStartService, SectionBookDispatched, SectionInService, SectionDriverArrived, SectionCanceled, SectionEndService } from "./BusinessTaxiServiceSection.js";
 const STATUS_NEED_CAR_POSITION = ["book-driverStartService", "dispatched", "driverStartService", "inService", "driverArrived"];
+const BUSINESS_TAXI_SERVICE_FITVIEW_PANDING = [19, 36, 19, 26];
 const IS_ENABLE_AUXILIARY_GRASP_ROAD = apiGetAuxiliaryGrapStatus();
-const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", function(props, {
-  attrs,
-  emit
+const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", function(props, {
+  attrs
 }) {
   const {
     interval,
     disablePassenger,
-    registerOverlay,
-    mapRef: outerSetMap,
+    mapContext,
     getDriverPositionTrack,
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
   setGlobalGoogleSnapRoadProxyUrl(props.googleSnapRoadProxyUrl);
+  const {
+    mapRef,
+    setMap,
+    mapElementRef
+  } = useHeycarMap();
   const {
     unCoordinatifyPlace,
     unCoordinatifyTrackPoint
   } = useMapCoordinatify();
-  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
-    setMap,
-    mapElementRef
-  } = useHeycarMap();
+    registerFitVeiw: registerOverlay,
+    setFitView
+  } = useMapFitView({
+    mapRef,
+    padding: BUSINESS_TAXI_SERVICE_FITVIEW_PANDING
+  });
+  mapContext.setFitView = () => setFitView(false);
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
     geoLoading,
     geoPosition,
@@ -49,9 +59,6 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
   const carPositionRef = ref();
   const carAngleRef = ref();
   const carTrackPositionsRef = ref([]);
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
   watch(() => props.driverStatus, (status, _, onCleanup) => {
     if (!STATUS_NEED_CAR_POSITION.includes(status))
       return;
@@ -94,7 +101,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
       "attrs": {
         "center": place2point(from),
         "zoom": 13,
-        "mapRef": combineHandler(outerSetMap, setMap),
+        "mapRef": setMap,
         "touchEnable": touchEnable
       },
       "on": {
@@ -212,7 +219,24 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
       }
     })]);
   };
-}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "googleSnapRoadProxyUrl", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapRef", "renderInServiceTitle", "renderStartSerivceTitle", "to", "registerOverlay"]);
+});
+const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", function(props, {
+  attrs
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessTaxiServiceMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    key: `${payload.supplier}${instanceNo}`
+  });
+}).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "googleSnapRoadProxyUrl", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
 export {
-  BusinessTaxiServiceMap
+  BusinessTaxiServiceMap,
+  BusinessTaxiServiceMapInner
 };

package/dist/v2/business-components/BusinessTaxiServiceMap/index.js

@@ -1,4 +1,5 @@
-import { BusinessTaxiServiceMap } from "./BusinessTaxiServiceMap.js";
+import { BusinessTaxiServiceMap, BusinessTaxiServiceMapInner } from "./BusinessTaxiServiceMap.js";
 export {
-  BusinessTaxiServiceMap
+  BusinessTaxiServiceMap,
+  BusinessTaxiServiceMapInner
 };

package/dist/v2/chunks/{BusinessRecomendPlaceMap.87ea3b2f.js → BusinessRecomendPlaceMap.5be4fdcf.js}

@@ -3,21 +3,22 @@ import { computed, watch, watchEffect } from "vue-demi";
 import { apiSaveCenterPlaceToCache } from "../api/browser.js";
 import { apiMemoryShouldSkipByKey } from "../api/memory.js";
 import { HeycarMap } from "../components/MapProvider/MapProvider.js";
+import { createElement } from "../demi-polyfill/demi-polyfill.js";
 import { useGeoLocation } from "../hooks/useGeoLocation.js";
-import { useGoogleConnection } from "../hooks/useGoogleConnection.js";
 import { useHeycarMap } from "../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../hooks/useMapCoordinatify.js";
 import { useMapDrag } from "../hooks/useMapDrag.js";
+import { useMapGeometry } from "../hooks/useMapGeometry.js";
 import { useMapRecomendPlace } from "../hooks/useMapRecomendPlace.js";
 import { useMapSupplier } from "../hooks/useMapSupplier.js";
 import { useMapZoom } from "../hooks/useMapZoom.js";
-import { defineLagecySetup } from "../types/helper.js";
+import { defineSetup, defineLagecySetup } from "../types/helper.js";
 import { CenterPlaceStatus } from "../types/interface.js";
-import { watchPostEffectOnce } from "../utils/compare.js";
+import { watchPostEffectOnce, generateCreateElementV2PropsOn } from "../utils/compare.js";
 import { equalAssign, isPlacesInclude } from "../utils/helper.js";
 import { detectBrowserPlatform } from "../utils/platform.js";
 import { place2point, isPlaceEqual, pipeOnlyLastEffect, isZoneEqual, geoPositionError2businessTimeout } from "../utils/transform.js";
-import { toCoordinateRecommendZonePlacesType, toCoordinatePlaceType } from "../utils/typeChecking.js";
+import { toCoordinatePointType, toCoordinateRecommendZonePlacesType, toCoordinatePlaceType } from "../utils/typeChecking.js";
 import { AbsoluteAddressBox } from "../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import { DeviceOrientation } from "../business-components/DeviceOrientation/DeviceOrientation.js";
 import { GreenZone } from "../business-components/GreenZone/GreenZone.js";
@@ -271,7 +272,7 @@ const EMPTY_PLACE = {
   name: "",
   displayName: ""
 };
-const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", function(props, {
+const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner", function(props, {
   emit,
   slots,
   attrs
@@ -287,6 +288,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
   } = props;
   const {
     coordinatifyPoint,
+    unCoordinatifyPoint,
     coordinatifyPlace,
     unCoordinatifyPlace,
     unCoordinatifyRecommendZonePlaces,
@@ -295,6 +297,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
   } = useMapCoordinatify();
   const pipedGetAvailable = getAvailable && pipeOnlyLastEffect((p) => getAvailable(coordinatifyPlace(p)));
   const pipedGetRecomendPlace = pipeOnlyLastEffect((p) => getRecomendPlace(coordinatifyPlace(p)).then((r) => r && unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(r))));
+  const {
+    apiMapDistance
+  } = useMapGeometry();
   const {
     mapRef,
     mapElementRef,
@@ -413,9 +418,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       emitGeoErrorOnce(error);
     }
   });
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
+  mapContext.apiMapDistance = (from, to) => {
+    return apiMapDistance(unCoordinatifyPoint(toCoordinatePointType(from)), unCoordinatifyPoint(toCoordinatePointType(to)));
+  };
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
   mapContext.panToGeoPositionByRecomend = () => {
@@ -495,22 +500,19 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     if (!isFirstLoad)
       updateRecommendPlaceOnlyInZone(defaultCenterPlace);
   });
-  watch(centerPlace, () => {
+  watch(centerPlace, (place) => {
     if (centerPlaceStatusRef.value === CenterPlaceStatus.OK) {
       apiSaveCenterPlaceToCache(coordinatifyPlace({
-        ...centerPlace
+        ...place
       }));
     }
-    mapContext.onChangeCenterPlace(coordinatifyPlace({
-      ...centerPlace
+    equalAssign(mapContext.centerPlace, coordinatifyPlace({
+      ...place
     }));
   }, {
     deep: true,
     flush: "post"
   });
-  watchEffect(() => {
-    mapContext.onChangeRecomendPlaces(placeCandidates.value.map(coordinatifyPlace));
-  });
   watchEffect(() => {
     mapContext.centerPlaceStatusRef.value = centerPlaceStatusRef.value;
   });
@@ -579,6 +581,26 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       }
     })]);
   };
+});
+const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", function(props, {
+  slots,
+  attrs,
+  emit
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessRecomendPlaceMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    scopedSlots: slots,
+    key: `${payload.supplier}${instanceNo}`,
+    on: generateCreateElementV2PropsOn(props, emit, ["loadGeoLocation", "loadDefaultGeoLocation", "changeByDrag", "changeGeoLocation", "changePlace", "changeRecomandPlace", "geoError", "geoErrorOnce", "clickLocatorText", "clickLocatorPhoto"])
+  });
 }).props(["log", "geoLoadingTitle", "emptyTitle", "queryingTitle", "defaultCenterPlace", "geoErrorOnceNotificationKey", "unavailableTitle", "recomendDescription", "disableLocator", "fallback", "getRecomendPlace", "getAvailable", "renderPlacePhoto", "renderPlaceTag", "loading", "mapContext"]);
 export {
   BusinessRecomendPlaceMap as B,
@@ -591,5 +613,6 @@ export {
   RECOMMEND_PLACE_ICON_ZOOM_MIN as c,
   RECOMMEND_PLACE_ZONE_TEXT_MIN as d,
   RECOMMEND_PLACE_TEXT_ZOOM_MIN as e,
+  BusinessRecomendPlaceMapInner as f,
   memoize as m
 };

package/dist/v2/chunks/{Loading.fc6e75d0.js → Loading.da68a2a6.js}

@@ -1,11 +1,17 @@
-import "../css/Loading-523061b9.css";
+import "../css/Loading-0e058b68.css";
 import { h } from "vue";
+import { ICON_LOAD_FAILED_URL } from "../api/cdn.js";
 import { AbsoluteAddressBox } from "../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import { defineSetup } from "../types/helper.js";
 const imgGrid = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg1IiBoZWlnaHQ9IjgxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNEOERCRTIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWRhc2hhcnJheT0iMSI+PHBhdGggZD0iTS41IDgxN1YwTTI0LjUgODE3VjBNNDguNSA4MTdWME03Mi41IDgxN1YwTTk2LjUgODE3VjBNMTIwLjUgODE3VjBNMTQ0LjUgODE3VjBNMTY4LjUgODE3VjBNMTkyLjUgODE3VjBNMjE2LjUgODE3VjBNMjQwLjUgODE3VjBNMjY0LjUgODE3VjBNMjg4LjUgODE3VjBNMzEyLjUgODE3VjBNMzM2LjUgODE3VjBNMzYwLjUgODE3VjBNMzg0LjUgODE3VjBNMCAuNWgzODVNMCAyNC41aDM4NU0wIDQ4LjVoMzg1TTAgNzIuNWgzODVNMCA5Ni41aDM4NU0wIDEyMC41aDM4NU0wIDE0NC41aDM4NU0wIDE2OC41aDM4NU0wIDE5Mi41aDM4NU0wIDIxNi41aDM4NU0wIDI0MC41aDM4NU0wIDI2NC41aDM4NU0wIDI4OC41aDM4NU0wIDMxMi41aDM4NU0wIDMzNi41aDM4NU0wIDM2MC41aDM4NU0wIDM4NC41aDM4NU0wIDQwOC41aDM4NU0wIDQzMi41aDM4NU0wIDQ1Ni41aDM4NU0wIDQ4MC41aDM4NU0wIDUwNC41aDM4NU0wIDUyOC41aDM4NU0wIDU1Mi41aDM4NU0wIDU3Ni41aDM4NU0wIDYwMC41aDM4NU0wIDYyNC41aDM4NU0wIDY0OC41aDM4NU0wIDY3Mi41aDM4NU0wIDY5Ni41aDM4NU0wIDcyMC41aDM4NU0wIDc0NC41aDM4NU0wIDc2OC41aDM4NU0wIDc5Mi41aDM4NU0wIDgxNi41aDM4NSIvPjwvZz48L3N2Zz4=";
 const Loading_css_ts_vanilla = "";
+var description = "_17ify496";
+var iconLayout = "_17ify492";
+var iconLoadFailed = "_17ify493";
 var loadingBg = "_17ify491";
 var loadingLayout = "_17ify490";
+var textLayout = "_17ify494";
+var title = "_17ify495";
 const Loading = defineSetup("Loading", function() {
   return () => h("div", {
     "class": loadingLayout
@@ -21,7 +27,31 @@ const Loading = defineSetup("Loading", function() {
     }
   })]);
 });
+const LoadFailed = defineSetup("LoadFailed", function(props) {
+  return () => h("div", {
+    "class": loadingLayout
+  }, [h("img", {
+    "class": loadingBg,
+    "attrs": {
+      "src": imgGrid
+    }
+  }), h("div", {
+    "class": iconLayout
+  }, [h("img", {
+    "class": iconLoadFailed,
+    "attrs": {
+      "src": ICON_LOAD_FAILED_URL
+    }
+  }), h("div", {
+    "class": textLayout
+  }, [h("span", {
+    "class": title
+  }, [props.title]), h("span", {
+    "class": description
+  }, [props.description])])])]);
+});
 export {
   Loading as L,
+  LoadFailed as a,
   imgGrid as i
 };

package/dist/v2/chunks/throttle.8bdd8d3b.js

@@ -0,0 +1,20 @@
+import { i as isObject, d as debounce } from "./debounce.5afe7867.js";
+var FUNC_ERROR_TEXT = "Expected a function";
+function throttle(func, wait, options) {
+  var leading = true, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (isObject(options)) {
+    leading = "leading" in options ? !!options.leading : leading;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    "leading": leading,
+    "maxWait": wait,
+    "trailing": trailing
+  });
+}
+export {
+  throttle as t
+};

package/dist/v2/components/AmapMarker/AmapMarker.js

@@ -11,7 +11,8 @@ const AmapMarker = defineSetup("AmapMarker", function(props, { emit }) {
   const mapRef = useAmap();
   onMounted(() => {
     referenceCount.add();
-    markerRef.value = new AMap.Marker({ ...props });
+    const { registerOverlay: registerOverlay2, onClick, ...option } = props;
+    markerRef.value = new AMap.Marker({ ...option });
   });
   useMapOverlay({ registerOverlay, overlayRef: markerRef });
   onUnmounted(() => {

package/dist/v2/components/GmapAdvancedMarkerElement/GmapAdvancedMarkerElement.js

@@ -11,7 +11,7 @@ const GmapAdvancedMarkerElement = defineSetup(
     const mapRef = useGmap();
     const handleGmpClick = (name) => emit(name, { target: markerRef.value });
     onMounted(() => {
-      const { registerOverlay: registerOverlay2, ...markerViewProps } = props;
+      const { registerOverlay: registerOverlay2, onClick, ...markerViewProps } = props;
       markerRef.value = new google.maps.marker.AdvancedMarkerElement({ ...markerViewProps });
     });
     onUnmounted(() => {

package/dist/v2/components/Loading/Loading.css.d.ts

@@ -1,2 +1,7 @@
 export declare const loadingLayout: string;
 export declare const loadingBg: string;
+export declare const iconLayout: string;
+export declare const iconLoadFailed: string;
+export declare const textLayout: string;
+export declare const title: string;
+export declare const description: string;

package/dist/v2/components/Loading/Loading.d.ts

@@ -1 +1,7 @@
 export declare const Loading: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<unknown>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown>;
+interface LoadFailedProps {
+    title?: string;
+    description?: string;
+}
+export declare const LoadFailed: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<LoadFailedProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<LoadFailedProps, Required<LoadFailedProps>>, never, LoadFailedProps>;
+export {};

package/dist/v2/components/Loading/Loading.js

@@ -1,7 +1,9 @@
 import "vue";
-import { L } from "../../chunks/Loading.fc6e75d0.js";
+import "../../api/cdn.js";
+import { a, L } from "../../chunks/Loading.da68a2a6.js";
 import "../../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import "../../types/helper.js";
 export {
+  a as LoadFailed,
   L as Loading
 };

package/dist/v2/components/Loading/index.js

@@ -1,4 +1,5 @@
-import { L } from "../../chunks/Loading.fc6e75d0.js";
+import { a, L } from "../../chunks/Loading.da68a2a6.js";
 export {
+  a as LoadFailed,
   L as Loading
 };

package/dist/v2/components/MapProvider/MapProvider.d.ts

@@ -5,8 +5,8 @@ import { type GmapLoaderProps, type UseMapLoaderProps } from "../../hooks/useMap
 import { type MapSupplierPayolad } from "../../hooks/useMapSupplier";
 import type { AmapMap } from "../../types/interface";
 import { type AmapProps } from "../Amap";
-export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId">;
-export declare const MapProvider: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<MapProviderProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<MapProviderProps, Required<MapProviderProps>>, "change", MapProviderProps>;
+export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
+export declare const MapProvider: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<MapProviderProps>, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").Empty, import("../../types/helper").EmitByProps<MapProviderProps, Required<MapProviderProps>>, "success" | "fail", MapProviderProps>;
 export interface HeycarMapProps extends Pick<GmapLoaderProps, "fallback" | "loading">, Pick<AmapProps, "center" | "zoom"> {
     mapRef?: SetMap<AmapMap> | SetMap<google.maps.Map>;
     outerArea?: () => VueNode;

package/dist/v2/components/MapProvider/MapProvider.js

@@ -1,6 +1,6 @@
 import "../../css/MapProvider-156bfd53.css";
 import { h } from "vue";
-import { L as Loading, i as imgGrid } from "../../chunks/Loading.fc6e75d0.js";
+import { L as Loading, a as LoadFailed, i as imgGrid } from "../../chunks/Loading.da68a2a6.js";
 import { useMapLoader, Status } from "../../hooks/useMapLoader.js";
 import { provideMapSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";
@@ -21,16 +21,13 @@ if (detectWebGL() === WEBGL_STATUS.ENABLED) {
 const MapProvider = defineLagecySetup("MapProvider", function(props, {
   slots
 }) {
-  const {
-    statusRef,
-    readyPromise
-  } = useMapLoader(props);
+  const payload = useMapLoader(props);
   const context = new Proxy(props, {
     get(target, name, receiver) {
       if (name === "status")
-        return statusRef.value;
+        return payload.statusRef.value;
       if (name === "readyPromise")
-        return readyPromise;
+        return payload.readyPromise;
       return Reflect.get(target, name, receiver);
     }
   });
@@ -39,7 +36,7 @@ const MapProvider = defineLagecySetup("MapProvider", function(props, {
     var _a;
     return h("div", [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
   };
-}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language"]);
+}).props(["amapKey", "amapSecret", "amapServiceHost", "gmapId", "gmapRasterId", "gmapKey", "supplier", "language", "renderLoadFailedTitle", "renderLoadFailedDescription"]);
 const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   slots,
   emit,
@@ -82,10 +79,21 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
       touchEnable = true,
       touchZoomCenter
     } = props;
-    if (status === Status.LOADING)
-      return (_b = (_a = slots.loading) == null ? void 0 : _a.call(slots)) != null ? _b : h(Loading);
-    if (status === Status.FAILURE)
-      return (_d = (_c = slots.fallback) == null ? void 0 : _c.call(slots)) != null ? _d : h(Loading);
+    if (status === Status.LOADING) {
+      const node = (_a = slots.loading) == null ? void 0 : _a.call(slots);
+      return node ? h("div", [node]) : h(Loading);
+    }
+    if (status === Status.FAILURE || status === Status.TIMEOUT) {
+      const node = (_b = slots.fallback) == null ? void 0 : _b.call(slots);
+      const title = (_c = payload.renderLoadFailedTitle) == null ? void 0 : _c.call(payload, status);
+      const description = (_d = payload.renderLoadFailedDescription) == null ? void 0 : _d.call(payload, status);
+      return node ? h("div", [node]) : h(LoadFailed, {
+        "attrs": {
+          "title": title,
+          "description": description
+        }
+      });
+    }
     const children = (_e = slots.default) == null ? void 0 : _e.call(slots);
     const outArea = (_f = slots.outerArea) == null ? void 0 : _f.call(slots);
     const mapId = patchGmapIdForAlipayCompatible({

package/dist/v2/css/Loading-0e058b68.css

@@ -0,0 +1,51 @@
+._17ify490 {
+  position: relative;
+  background-color: #EDF1F5;
+}
+._17ify491 {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+._17ify492 {
+  position: absolute;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: fit-content;
+  height: fit-content;
+}
+._17ify493 {
+  width: 40.8vw;
+  height: 24.53vw;
+}
+._17ify494 {
+  position: absolute;
+  top: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: max-content;
+  left: 50%;
+  transform: translate(-50%, 0);
+}
+._17ify495 {
+  margin-top: 1.6vw;
+  font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
+  font-weight: 500;
+  font-size: 4vw;
+  color: #1E1E1E;
+  line-height: 6.4vw;
+}
+._17ify496 {
+  margin-top: 1.6vw;
+  font-family: var(--HEYCAR_MAP_CSS_VAR_FONT_REGULAR);
+  font-weight: 400;
+  font-size: 3.73vw;
+  color: #999BA1;
+  line-height: 6.4vw;
+  white-space: pre-line;
+  text-align: center;
+}

package/dist/v2/demi-polyfill/demi-polyfill.d.ts

@@ -6,6 +6,7 @@ import type { Slot as Slot_V2 } from "vue2/types/v3-setup-context";
 import type { ScopedSlot as ScopedSlot_V2 } from "vue2/types/vnode";
 import type { DefineComponent as DefineComponent_V3, HTMLAttributes as HTMLAttributes_V3, ImgHTMLAttributes as ImgHTMLAttributes_V3, Ref as Ref_V3, Slot as Slot_V3, StyleValue as StyleValue_V3, VNodeArrayChildren as VNodeArrayChildren_V3, VNodeChild as VNodeChild_V3, VNode as VNode_V3, WatchOptions as WatchOptions_V3 } from "vue3";
 export * from "vue-demi";
+export type { StyleValue_V2 };
 export type { Data } from "vue2";
 export type { EmitFn } from "vue2/types/v3-setup-context";
 export type { ComponentObjectPropsOptions, ObjectEmitsOptions, PublicProps, SlotsType } from "vue3";

package/dist/v2/hooks/useDeviceOrientation.js

@@ -1,23 +1,7 @@
 import { reactive, watch } from "vue-demi";
 import { MINI_PROGRAM_WEB_VIEW_CLOSE_EVENT } from "../utils/patchMiniprogram.js";
 import { OS_PLATFORM, detectOSPlatform } from "../utils/platform.js";
-import { i as isObject, d as debounce } from "../chunks/debounce.5afe7867.js";
-var FUNC_ERROR_TEXT = "Expected a function";
-function throttle(func, wait, options) {
-  var leading = true, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = "leading" in options ? !!options.leading : leading;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    "leading": leading,
-    "maxWait": wait,
-    "trailing": trailing
-  });
-}
+import { t as throttle } from "../chunks/throttle.8bdd8d3b.js";
 const DEVICE_ORIENTATION_INTERVAL = 200;
 const CSS_DEVICE_ORIENTATION_VAR_PREFIX = "--CSS_DEVICE_ORIENTATION_VAR_ROTATION_DEGREE_";
 const useDeviceOrientation = (props) => {

package/dist/v2/hooks/useMapGCJ02.js

@@ -1,6 +1,6 @@
 import { AMAP_TO_GCJ02_TIMEOUT } from "../api/contants.js";
 import { lnglat2point } from "../utils/transform.js";
-import { useMapInChina } from "./useMapInChina.js";
+import { inChina, inHongkong, inMacau } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 /**
  * @preserve
@@ -515,7 +515,6 @@ const exported = Object.assign(Object.assign({}, CRSTypes), {
 });
 const useAmapGCJ02 = () => {
   const { readyPromise } = useMapSupplier();
-  const { inChina } = useMapInChina();
   const toCoordinateType = (p) => {
     return inChina(p) ? "gcj02" : "wgs84";
   };
@@ -567,7 +566,6 @@ const useAmapGCJ02 = () => {
 };
 const useGmapGCJ02 = () => {
   const { readyPromise } = useMapSupplier();
-  const { inChina, inHongkong, inMacau } = useMapInChina();
   const toCoordinateType = (p) => {
     return inChina(p) && !inHongkong(p) && !inMacau(p) ? "gcj02" : "wgs84";
   };

package/dist/v2/hooks/useMapGraspRoad.js

@@ -3,7 +3,7 @@ import { apiGoogleSnapRoad } from "../api/googleSnapRoad.js";
 import { watchEffectForDeepOption } from "../utils/compare.js";
 import { lnglat2point, trackPoints2amapGraspRoadPoints } from "../utils/transform.js";
 import { useMapAngle } from "./useMapAngle.js";
-import { useMapInChina } from "./useMapInChina.js";
+import { inChina } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 const GRASP_ROAD_INPUT_MIN_AMOUNT = 2;
 const GRASP_ROAD_INPUT_MAX_AMOUNT = 500;
@@ -12,7 +12,6 @@ const useAmapGraspRoad = (props) => {
   const pathRef = ref([]);
   const angleRef = ref(0);
   const { apiMapComputeHeading } = useMapAngle();
-  const { inChina } = useMapInChina();
   const apiMapToGraspRoadPath = (tracks) => {
     return new Promise((resolve) => {
       var _a, _b, _c;

package/dist/v2/hooks/useMapInChina.d.ts

@@ -1,16 +1,4 @@
 import { type Point } from "../types/interface";
-export declare const useMapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
-export declare const useAmapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
-export declare const useGmapInChina: () => {
-    inChina: (point: Point) => boolean;
-    inHongkong: (point: Point) => boolean;
-    inMacau: (point: Point) => boolean;
-};
+export declare const inChina: (point: Point) => boolean;
+export declare const inHongkong: (point: Point) => boolean;
+export declare const inMacau: (point: Point) => boolean;

package/dist/v2/hooks/useMapInChina.js

@@ -2593,22 +2593,17 @@ const macauBounds = [
     22.19885
   ]
 ];
-const useMapInChina = () => {
-  const inChina = (point) => {
-    return pointInPolygon(point, chinaBounds) >= 0;
-  };
-  const inHongkong = (point) => {
-    return pointInPolygon(point, hongkongBounds) >= 0;
-  };
-  const inMacau = (point) => {
-    return pointInPolygon(point, macauBounds) >= 0;
-  };
-  return { inChina, inHongkong, inMacau };
+const inChina = (point) => {
+  return pointInPolygon(point, chinaBounds) >= 0;
+};
+const inHongkong = (point) => {
+  return pointInPolygon(point, hongkongBounds) >= 0;
+};
+const inMacau = (point) => {
+  return pointInPolygon(point, macauBounds) >= 0;
 };
-const useAmapInChina = useMapInChina;
-const useGmapInChina = useMapInChina;
 export {
-  useAmapInChina,
-  useGmapInChina,
-  useMapInChina
+  inChina,
+  inHongkong,
+  inMacau
 };