@heycar/heycars-map 2.0.0-switchMap1 → 2.0.0-switchMap2

package/dist/v2/hooks/useMapLoader.js

@@ -1,6 +1,7 @@
-import { shallowRef, computed } from "vue-demi";
+import { shallowRef, computed, ref } from "vue-demi";
 import { watchPostEffectForDeepOption } from "../utils/compare.js";
 import { createRunOnce } from "../utils/helper.js";
+import { t as throttle } from "../chunks/throttle.8bdd8d3b.js";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var distExports = {};
 var dist = {
@@ -537,6 +538,8 @@ class Loader {
     }
   }
 }
+const MIN_MAP_RELOAD_INTERVAL = 5e3;
+const GMAP_LOAD_TIMEOUT = 1e4;
 const DEFAULT_AMAP_PLUGINS = [
   "AMap.Geocoder",
   "AMap.Driving",
@@ -546,12 +549,13 @@ const DEFAULT_AMAP_PLUGINS = [
 const DEFAULT_GMAP_LIBRARIES = ["marker", "geometry"];
 var Status = /* @__PURE__ */ ((Status2) => {
   Status2["LOADING"] = "LOADING";
+  Status2["TIMEOUT"] = "TIMEOUT";
   Status2["FAILURE"] = "FAILURE";
   Status2["SUCCESS"] = "SUCCESS";
   return Status2;
 })(Status || {});
 const useAmapLoader = (props) => {
-  const { disableRef, onChange } = props;
+  const { disableRef, onSuccess, onFail } = props;
   let resolveLoader;
   let rejectLoader;
   const readyPromise = new Promise((resolve, reject) => {
@@ -563,49 +567,58 @@ const useAmapLoader = (props) => {
     /* LOADING */
   );
   const optionsRef = computed(() => {
-    const { onChange: onChange2, loading, fallback, apiKey, apiSecret, apiServiceHost, version, ...options } = props;
+    const {
+      onSuccess: onSuccess2,
+      onFail: onFail2,
+      loading,
+      fallback,
+      apiKey,
+      apiSecret,
+      apiServiceHost,
+      version,
+      ...options
+    } = props;
     return { ...options, key: apiKey, version: version != null ? version : "2.0" };
   });
+  const defineSecurityOnce = createRunOnce(() => {
+    window._AMapSecurityConfig = props.apiServiceHost ? {
+      serviceHost: props.apiServiceHost
+    } : { securityJsCode: props.apiSecret };
+  });
+  const reload = throttle(
+    (options) => {
+      if (statusRef.value === "SUCCESS")
+        return;
+      statusRef.value = "LOADING";
+      defineSecurityOnce();
+      return distExports.load(options).then(
+        () => {
+          statusRef.value = "SUCCESS";
+          resolveLoader();
+          onSuccess == null ? void 0 : onSuccess();
+        },
+        () => {
+          statusRef.value = "FAILURE";
+          rejectLoader();
+          onFail == null ? void 0 : onFail();
+        }
+      );
+    },
+    MIN_MAP_RELOAD_INTERVAL,
+    { trailing: false }
+  );
   watchPostEffectForDeepOption(
     () => [optionsRef.value, disableRef == null ? void 0 : disableRef.value],
     ([options, disable]) => {
       if (disable)
         return;
-      const setStatusAndExecuteCallback = (status) => {
-        statusRef.value = status;
-        if (status === "SUCCESS")
-          resolveLoader();
-        if (status === "FAILURE")
-          rejectLoader();
-        onChange == null ? void 0 : onChange(statusRef.value);
-      };
-      setStatusAndExecuteCallback(
-        "LOADING"
-        /* LOADING */
-      );
-      window._AMapSecurityConfig = props.apiServiceHost ? {
-        serviceHost: props.apiServiceHost
-      } : { securityJsCode: props.apiSecret };
-      distExports.load(options).then(
-        () => setStatusAndExecuteCallback(
-          "SUCCESS"
-          /* SUCCESS */
-        ),
-        () => setStatusAndExecuteCallback(
-          "FAILURE"
-          /* FAILURE */
-        )
-      );
+      reload(options);
     }
   );
   return { statusRef, readyPromise };
 };
-const loadGmapOnce = createRunOnce((opts) => {
-  const loader = new Loader(opts);
-  return loader.load();
-});
 const useGmapLoader = (props) => {
-  const { disableRef, onChange } = props;
+  const { disableRef, onSuccess, onFail } = props;
   let resolveLoader;
   let rejectLoader;
   const readyPromise = new Promise((resolve, reject) => {
@@ -617,50 +630,62 @@ const useGmapLoader = (props) => {
     /* LOADING */
   );
   const optionsRef = computed(() => {
-    const { onChange: onChange2, fallback, loading, language, ...options } = props;
+    const { onSuccess: onSuccess2, onFail: onFail2, fallback, loading, language, ...options } = props;
     return options;
   });
+  const timerRef = ref();
+  const reload = throttle(
+    (options) => {
+      if (statusRef.value === "SUCCESS")
+        return;
+      const loader = new Loader(options);
+      clearTimeout(timerRef.value);
+      timerRef.value = window.setTimeout(() => {
+        statusRef.value = "TIMEOUT";
+      }, GMAP_LOAD_TIMEOUT);
+      if (loader.status !== LoaderStatus.INITIALIZED) {
+        loader.reset();
+      }
+      statusRef.value = "LOADING";
+      return loader.load().then(
+        () => {
+          clearTimeout(timerRef.value);
+          statusRef.value = "SUCCESS";
+          resolveLoader();
+          onSuccess == null ? void 0 : onSuccess();
+        },
+        () => {
+          clearTimeout(timerRef.value);
+          statusRef.value = "FAILURE";
+          rejectLoader();
+          onFail == null ? void 0 : onFail();
+        }
+      );
+    },
+    MIN_MAP_RELOAD_INTERVAL,
+    { trailing: false }
+  );
   watchPostEffectForDeepOption(
     () => [optionsRef.value, disableRef == null ? void 0 : disableRef.value],
     ([options, disable]) => {
       if (disable)
         return;
       const language = navigator.language;
-      const setStatusAndExecuteCallback = (status) => {
-        statusRef.value = status;
-        if (status === "SUCCESS")
-          resolveLoader();
-        if (status === "FAILURE")
-          rejectLoader();
-        onChange == null ? void 0 : onChange(statusRef.value);
-      };
-      setStatusAndExecuteCallback(
-        "LOADING"
-        /* LOADING */
-      );
-      loadGmapOnce({ ...options, language }).then(
-        () => setStatusAndExecuteCallback(
-          "SUCCESS"
-          /* SUCCESS */
-        ),
-        () => setStatusAndExecuteCallback(
-          "FAILURE"
-          /* FAILURE */
-        )
-      );
+      reload({ ...options, language });
     }
   );
   return { statusRef, readyPromise };
 };
 const useMapLoader = (props) => {
-  const { gmapKey, amapKey, amapSecret, amapServiceHost, language, onChange } = props;
+  const { gmapKey, amapKey, amapSecret, amapServiceHost, language, onSuccess, onFail } = props;
   const { statusRef: amapStatusRef, readyPromise: amapReadyPromise } = useAmapLoader({
     apiKey: amapKey,
     apiSecret: amapSecret,
     apiServiceHost: amapServiceHost,
     plugins: DEFAULT_AMAP_PLUGINS,
     disableRef: computed(() => props.supplier !== "amap"),
-    onChange
+    onSuccess,
+    onFail
   });
   const { statusRef: gmapStatusRef, readyPromise: gmapReadyPromise } = useGmapLoader({
     apiKey: gmapKey,
@@ -670,7 +695,8 @@ const useMapLoader = (props) => {
     // region: "CN",
     libraries: DEFAULT_GMAP_LIBRARIES,
     disableRef: computed(() => props.supplier !== "gmap"),
-    onChange
+    onSuccess,
+    onFail
   });
   return {
     get statusRef() {

package/dist/v2/hooks/useMapPlace.js

@@ -3,7 +3,7 @@ import { REGEO_TIMEOUT } from "../api/contants.js";
 import { createPipeTw } from "../utils/cn2tw.js";
 import { equalAssign } from "../utils/helper.js";
 import { amapPlaceName2DisplayName, gmapPlaceName2DisplayName } from "../utils/transform.js";
-import { useAmapInChina } from "./useMapInChina.js";
+import { inChina } from "./useMapInChina.js";
 import { useMapSupplier } from "./useMapSupplier.js";
 import { useUpdate } from "./useUdate.js";
 const useAmapPlace = (props) => {
@@ -11,7 +11,6 @@ const useAmapPlace = (props) => {
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise, language } = useMapSupplier();
-  const { inChina } = useAmapInChina();
   const place = reactive({
     lng: pointRef.value[0],
     lat: pointRef.value[1],

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

@@ -4,6 +4,8 @@ export interface MapSupplierPayolad extends UseMapLoaderProps {
     gmapId: string;
     readyPromise: UseMapLoaderOutput["readyPromise"];
     status: Status;
+    renderLoadFailedTitle?: (status: Status) => string | undefined;
+    renderLoadFailedDescription?: (status: Status) => string | undefined;
 }
 export declare const useMapSupplier: () => MapSupplierPayolad;
 export declare const provideMapSupplier: (payload: MapSupplierPayolad) => void;

package/dist/v2/hooks-business/useBusinessQuotingMap.d.ts

@@ -1,7 +1,9 @@
+import type { CoordinateType, Point } from "../types/interface";
 export type BusinessQuotingContext = {
     setFitView: () => void;
 };
 export declare const useBusinessQuotingMap: () => {
     setFitView: () => void;
     mapContext: BusinessQuotingContext;
+    toAmapCoordinateType: (point: Point) => CoordinateType;
 };

package/dist/v2/hooks-business/useBusinessQuotingMap.js

@@ -1,9 +1,14 @@
-import { proxyFunctionalProperty, assertAssingedBeforeUsed } from "../utils/helper.js";
+import { inChina } from "../hooks/useMapInChina.js";
+import { proxyFunctionalProperty, assertAssingedBeforeUsed, assertPoint } from "../utils/helper.js";
 const useBusinessQuotingMap = () => {
   const mapContext = {
     setFitView: assertAssingedBeforeUsed
   };
-  return { mapContext, ...proxyFunctionalProperty(mapContext) };
+  const toAmapCoordinateType = (point) => {
+    assertPoint(point);
+    return inChina(point) ? "gcj02" : "wgs84";
+  };
+  return { mapContext, toAmapCoordinateType, ...proxyFunctionalProperty(mapContext) };
 };
 export {
   useBusinessQuotingMap

package/dist/v2/utils/log.js

@@ -1,6 +1,6 @@
 const availableLogKeys = /* @__PURE__ */ new Set();
 const pkgName = "@heycar/heycars-map";
-const pkgVersion = "2.0.0-switchMap1";
+const pkgVersion = "2.0.0-switchMap2";
 const isEnableLog = (name) => {
   const searchParam = new URLSearchParams(location.search);
   return searchParam.has(`log-${name}`);

package/dist/v3/App.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
 import { defineComponent, ref } from "vue-demi";
-import { DemoBusinessTaxiService } from "./Demo/DemoBusinessTaxiService.js";
+import { DemoBusinessQuoting } from "./Demo/DemoBusinessQuoting.js";
 import { MapProvider } from "./components/MapProvider/MapProvider.js";
 const gmapApiKey = "AIzaSyCRtkaNSWMOhOXDOUpJK4OVbm5RIstYj-I";
 const gmapId = "d0af0c05331af64a";
@@ -18,9 +18,11 @@ const App = /* @__PURE__ */ defineComponent({
       "gmapRasterId": gmapRasterId,
       "gmapKey": gmapApiKey,
       "language": "en",
-      "supplier": supplierRef.value
+      "supplier": supplierRef.value,
+      "renderLoadFailedTitle": () => supplierRef.value === "gmap" ? "未能成功访问谷歌地图" : "高德地图加载失败",
+      "renderLoadFailedDescription": () => supplierRef.value === "gmap" ? "请确认您的网络能正常访问谷歌地图， \n或切回高德地图" : void 0
     }, {
-      default: () => [createVNode(DemoBusinessTaxiService, null, null)]
+      default: () => [createVNode(DemoBusinessQuoting, null, null)]
     });
   }
 });

package/dist/v3/Demo/DemoBusinessQuoting.js

@@ -1,11 +1,12 @@
-import { createVNode } from "vue";
+import { createVNode, createTextVNode } from "vue";
 import { BusinessQuotingMap } from "../business-components/BusinessQuotingMap/BusinessQuotingMap.js";
 import { useBusinessQuotingMap } from "../hooks-business/useBusinessQuotingMap.js";
 import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";
 const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
   const {
-    mapContext
+    mapContext,
+    toAmapCoordinateType
   } = useBusinessQuotingMap();
   return () => createVNode("div", null, [createVNode(BusinessQuotingMap, {
     "class": demo,
@@ -32,7 +33,7 @@ const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
     "mapContext": mapContext,
     "onClickStartPoint": (place) => console.log("点击起点时触发 palce = ", place),
     "onClickEndPoint": (place) => console.log("点击终点时触发 palce = ", place)
-  }, null)]);
+  }, null), createVNode("div", null, [createTextVNode("经度 103.841974， 纬度 1.311295 在高德地图上的坐标类型是:"), toAmapCoordinateType([103.841974, 1.311295])])]);
 });
 export {
   DemoBusinessQuoting

package/dist/v3/api/cdn.d.ts

@@ -5,3 +5,4 @@ export declare const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/he
 export declare const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-zh-TW.svg";
 export declare const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 export declare const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
+export declare const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";

package/dist/v3/api/cdn.js

@@ -5,12 +5,14 @@ const ICON_END_POINT_EN_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/en
 const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/end-point-zh-TW.svg";
 const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
+const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";
 export {
   AMAP_DEFAULT_MARKER_ICON_URL,
   ICON_DOT_LOADING_URL,
   ICON_END_POINT_EN_URL,
   ICON_END_POINT_ZH_TW_URL,
   ICON_FULL_SCREEN_URL,
+  ICON_LOAD_FAILED_URL,
   ICON_START_POINT_EN_URL,
   ICON_TAXI_CAR_URL
 };

package/dist/v3/business-components/BusinessRecomendPlaceMap/BusinessRecomendPlaceMap.d.ts

@@ -45,7 +45,7 @@ export interface BusinessRecomendPlaceMapProps extends CoordinatifyProps<Omit<He
     onClickLocatorText?: AbsoluteAddressBoxProps["onClickText"];
     onClickLocatorPhoto?: AbsoluteAddressBoxProps["onClickPhoto"];
 }
-export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "geoError" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
+export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
     renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
     renderPlaceTag?: PickupPointsProps["renderPlaceTag"];
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
@@ -54,7 +54,7 @@ export declare const BusinessRecomendPlaceMapInner: import("vue-demi").DefineCom
 } & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
-export declare const BusinessRecomendPlaceMap: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "geoError" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
+export declare const BusinessRecomendPlaceMap: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessRecomendPlaceMapProps>, 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<BusinessRecomendPlaceMapProps, Required<BusinessRecomendPlaceMapProps>>, "resize" | "dragEnd" | "zoomEnd" | "changePlace" | "loadGeoLocation" | "loadDefaultGeoLocation" | "changeByDrag" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessRecomendPlaceMapProps, BusinessRecomendPlaceMapProps, import("vue-demi").SlotsType<{
     renderPlacePhoto?: ((place: CoordinatePlace) => string | undefined) | undefined;
     renderPlaceTag?: PickupPointsProps["renderPlaceTag"];
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;

package/dist/v3/business-components/BusinessReselectPlaceMap/BusinessReselectPlaceMap.d.ts

@@ -3,7 +3,7 @@ import { type BusinessRecomendPlaceMapProps } from "../BusinessRecomendPlaceMap"
 export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "geoErrorOnceNotificationKey" | "loading" | "fallback" | "log" | "getAvailable" | "getRecomendPlace" | "unavailableTitle" | "emptyTitle" | "queryingTitle" | "recomendDescription" | "disableLocator" | "disableLocatorPhoto" | "mapContext" | "renderPlacePhoto" | "renderPlaceTag" | "onChangeGeoLocation" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError" | "onGeoErrorOnce" | "onClickLocatorText" | "onClickLocatorPhoto"> {
     defaultPlace?: CoordinatePlace;
 }
-export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "geoError" | "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessReselectPlaceMapProps, BusinessReselectPlaceMapProps, import("vue-demi").SlotsType<{
+export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessReselectPlaceMapProps, BusinessReselectPlaceMapProps, import("vue-demi").SlotsType<{
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;
     renderPlaceTag?: ((place: Place) => string | undefined) | undefined;
@@ -11,7 +11,7 @@ export declare const BusinessReselectPlaceMapInner: import("vue-demi").DefineCom
 } & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
-export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "geoError" | "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessReselectPlaceMapProps, BusinessReselectPlaceMapProps, import("vue-demi").SlotsType<{
+export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<BusinessReselectPlaceMapProps>, 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<BusinessReselectPlaceMapProps, Required<BusinessReselectPlaceMapProps>>, "changePlace" | "changeGeoLocation" | "changeRecomandPlace" | "geoError" | "geoErrorOnce" | "clickLocatorText" | "clickLocatorPhoto", import("vue-demi").PublicProps, BusinessReselectPlaceMapProps, BusinessReselectPlaceMapProps, import("vue-demi").SlotsType<{
     fallback?: (() => import("vue-demi").VNodeChild) | undefined;
     loading?: (() => import("vue-demi").VNodeChild) | undefined;
     renderPlaceTag?: ((place: Place) => string | undefined) | undefined;

package/dist/v3/chunks/{Loading.a8e2f26a.js → Loading.98d687c0.js}

@@ -1,11 +1,17 @@
-import "../css/Loading-523061b9.css";
+import "../css/Loading-0e058b68.css";
 import { createVNode } 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 () => createVNode("div", {
     "class": loadingLayout
@@ -17,7 +23,27 @@ const Loading = defineSetup("Loading", function() {
     "title": ""
   }, null)]);
 });
+const LoadFailed = defineSetup("LoadFailed", function(props) {
+  return () => createVNode("div", {
+    "class": loadingLayout
+  }, [createVNode("img", {
+    "class": loadingBg,
+    "src": imgGrid
+  }, null), createVNode("div", {
+    "class": iconLayout
+  }, [createVNode("img", {
+    "class": iconLoadFailed,
+    "src": ICON_LOAD_FAILED_URL
+  }, null), createVNode("div", {
+    "class": textLayout
+  }, [createVNode("span", {
+    "class": title
+  }, [props.title]), createVNode("span", {
+    "class": description
+  }, [props.description])])])]);
+});
 export {
   Loading as L,
+  LoadFailed as a,
   imgGrid as i
 };

package/dist/v3/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/v3/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/v3/components/Loading/Loading.d.ts

@@ -1,3 +1,11 @@
 export declare const Loading: import("vue").DefineComponent<import("vue").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, import("vue").PublicProps, unknown, unknown, import("vue").SlotsType<{} & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
+interface LoadFailedProps {
+    title?: string;
+    description?: string;
+}
+export declare const LoadFailed: import("vue").DefineComponent<import("vue").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, import("vue").PublicProps, LoadFailedProps, LoadFailedProps, import("vue").SlotsType<{} & {
+    default?: import("../../demi-polyfill").Slot | undefined;
+}>>;
+export {};

package/dist/v3/components/Loading/Loading.js

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

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

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

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

@@ -1,12 +1,15 @@
 /// <reference types="google.maps" />
 import type { VueNode } from "../../demi-polyfill";
 import type { SetMap } from "../../hooks/useHeycarMap";
-import { type GmapLoaderProps, type UseMapLoaderProps } from "../../hooks/useMapLoader";
+import { Status, type GmapLoaderProps, type UseMapLoaderProps } from "../../hooks/useMapLoader";
 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("vue").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", import("vue").PublicProps, MapProviderProps, MapProviderProps, import("vue").SlotsType<{} & {
+export type MapProviderProps = UseMapLoaderProps & Pick<MapSupplierPayolad, "gmapId" | "gmapRasterId" | "renderLoadFailedTitle" | "renderLoadFailedDescription">;
+export declare const MapProvider: import("vue").DefineComponent<import("vue").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", import("vue").PublicProps, MapProviderProps, MapProviderProps, import("vue").SlotsType<{
+    renderLoadFailedTitle?: ((status: Status) => string | undefined) | undefined;
+    renderLoadFailedDescription?: ((status: Status) => string | undefined) | undefined;
+} & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
 export interface HeycarMapProps extends Pick<GmapLoaderProps, "fallback" | "loading">, Pick<AmapProps, "center" | "zoom"> {

package/dist/v3/components/MapProvider/MapProvider.js

@@ -1,6 +1,6 @@
 import "../../css/MapProvider-156bfd53.css";
 import { createVNode, isVNode } from "vue";
-import { L as Loading, i as imgGrid } from "../../chunks/Loading.a8e2f26a.js";
+import { L as Loading, a as LoadFailed, i as imgGrid } from "../../chunks/Loading.98d687c0.js";
 import { useMapLoader, Status } from "../../hooks/useMapLoader.js";
 import { provideMapSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";
@@ -39,7 +39,7 @@ const MapProvider = defineLagecySetup("MapProvider", function(props, {
     var _a;
     return createVNode("div", null, [(_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,
@@ -67,7 +67,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
   const handleResize = () => emit("resize");
   loadTraditionalChineseConvertOnce(payload.language === "zh-TW");
   return () => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const {
       supplier,
       gmapId,
@@ -86,12 +86,17 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
       const node = (_a = slots.loading) == null ? void 0 : _a.call(slots);
       return node ? createVNode("div", null, [node]) : createVNode(Loading, null, null);
     }
-    if (status === Status.FAILURE) {
+    if (status === Status.FAILURE || status === Status.TIMEOUT) {
       const node = (_b = slots.fallback) == null ? void 0 : _b.call(slots);
-      return node ? createVNode("div", null, [node]) : createVNode(Loading, null, null);
+      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 ? createVNode("div", null, [node]) : createVNode(LoadFailed, {
+        "title": title,
+        "description": description
+      }, null);
     }
-    const children = (_c = slots.default) == null ? void 0 : _c.call(slots);
-    const outArea = (_d = slots.outerArea) == null ? void 0 : _d.call(slots);
+    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({
       gmapId,
       gmapRasterId,
@@ -101,7 +106,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
     switch (supplier) {
       case "gmap":
         return createVNode("div", {
-          "class": `${heycarMap} ${(_e = attrs.class) != null ? _e : ""}`,
+          "class": `${heycarMap} ${(_g = attrs.class) != null ? _g : ""}`,
           "lang": language,
           "style": attrs.style
         }, [createVNode(Gmap, {
@@ -126,7 +131,7 @@ const HeycarMap = defineLagecySetup("HeycarMap", function(props, {
         }, null), outArea]);
       default:
         return createVNode("div", {
-          "class": `${heycarMap} ${(_f = attrs.class) != null ? _f : ""}`,
+          "class": `${heycarMap} ${(_h = attrs.class) != null ? _h : ""}`,
           "lang": language,
           "style": attrs.style
         }, [createVNode(Amap, {