@heycar/heycars-map 0.5.7 → 0.5.9

package/dist/components/Amap/Amap.d.ts

@@ -17,5 +17,6 @@ export interface AmapProps extends Omit<AMap.MapOptions, "vectorMapForeign"> {
     onDragEnd?: MapEventHandler<AMap.Map>;
     onZoomEnd?: MapEventHandler<AMap.Map>;
     onResize?: MapEventHandler<AMap.Map>;
+    onMoveend?: MapEventHandler<AMap.Map>;
 }
-export declare const Amap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<AmapProps>, 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<AmapProps, Required<AmapProps>>, "resize" | "dragStart" | "dragEnd" | "zoomEnd", AmapProps, {}>;
+export declare const Amap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<AmapProps>, 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<AmapProps, Required<AmapProps>>, "resize" | "moveend" | "dragStart" | "dragEnd" | "zoomEnd", AmapProps, {}>;

package/dist/hooks/useMapDrag.d.ts

@@ -2,6 +2,7 @@
 import { type ShallowRef } from "vue-demi";
 import type { Point } from "../types/interface";
 export declare const ON_CHANGE_CENTER_INTERVAL = 200;
+export declare const DRAGEND_DETECTING_ANIMATION_DELAY = 50;
 export interface UseMapDragProps<M = AMap.Map | google.maps.Map> {
     mapRef: ShallowRef<M | undefined>;
     onChange?: (value: Point) => any;

package/dist/hooks/useMapPlace.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from "vue-demi";
 import type { Place, Point } from "../types/interface";
-export interface UseMapPlaceOnChangeCityProps {
+export interface UseMapPlaceOnChangeCityProps extends Place {
     cityName?: string;
     cityParentName?: string;
     countryName?: string;

package/dist/index.cjs

@@ -2113,7 +2113,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "disableDoubleClickZoom": touchEnable,
             "gestureHandling": touchEnable ? "auto" : "none",
             "keyboardShortcuts": touchEnable,
-            "rotateControl": touchEnable,
+            "rotateControl": false,
             "zoomControl": touchEnable,
             "scaleControl": touchEnable,
             "panControl": touchEnable
@@ -2131,7 +2131,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "zoom": zoom,
             "dragEnable": touchEnable,
             "zoomEnable": touchEnable,
-            "rotateEnable": touchEnable,
+            "rotateEnable": false,
             "doubleClickZoom": touchEnable,
             "scrollWheel": touchEnable,
             "touchZoom": touchEnable,
@@ -3164,29 +3164,56 @@ const useHeycarMap = () => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useHeycarGamp() : useHeycarAmap();
 };
+const DRAGEND_DETECTING_ANIMATION_DELAY = 50;
 const useAmapDrag = (props) => {
   const { mapRef, onChange } = props;
   const centerRef = Vue.ref([0, 0]);
   const isDragging = Vue.ref(false);
+  const isDragEndWaitingMovingEndRef = Vue.ref(false);
+  let watchId = void 0;
   const emitDragStart = () => {
     pipeAsync(() => {
       isDragging.value = true;
     })();
   };
-  const emitDragEnd = (_, { target }) => {
+  const handleDragEndWithAnimationEnd = (target) => {
     var _a;
+    isDragEndWaitingMovingEndRef.value = false;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
-    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
+    spaceLog("onDragEndWithAnimationEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
+  const emitDragEnd = (_, { target }) => {
+    const { lng: baseLng, lat: baseLat } = target.getCenter();
+    isDragEndWaitingMovingEndRef.value = true;
+    if (watchId)
+      clearTimeout(watchId);
+    watchId = setTimeout(() => {
+      watchId = void 0;
+      const { lng, lat } = target.getCenter();
+      if (!isDragEndWaitingMovingEndRef.value)
+        return;
+      if (baseLng !== lng || baseLat !== lat)
+        return;
+      handleDragEndWithAnimationEnd(target);
+    }, DRAGEND_DETECTING_ANIMATION_DELAY);
+  };
+  const handleMoveEnd = (_, { target }) => {
+    if (!isDragEndWaitingMovingEndRef.value)
+      return;
+    handleDragEndWithAnimationEnd(target);
+  };
   watchPostEffectForAMapEvent(mapRef, {}, emitDragStart, [
     "onDragStart"
   ]);
   watchPostEffectForAMapEvent(mapRef, {}, emitDragEnd, [
     "onDragEnd"
   ]);
+  watchPostEffectForAMapEvent(mapRef, {}, handleMoveEnd, [
+    "onMoveend"
+  ]);
   return { centerRef, isDragging };
 };
 const useGmapDrag = (props) => {
@@ -3243,10 +3270,11 @@ const useAmapPlace = (props) => {
     geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
       if (status !== "complete")
         return;
-      const { addressComponent } = result.regeocode;
+      const { formattedAddress, addressComponent } = result.regeocode;
+      const name = formattedAddress ? formattedAddress : emptyPlaceName;
       const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
       const cityParentName = addressComponent.province;
-      onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName: "" });
+      onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName: "" });
     });
   };
   const updatePlace = (value) => {
@@ -3275,7 +3303,7 @@ const useAmapPlace = (props) => {
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name });
-            onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName: "" });
+            onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName: "" });
             return;
           }
           case "no_data":
@@ -3283,7 +3311,14 @@ const useAmapPlace = (props) => {
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
-            onChangeCity == null ? void 0 : onChangeCity({ cityName: "", cityParentName: "", countryName: "" });
+            onChangeCity == null ? void 0 : onChangeCity({
+              name: "",
+              lng,
+              lat,
+              cityName: "",
+              cityParentName: "",
+              countryName: ""
+            });
             return;
           case "error":
             throw result;
@@ -3317,10 +3352,11 @@ const useGmapPlace = (props) => {
     const geocoder = new google.maps.Geocoder();
     const { lng, lat } = value;
     const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
+    const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
     const cityName = geocoderResult2cityName(results[0]);
     const cityParentName = results.slice(-2)[0].address_components[0].long_name;
     const countryName = results.slice(-1)[0].address_components[0].long_name;
-    onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName });
+    onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName });
   };
   Vue.watch(
     () => placeKey.value,
@@ -3337,7 +3373,7 @@ const useGmapPlace = (props) => {
       place.lat = lat;
       place.name = name;
       onChange == null ? void 0 : onChange({ lng, lat, name });
-      onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName });
+      onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName });
     }
   );
   return { place, updatePlace, setPlace, updateCity };
@@ -3549,25 +3585,6 @@ const useMapZoom = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
 };
-const useWaitTimer = (props) => {
-  const { interval } = props;
-  let timer = void 0;
-  const timerStop = {
-    promise: Promise.resolve(),
-    resolve: void 0
-  };
-  const timerStart = () => {
-    var _a;
-    if (timer)
-      clearTimeout(timer);
-    (_a = timerStop.resolve) == null ? void 0 : _a.call(timerStop);
-    timerStop.promise = new Promise((resolve) => {
-      timerStop.resolve = resolve;
-      timer = setTimeout(resolve, interval);
-    });
-  };
-  return { timerStart, timerStop };
-};
 const imgPassengerCircle = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTcuMSUiIHk9Ii03LjElIiB3aWR0aD0iMTE0LjMlIiBoZWlnaHQ9IjExNC4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNzc0NTMwMTYgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzMCIgY3k9IjMwIiByPSIxMC41Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC40MDUgLjI2NCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjEiIHN0cm9rZT0iIzAwM0RGRiIgZmlsbC1vcGFjaXR5PSIuMTUiIGZpbGw9IiM0ODczRkUiIGN4PSIzMCIgY3k9IjMwIiByPSIyOS41Ii8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcHJlZml4X19hKSIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjxjaXJjbGUgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGw9IiM0ODcxRjEiIGN4PSIzMCIgY3k9IjMwIiByPSI5LjMiLz48L2c+PC9zdmc+";
 const imgPassengerSmall = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTMwJSIgeT0iLTMwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTYwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PGNpcmNsZSBpZD0icHJlZml4X19iIiBjeD0iMTU3IiBjeT0iMzUyIiByPSIxMCIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzIC0zMzgpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSIjNDg3MUYxIiBjeD0iMTU3IiBjeT0iMzUyIiByPSI4LjgiLz48L2c+PC9zdmc+";
 const PassengerCircle_css_ts_vanilla = "";
@@ -3901,7 +3918,6 @@ const useFirstWorkflowRecomendLoading = () => {
 };
 const RECOMMEND_PLACE_DRAG_LIMIT = 10;
 const RECOMMEND_PLACE_LARGE_LIMIT = 100;
-const MAP_DRAG_END_WAIT_ANIMATION = 500;
 const RECOMMEND_PLACE_ZOOM_MIN = 13;
 const DEFAULT_PLACE_NAME = "当前位置";
 const DEFAULT_ZOOM = 8;
@@ -3933,12 +3949,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     defaultValue: DEFAULT_ZOOM
   });
-  const {
-    timerStart,
-    timerStop
-  } = useWaitTimer({
-    interval: MAP_DRAG_END_WAIT_ANIMATION
-  });
   const {
     isFirstWorkflowRecomendLoadingRef,
     completeFirstWorkflowRecomend
@@ -4017,7 +4027,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     onChange: (point) => {
       centerSource.source = "drag";
-      timerStart();
       updatePlace(point);
       emit("changeByDrag", point);
     }
@@ -4055,7 +4064,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       emit("changePlace", place);
     },
     onChange: async (place) => {
-      await timerStop.promise;
       centerSource.source = "recomend";
       Object.assign(centerPlace, {
         ...place

package/dist/index.js

@@ -2111,7 +2111,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "disableDoubleClickZoom": touchEnable,
             "gestureHandling": touchEnable ? "auto" : "none",
             "keyboardShortcuts": touchEnable,
-            "rotateControl": touchEnable,
+            "rotateControl": false,
             "zoomControl": touchEnable,
             "scaleControl": touchEnable,
             "panControl": touchEnable
@@ -2129,7 +2129,7 @@ const HeycarMap = defineLagecySetup(function HeycarMap2(props, {
             "zoom": zoom,
             "dragEnable": touchEnable,
             "zoomEnable": touchEnable,
-            "rotateEnable": touchEnable,
+            "rotateEnable": false,
             "doubleClickZoom": touchEnable,
             "scrollWheel": touchEnable,
             "touchZoom": touchEnable,
@@ -3162,29 +3162,56 @@ const useHeycarMap = () => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useHeycarGamp() : useHeycarAmap();
 };
+const DRAGEND_DETECTING_ANIMATION_DELAY = 50;
 const useAmapDrag = (props) => {
   const { mapRef, onChange } = props;
   const centerRef = ref([0, 0]);
   const isDragging = ref(false);
+  const isDragEndWaitingMovingEndRef = ref(false);
+  let watchId = void 0;
   const emitDragStart = () => {
     pipeAsync(() => {
       isDragging.value = true;
     })();
   };
-  const emitDragEnd = (_, { target }) => {
+  const handleDragEndWithAnimationEnd = (target) => {
     var _a;
+    isDragEndWaitingMovingEndRef.value = false;
     isDragging.value = false;
     const { lng, lat } = target.getCenter();
-    spaceLog("dragEnd", "[lng, lat] = ", [lng, lat]);
+    spaceLog("onDragEndWithAnimationEnd", "[lng, lat] = ", [lng, lat]);
     centerRef.value = [lng, lat];
     (_a = pipeAsync(onChange)) == null ? void 0 : _a([lng, lat]);
   };
+  const emitDragEnd = (_, { target }) => {
+    const { lng: baseLng, lat: baseLat } = target.getCenter();
+    isDragEndWaitingMovingEndRef.value = true;
+    if (watchId)
+      clearTimeout(watchId);
+    watchId = setTimeout(() => {
+      watchId = void 0;
+      const { lng, lat } = target.getCenter();
+      if (!isDragEndWaitingMovingEndRef.value)
+        return;
+      if (baseLng !== lng || baseLat !== lat)
+        return;
+      handleDragEndWithAnimationEnd(target);
+    }, DRAGEND_DETECTING_ANIMATION_DELAY);
+  };
+  const handleMoveEnd = (_, { target }) => {
+    if (!isDragEndWaitingMovingEndRef.value)
+      return;
+    handleDragEndWithAnimationEnd(target);
+  };
   watchPostEffectForAMapEvent(mapRef, {}, emitDragStart, [
     "onDragStart"
   ]);
   watchPostEffectForAMapEvent(mapRef, {}, emitDragEnd, [
     "onDragEnd"
   ]);
+  watchPostEffectForAMapEvent(mapRef, {}, handleMoveEnd, [
+    "onMoveend"
+  ]);
   return { centerRef, isDragging };
 };
 const useGmapDrag = (props) => {
@@ -3241,10 +3268,11 @@ const useAmapPlace = (props) => {
     geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
       if (status !== "complete")
         return;
-      const { addressComponent } = result.regeocode;
+      const { formattedAddress, addressComponent } = result.regeocode;
+      const name = formattedAddress ? formattedAddress : emptyPlaceName;
       const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
       const cityParentName = addressComponent.province;
-      onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName: "" });
+      onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName: "" });
     });
   };
   const updatePlace = (value) => {
@@ -3273,7 +3301,7 @@ const useAmapPlace = (props) => {
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name });
-            onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName: "" });
+            onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName: "" });
             return;
           }
           case "no_data":
@@ -3281,7 +3309,14 @@ const useAmapPlace = (props) => {
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
-            onChangeCity == null ? void 0 : onChangeCity({ cityName: "", cityParentName: "", countryName: "" });
+            onChangeCity == null ? void 0 : onChangeCity({
+              name: "",
+              lng,
+              lat,
+              cityName: "",
+              cityParentName: "",
+              countryName: ""
+            });
             return;
           case "error":
             throw result;
@@ -3315,10 +3350,11 @@ const useGmapPlace = (props) => {
     const geocoder = new google.maps.Geocoder();
     const { lng, lat } = value;
     const { results } = await geocoder.geocode({ language: LANGUAGE, location: { lng, lat } });
+    const name = results[0].formatted_address ? results[0].formatted_address : emptyPlaceName;
     const cityName = geocoderResult2cityName(results[0]);
     const cityParentName = results.slice(-2)[0].address_components[0].long_name;
     const countryName = results.slice(-1)[0].address_components[0].long_name;
-    onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName });
+    onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName });
   };
   watch(
     () => placeKey.value,
@@ -3335,7 +3371,7 @@ const useGmapPlace = (props) => {
       place.lat = lat;
       place.name = name;
       onChange == null ? void 0 : onChange({ lng, lat, name });
-      onChangeCity == null ? void 0 : onChangeCity({ cityName, cityParentName, countryName });
+      onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName });
     }
   );
   return { place, updatePlace, setPlace, updateCity };
@@ -3547,25 +3583,6 @@ const useMapZoom = (props) => {
   const { supplier } = useMapSupplier();
   return supplier === "gmap" ? useGmapZoom(props) : useAmapZoom(props);
 };
-const useWaitTimer = (props) => {
-  const { interval } = props;
-  let timer = void 0;
-  const timerStop = {
-    promise: Promise.resolve(),
-    resolve: void 0
-  };
-  const timerStart = () => {
-    var _a;
-    if (timer)
-      clearTimeout(timer);
-    (_a = timerStop.resolve) == null ? void 0 : _a.call(timerStop);
-    timerStop.promise = new Promise((resolve) => {
-      timerStop.resolve = resolve;
-      timer = setTimeout(resolve, interval);
-    });
-  };
-  return { timerStart, timerStop };
-};
 const imgPassengerCircle = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTcuMSUiIHk9Ii03LjElIiB3aWR0aD0iMTE0LjMlIiBoZWlnaHQ9IjExNC4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii41IiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd0JsdXJPdXRlcjEiIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNzc0NTMwMTYgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzMCIgY3k9IjMwIiByPSIxMC41Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC40MDUgLjI2NCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjEiIHN0cm9rZT0iIzAwM0RGRiIgZmlsbC1vcGFjaXR5PSIuMTUiIGZpbGw9IiM0ODczRkUiIGN4PSIzMCIgY3k9IjMwIiByPSIyOS41Ii8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcHJlZml4X19hKSIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjxjaXJjbGUgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuNCIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGZpbGw9IiM0ODcxRjEiIGN4PSIzMCIgY3k9IjMwIiByPSI5LjMiLz48L2c+PC9zdmc+";
 const imgPassengerSmall = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTMwJSIgeT0iLTMwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTYwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI0IDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PGNpcmNsZSBpZD0icHJlZml4X19iIiBjeD0iMTU3IiBjeT0iMzUyIiByPSIxMCIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQzIC0zMzgpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYSkiIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2IiLz48Y2lyY2xlIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIiBmaWxsPSIjNDg3MUYxIiBjeD0iMTU3IiBjeT0iMzUyIiByPSI4LjgiLz48L2c+PC9zdmc+";
 const PassengerCircle_css_ts_vanilla = "";
@@ -3899,7 +3916,6 @@ const useFirstWorkflowRecomendLoading = () => {
 };
 const RECOMMEND_PLACE_DRAG_LIMIT = 10;
 const RECOMMEND_PLACE_LARGE_LIMIT = 100;
-const MAP_DRAG_END_WAIT_ANIMATION = 500;
 const RECOMMEND_PLACE_ZOOM_MIN = 13;
 const DEFAULT_PLACE_NAME = "当前位置";
 const DEFAULT_ZOOM = 8;
@@ -3931,12 +3947,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     defaultValue: DEFAULT_ZOOM
   });
-  const {
-    timerStart,
-    timerStop
-  } = useWaitTimer({
-    interval: MAP_DRAG_END_WAIT_ANIMATION
-  });
   const {
     isFirstWorkflowRecomendLoadingRef,
     completeFirstWorkflowRecomend
@@ -4015,7 +4025,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     onChange: (point) => {
       centerSource.source = "drag";
-      timerStart();
       updatePlace(point);
       emit("changeByDrag", point);
     }
@@ -4053,7 +4062,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       emit("changePlace", place);
     },
     onChange: async (place) => {
-      await timerStop.promise;
       centerSource.source = "recomend";
       Object.assign(centerPlace, {
         ...place

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",

package/todo.md

@@ -101,3 +101,8 @@ https://dawchihliou.github.io/articles/building-custom-google-maps-marker-react-
   0.5.6
 
 - 5455
+
+  0.5.9
+
+- 5500
+- 5524