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

package/dist/v2/business-components/BusinessTaxiEndMap/BusinessTaxiEndMap.d.ts

@@ -1,8 +1,7 @@
-import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import type { Place } from "../../types/interface";
 export interface BusinessTaxiEndMapProps {
     from: Partial<Place>;
     to: Partial<Place>;
-    onChangeGoogleConnection?: GoogleConnectionOnChangeHandler;
 }
-export declare const BusinessTaxiEndMap: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessTaxiEndMapProps>, 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<BusinessTaxiEndMapProps, Required<BusinessTaxiEndMapProps>>, "changeGoogleConnection", BusinessTaxiEndMapProps>;
+export declare const BusinessTaxiEndMapInner: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiEndMapProps>, 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<BusinessTaxiEndMapProps, Required<BusinessTaxiEndMapProps>>, never, BusinessTaxiEndMapProps>;
+export declare const BusinessTaxiEndMap: import("vue/types/v3-define-component").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiEndMapProps>, 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<BusinessTaxiEndMapProps, Required<BusinessTaxiEndMapProps>>, never, BusinessTaxiEndMapProps>;

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

@@ -1,17 +1,17 @@
 import { h } from "vue";
 import { BEIJIN_POINT } from "../../api/contants.js";
 import { HeycarMap } from "../../components/MapProvider/MapProvider.js";
-import { useGoogleConnection } from "../../hooks/useGoogleConnection.js";
+import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useHeycarMap } from "../../hooks/useHeycarMap.js";
 import { useMapCoordinatify } from "../../hooks/useMapCoordinatify.js";
 import { useMapFitView } from "../../hooks/useMapFitView.js";
+import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { place2point, pipeDefer } from "../../utils/transform.js";
 import { isCoordinatePoint, toCoordinatePlaceType } from "../../utils/typeChecking.js";
 import { SectionEndService } from "../BusinessTaxiServiceMap/BusinessTaxiServiceSection.js";
-const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
-  attrs,
-  emit
+const BusinessTaxiEndMapInner = defineSetup("BusinessTaxiEndMapInner", function(props, {
+  attrs
 }) {
   const {
     mapRef,
@@ -28,9 +28,6 @@ const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
     padding: [19, 36, 19, 26]
   });
   const deferedSetFitView = pipeDefer(() => registerFitVeiw.setFitView(true));
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
-  });
   return () => {
     const {
       from: inputFrom,
@@ -61,6 +58,23 @@ const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
     })]);
   };
 });
+const BusinessTaxiEndMap = defineSetup("BusinessTaxiEndMap", function(props, {
+  attrs
+}) {
+  const payload = useMapSupplier();
+  const instanceNo = Date.now();
+  return () => createElement(BusinessTaxiEndMapInner, {
+    ...attrs.class ? {
+      class: attrs.class
+    } : {},
+    ...attrs.style ? {
+      style: attrs.style
+    } : {},
+    attrs: props,
+    key: `${payload.supplier}${instanceNo}`
+  });
+});
 export {
-  BusinessTaxiEndMap
+  BusinessTaxiEndMap,
+  BusinessTaxiEndMapInner
 };

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

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

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.d.ts

@@ -1,9 +1,8 @@
-import type { GoogleConnectionOnChangeHandler } from "../../api/googleConnection";
 import { type HeycarMapProps } from "../../components/MapProvider";
-import type { MROP } from "../../hooks/useOverlay";
+import type { BusinessTaxiServiceContext } from "../../hooks-business/useBusinessTaxiServiceMap";
 import type { CoordinatifyProps } from "../../types/coordinatify";
 import type { CoordinatePlace, CoordinateTrackPoint, DriverStatus } from "../../types/interface";
-export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom">> & Required<MROP> & {
+export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps, "center" | "zoom" | "mapRef">> & {
     from: CoordinatePlace;
     to: CoordinatePlace;
     log?: boolean;
@@ -14,6 +13,7 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
     interval: number;
     disablePassenger?: boolean;
     googleSnapRoadProxyUrl?: string;
+    mapContext: CoordinatifyProps<BusinessTaxiServiceContext>;
     renderStartSerivceTitle: (titleProps: {
         distance: number;
         duration: number;
@@ -23,6 +23,6 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
         duration: number;
     }) => string;
     getDriverPositionTrack?: () => Promise<CoordinateTrackPoint[]>;
-    onChangeGoogleConnection?: GoogleConnectionOnChangeHandler;
 };
-export declare const BusinessTaxiServiceMap: import("vue-demi").DefineComponent<import("vue3").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, 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<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changeGoogleConnection", BusinessTaxiServiceMapProps>;
+export declare const BusinessTaxiServiceMapInner: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, 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<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;
+export declare const BusinessTaxiServiceMap: import("vue-demi").DefineComponent<import("@vue/runtime-core").ComponentObjectPropsOptions<BusinessTaxiServiceMapProps>, 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<BusinessTaxiServiceMapProps, Required<BusinessTaxiServiceMapProps>>, "resize" | "dragEnd" | "zoomEnd", BusinessTaxiServiceMapProps>;

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

@@ -1,44 +1,60 @@
 import { h } from "vue";
-import { ref, watch } from "vue-demi";
+import { ref, watch, onUnmounted } 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 { assertNotEmptyArray } from "../../utils/helper.js";
-import { place2point, combineHandler, pipeDefer, lnglat2point } from "../../utils/transform.js";
+import { useMapFitView } from "../../hooks/useMapFitView.js";
+import { useMapAssertSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
+import { defineSetup, defineLagecySetup } from "../../types/helper.js";
+import { MANUAL_ABORT_MESSAGE } from "../../utils/ManualAbortError.js";
+import { createAbortable, assertNotEmptyArray } from "../../utils/helper.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,
-    getDriverPositionTrack,
+    mapContext,
     renderStartSerivceTitle,
     renderInServiceTitle
   } = props;
   setGlobalGoogleSnapRoadProxyUrl(props.googleSnapRoadProxyUrl);
+  const {
+    mapRef,
+    setMap,
+    mapElementRef
+  } = useHeycarMap();
+  const {
+    assertSupplier
+  } = useMapAssertSupplier();
+  const abortController = new AbortController();
+  const abortable = createAbortable(abortController.signal);
+  const getDriverPositionTrack = abortable(props.getDriverPositionTrack);
   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 = assertSupplier(() => setFitView(false));
+  const deferedSetFitView = pipeDefer(() => registerOverlay.setFitView(true));
   const {
     geoLoading,
     geoPosition,
@@ -49,9 +65,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;
@@ -72,6 +85,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
   }, {
     immediate: true
   });
+  onUnmounted(() => abortController.abort(MANUAL_ABORT_MESSAGE));
   return () => {
     const {
       driverStatus,
@@ -94,7 +108,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
       "attrs": {
         "center": place2point(from),
         "zoom": 13,
-        "mapRef": combineHandler(outerSetMap, setMap),
+        "mapRef": setMap,
         "touchEnable": touchEnable
       },
       "on": {
@@ -212,7 +226,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.b4d45108.js}

@@ -1,23 +1,25 @@
 import { h } from "vue";
-import { computed, watch, watchEffect } from "vue-demi";
+import { computed, watch, watchEffect, onUnmounted } 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 { useMapSupplier, useMapAssertSupplier } 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 { throwNoneManualAbortError, MANUAL_ABORT_MESSAGE } from "../utils/ManualAbortError.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 +273,7 @@ const EMPTY_PLACE = {
   name: "",
   displayName: ""
 };
-const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", function(props, {
+const BusinessRecomendPlaceMapInner = defineSetup("BusinessRecomendPlaceMapInner", function(props, {
   emit,
   slots,
   attrs
@@ -285,8 +287,10 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     getRecomendPlace,
     mapContext
   } = props;
+  const abortController = new AbortController();
   const {
     coordinatifyPoint,
+    unCoordinatifyPoint,
     coordinatifyPlace,
     unCoordinatifyPlace,
     unCoordinatifyRecommendZonePlaces,
@@ -294,7 +298,10 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     coordinatifyGeoPosition
   } = useMapCoordinatify();
   const pipedGetAvailable = getAvailable && pipeOnlyLastEffect((p) => getAvailable(coordinatifyPlace(p)));
-  const pipedGetRecomendPlace = pipeOnlyLastEffect((p) => getRecomendPlace(coordinatifyPlace(p)).then((r) => r && unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(r))));
+  const pipedGetRecomendPlace = pipeOnlyLastEffect((p, context) => getRecomendPlace(coordinatifyPlace(p), context).then((r) => r && unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(r))));
+  const {
+    apiMapDistance
+  } = useMapGeometry();
   const {
     mapRef,
     mapElementRef,
@@ -309,8 +316,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     defaultValue: DEFAULT_ZOOM
   });
   const {
-    readyPromise
+    readyPromise,
+    supplier
   } = useMapSupplier();
+  const {
+    assertSupplier
+  } = useMapAssertSupplier();
   const {
     centerPlace,
     isFirstLoad,
@@ -322,7 +333,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     geoLoadingTitle
   });
   const centerSource = {
-    source: "geo"
+    source: "default"
   };
   const updateCenterPlaceByPoint = (point, context) => {
     var _a;
@@ -340,6 +351,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     place: inputPlace,
     recommends: inputRecommends
   }) => {
+    centerSource.source = "api";
     const place = unCoordinatifyPlace(toCoordinatePlaceType(inputPlace));
     const recommends = unCoordinatifyRecommendZonePlaces(toCoordinateRecommendZonePlacesType(inputRecommends));
     const isSameZone = recommends.zone && isZoneEqual(recommends.zone, zoneRef.value);
@@ -390,7 +402,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       if (!isFirstLoad)
         return;
       const [lng, lat] = value.position;
-      await readyPromise;
+      if (supplier === "amap")
+        await readyPromise;
       centerSource.source = "geo";
       centerPlace.lng = lng;
       centerPlace.lat = lat;
@@ -400,7 +413,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       emit("loadDefaultGeoLocation", coordinatifyGeoPosition(value));
       if (!isFirstLoad)
         return;
-      await readyPromise;
+      if (supplier === "amap")
+        await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
     },
@@ -413,19 +427,19 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
       emitGeoErrorOnce(error);
     }
   });
-  useGoogleConnection({
-    onChange: (status) => emit("changeGoogleConnection", status)
+  mapContext.apiMapDistance = assertSupplier((from, to) => {
+    return apiMapDistance(unCoordinatifyPoint(toCoordinatePointType(from)), unCoordinatifyPoint(toCoordinatePointType(to)));
   });
-  mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
-  mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
-  mapContext.panToGeoPositionByRecomend = () => {
+  mapContext.setCenterPlaceByUserSpecified = assertSupplier(setCenterPlaceByUserSpecified);
+  mapContext.setCenterPlaceByUserSpecifiedInZone = assertSupplier(setCenterPlaceByUserSpecifiedInZone);
+  mapContext.panToGeoPositionByRecomend = assertSupplier(() => {
     if (geoError.value)
       return false;
     updateCenterPlaceByPoint(geoPosition.value, {
       source: "geo"
     });
     return true;
-  };
+  });
   const {
     isDragging
   } = useMapDrag({
@@ -449,6 +463,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
     emptyPlaceName: emptyTitle,
     queryingPlaceName: queryingTitle,
     context: centerSource,
+    signal: abortController.signal,
     getAvailable: pipedGetAvailable,
     getRecomendPlace: pipedGetRecomendPlace,
     getLimit: (context) => {
@@ -461,14 +476,15 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
         case "default":
           return RECOMMEND_PLACE_LARGE_LIMIT;
         default:
-          throw new Error(`MyError: should not call getLimit on source: ${source}`);
+          console.error(new Error(`MyError: should not call getLimit on source: ${source}`));
+          return RECOMMEND_PLACE_DRAG_LIMIT;
       }
     },
     onQueryingPlace: (place) => equalAssign(centerPlace, {
       ...place
     }),
     onChangePlace: (place) => emit("changePlace", coordinatifyPlace(place)),
-    onChange: async ({
+    onChange: ({
       place,
       inputPlace,
       isInZone,
@@ -493,27 +509,25 @@ const BusinessRecomendPlaceMap = defineLagecySetup("BusinessRecomendPlaceMap", f
   const centerPlaceStatusRef = computed(() => isFirstLoad && geoLoading.value ? CenterPlaceStatus.GEO_LOADING : isQueryingRef.value ? CenterPlaceStatus.QUERYING_INFO : !availableRef.value ? CenterPlaceStatus.SERVICE_UNAVAILABLE : CenterPlaceStatus.OK);
   watchPostEffectOnce(() => {
     if (!isFirstLoad)
-      updateRecommendPlaceOnlyInZone(defaultCenterPlace);
+      updateRecommendPlaceOnlyInZone(defaultCenterPlace).catch(throwNoneManualAbortError);
   });
-  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;
   });
+  onUnmounted(() => abortController.abort(MANUAL_ABORT_MESSAGE));
   return () => {
     var _a, _b, _c;
     const {
@@ -579,17 +593,38 @@ 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,
   DEFAULT_ZOOM as D,
   EMPTY_PLACE as E,
-  RECOMMEND_PLACE_LARGE_LIMIT as R,
+  RECOMMEND_PLACE_DRAG_LIMIT as R,
   ZONE_ZOOM as Z,
-  RECOMMEND_PLACE_DRAG_LIMIT as a,
+  RECOMMEND_PLACE_LARGE_LIMIT as a,
   RECOMMEND_PLACE_ZONE_ICON_MIN as b,
   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.492acbc2.js}

@@ -1,11 +1,17 @@
-import "../css/Loading-523061b9.css";
+import "../css/Loading-49e58ced.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 contentLayout = "_17ify492";
+var description = "_17ify496";
+var iconLoadFailed = "_17ify493";
 var loadingBg = "_17ify491";
 var loadingLayout = "_17ify490";
+var title = "_17ify495";
+var verticalGap = "_17ify494";
 const Loading = defineSetup("Loading", function() {
   return () => h("div", {
     "class": loadingLayout
@@ -21,7 +27,29 @@ 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": contentLayout
+  }, [h("img", {
+    "class": iconLoadFailed,
+    "attrs": {
+      "src": ICON_LOAD_FAILED_URL
+    }
+  }), h("span", {
+    "class": `${title} ${verticalGap}`
+  }, [props.title]), h("span", {
+    "class": `${description} ${verticalGap}`
+  }, [props.description])])]);
+});
 export {
-  Loading as L,
+  LoadFailed as L,
+  Loading as a,
   imgGrid as i
 };

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 contentLayout: string;
+export declare const iconLoadFailed: string;
+export declare const verticalGap: 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 { L, a } from "../../chunks/Loading.492acbc2.js";
 import "../../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
 import "../../types/helper.js";
 export {
-  L as Loading
+  L as LoadFailed,
+  a as Loading
 };

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

@@ -1,4 +1,5 @@
-import { L } from "../../chunks/Loading.fc6e75d0.js";
+import { L, a } from "../../chunks/Loading.492acbc2.js";
 export {
-  L as Loading
+  L as LoadFailed,
+  a 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;