@heycar/heycars-map 0.5.8 → 0.6.0

package/dist/index.js

@@ -935,18 +935,6 @@ const pipeOnlyLastEffect = (fn) => {
     });
   };
 };
-const geocoderResult2cityName = (value) => {
-  const { address_components } = value;
-  const address = address_components.find(
-    (item) => item.types[0] === "administrative_area_level_1" || item.types[0] === "administrative_area_level_2"
-  );
-  if (address)
-    return address.long_name;
-  const countryIdx = address_components.findIndex((item) => item.types[0] === "country");
-  if (countryIdx > 0)
-    return address_components[countryIdx - 1].long_name;
-  return void 0;
-};
 const isPlaceEqual = (p1, p2) => {
   return p1.lng === (p2 == null ? void 0 : p2.lng) && p1.lat === (p2 == null ? void 0 : p2.lat);
 };
@@ -2111,7 +2099,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 +2117,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 +3150,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) => {
@@ -3225,7 +3240,7 @@ const useUpdate = () => {
   return { idx, update };
 };
 const useAmapPlace = (props) => {
-  const { onChange, onChangeCity, emptyPlaceName } = props;
+  const { onChange, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3235,19 +3250,6 @@ const useAmapPlace = (props) => {
     name: ""
   });
   const { idx: placeKey, update } = useUpdate();
-  const updateCity = (value) => {
-    const geocoder = new AMap.Geocoder({ lang: LANGUAGE });
-    const { lng, lat } = value;
-    geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
-      if (status !== "complete")
-        return;
-      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({ name, lng, lat, cityName, cityParentName, countryName: "" });
-    });
-  };
   const updatePlace = (value) => {
     pointRef.value = value;
     update();
@@ -3266,15 +3268,12 @@ const useAmapPlace = (props) => {
       geocoder.getAddress(new AMap.LngLat(lng, lat), (status, result) => {
         switch (status) {
           case "complete": {
-            const { formattedAddress, addressComponent } = result.regeocode;
-            const cityName = addressComponent.city ? addressComponent.city : addressComponent.province;
-            const cityParentName = addressComponent.province;
+            const { formattedAddress } = result.regeocode;
             const name = formattedAddress ? formattedAddress : emptyPlaceName;
             place.name = name;
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name });
-            onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName: "" });
             return;
           }
           case "no_data":
@@ -3282,14 +3281,6 @@ const useAmapPlace = (props) => {
             place.lng = lng;
             place.lat = lat;
             onChange == null ? void 0 : onChange({ lng, lat, name: "" });
-            onChangeCity == null ? void 0 : onChangeCity({
-              name: "",
-              lng,
-              lat,
-              cityName: "",
-              cityParentName: "",
-              countryName: ""
-            });
             return;
           case "error":
             throw result;
@@ -3297,10 +3288,10 @@ const useAmapPlace = (props) => {
       });
     }
   );
-  return { place, updatePlace, setPlace, updateCity };
+  return { place, updatePlace, setPlace };
 };
 const useGmapPlace = (props) => {
-  const { onChange, onChangeCity, emptyPlaceName } = props;
+  const { onChange, emptyPlaceName } = props;
   const defaultPoint = [...props.pointRef.value];
   const pointRef = ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3319,16 +3310,6 @@ const useGmapPlace = (props) => {
     place.lat = value.lat;
     place.name = value.name;
   };
-  const updateCity = async (value) => {
-    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({ name, lng, lat, cityName, cityParentName, countryName });
-  };
   watch(
     () => placeKey.value,
     async () => {
@@ -3337,17 +3318,13 @@ const useGmapPlace = (props) => {
       const [lng, lat] = pointRef.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;
       place.lng = lng;
       place.lat = lat;
       place.name = name;
       onChange == null ? void 0 : onChange({ lng, lat, name });
-      onChangeCity == null ? void 0 : onChangeCity({ name, lng, lat, cityName, cityParentName, countryName });
     }
   );
-  return { place, updatePlace, setPlace, updateCity };
+  return { place, updatePlace, setPlace };
 };
 const useMapPlace = (props) => {
   const { supplier } = useMapSupplier();
@@ -3378,25 +3355,15 @@ const findGmapNearestPlace = (place, candidates) => {
   return { shortestPlace, shortestDistance };
 };
 const useAmapRecomendPlace = (props) => {
-  const {
-    pointRef,
-    getRecomendPlace,
-    getLimit,
-    context: context2,
-    emptyPlaceName,
-    onChange,
-    onChangePlace,
-    onChangeCity
-  } = props;
+  const { pointRef, getRecomendPlace, getLimit, context: context2, emptyPlaceName, onChange, onChangePlace } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
-  const { place, updatePlace, setPlace, updateCity } = useAmapPlace({
+  const { place, updatePlace, setPlace } = useAmapPlace({
     emptyPlaceName,
     pointRef,
-    onChange: onChangePlace,
-    onChangeCity
+    onChange: onChangePlace
   });
   const recomendPlace = reactive({ ...place });
   const isElectedRef = computed(() => {
@@ -3439,30 +3406,19 @@ const useAmapRecomendPlace = (props) => {
     updateRecomandPlace,
     updatePlaceCandidates,
     updatePlace,
-    setPlace,
-    updateCity
+    setPlace
   };
 };
 const useGmapRecomendPlace = (props) => {
-  const {
-    pointRef,
-    getRecomendPlace,
-    getLimit,
-    context: context2,
-    emptyPlaceName,
-    onChange,
-    onChangePlace,
-    onChangeCity
-  } = props;
+  const { pointRef, getRecomendPlace, getLimit, context: context2, emptyPlaceName, onChange, onChangePlace } = props;
   const availableRef = ref(true);
   const placeCandidatesRef = ref([]);
   const { idx: recomendPlaceKey, update: updateRecomandPlace } = useUpdate();
   const { readyPromise } = useMapSupplier();
-  const { place, updatePlace, setPlace, updateCity } = useGmapPlace({
+  const { place, updatePlace, setPlace } = useGmapPlace({
     emptyPlaceName,
     pointRef,
-    onChange: onChangePlace,
-    onChangeCity
+    onChange: onChangePlace
   });
   const recomendPlace = reactive({ ...place });
   const isElectedRef = computed(() => {
@@ -3505,8 +3461,7 @@ const useGmapRecomendPlace = (props) => {
     updateRecomandPlace,
     updatePlaceCandidates,
     updatePlace,
-    setPlace,
-    updateCity
+    setPlace
   };
 };
 const useMapRecomendPlace = (props) => {
@@ -3556,25 +3511,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 = "";
@@ -3908,7 +3844,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;
@@ -3922,6 +3857,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     geoDefaultPosition,
     getRecomendPlace,
     getDefaultCenterPlace,
+    onChangePlace,
     mapContext
   } = props;
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
@@ -3940,12 +3876,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     defaultValue: DEFAULT_ZOOM
   });
-  const {
-    timerStart,
-    timerStop
-  } = useWaitTimer({
-    interval: MAP_DRAG_END_WAIT_ANIMATION
-  });
   const {
     isFirstWorkflowRecomendLoadingRef,
     completeFirstWorkflowRecomend
@@ -3968,7 +3898,9 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     centerPlace.lng = place.lng;
     centerPlace.lat = place.lat;
     centerPlace.name = place.name;
-    updateCity(place);
+    onChangePlace == null ? void 0 : onChangePlace({
+      ...place
+    });
     updatePlaceCandidates(place);
     await pipeDefer(setZoom)(READY_ZOOM);
   };
@@ -4024,14 +3956,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     onChange: (point) => {
       centerSource.source = "drag";
-      timerStart();
       updatePlace(point);
       emit("changeByDrag", point);
     }
   });
   const {
     updatePlace,
-    updateCity,
     updateRecomandPlace,
     updatePlaceCandidates,
     placeCandidates,
@@ -4062,7 +3992,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       emit("changePlace", place);
     },
     onChange: async (place) => {
-      await timerStop.promise;
       centerSource.source = "recomend";
       Object.assign(centerPlace, {
         ...place
@@ -4072,9 +4001,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       if (isFirstWorkflowRecomendLoadingRef.value)
         await pipeDefer(setZoom)(READY_ZOOM);
       completeFirstWorkflowRecomend();
-    },
-    onChangeCity: (value) => {
-      emit("changeCity", value);
     }
   });
   watchEffect(() => {
@@ -4640,6 +4566,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           distance,
           duration
         }) => {
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [h(DrivingLine, {
             "attrs": {
@@ -4647,7 +4574,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
             }
           }), h(TaxiCar, {
             "attrs": {
-              "position": carPosition,
+              "position": (_a = path[0]) != null ? _a : carPosition,
               "angle": angle,
               "title": renderTitle({
                 distance,
@@ -4860,6 +4787,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           distance,
           duration
         }) => {
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [h(DrivingLine, {
             "attrs": {
@@ -4867,7 +4795,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
             }
           }), h(TaxiCar, {
             "attrs": {
-              "position": carPosition,
+              "position": (_a = path[0]) != null ? _a : carPosition,
               "angle": angle,
               "title": renderTitle({
                 distance,
@@ -5188,193 +5116,6 @@ const BusinessTaxiServiceMap = defineLagecySetup(function BusinessTaxiServiceMap
     )]);
   };
 }).props(["bookDispatchingTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPosition", "interval", "loading", "mapRef", "renderInServiceTitle", "renderStartSerivceTitle", "to", "registerOverlay"]);
-const useAmapAutoComplete = (props) => {
-  const { city } = props;
-  const cityRef = ref(city);
-  const { readyPromise } = useMapSupplier();
-  const { apiMapDistance } = useMapGeometry();
-  const { geoPosition } = useGeoLocation();
-  const keywordRef = ref("");
-  const autoCompletePlacesRef = ref([]);
-  const { update, idx: updateKey } = useUpdate();
-  const setCity = (value) => {
-    cityRef.value = value;
-    update();
-  };
-  const setKeyword = (value) => {
-    keywordRef.value = value;
-    update();
-  };
-  watch(
-    () => updateKey.value,
-    async () => {
-      if (!keywordRef.value)
-        return;
-      await readyPromise;
-      const amapPlaceSearch = new AMap.PlaceSearch({ city: cityRef.value.name });
-      amapPlaceSearch.search(keywordRef.value, (status, result) => {
-        const from = geoPosition.value;
-        switch (status) {
-          case "complete": {
-            autoCompletePlacesRef.value = result.poiList.pois.map(
-              (poi) => {
-                const { lat, lng } = poi.location;
-                return {
-                  lat,
-                  lng,
-                  name: poi.name,
-                  description: poi.address,
-                  distance: from ? apiMapDistance(from, [lng, lat]) : void 0
-                };
-              }
-            );
-            return;
-          }
-          case "no_data":
-            autoCompletePlacesRef.value = [];
-            return;
-          default:
-            throw result;
-        }
-      });
-    },
-    {
-      immediate: true
-    }
-  );
-  return { setKeyword, setCity, autoCompletePlaces: autoCompletePlacesRef };
-};
-const useGmapAutoComplete = (props) => {
-  const { city } = props;
-  const cityRef = ref({ ...city });
-  const { readyPromise } = useMapSupplier();
-  const { apiMapDistance } = useMapGeometry();
-  const { geoPosition } = useGeoLocation();
-  const keywordRef = ref("");
-  const autoCompletePlacesRef = ref([]);
-  const { update, idx: updateKey } = useUpdate();
-  const setCity = (value) => {
-    cityRef.value = value;
-    update();
-  };
-  const setKeyword = (value) => {
-    keywordRef.value = value;
-    update();
-  };
-  const div = document.createElement("div");
-  watch(
-    () => updateKey.value,
-    async () => {
-      if (!keywordRef.value)
-        return;
-      await readyPromise;
-      const gmapPlacesService = new google.maps.places.PlacesService(div);
-      gmapPlacesService.textSearch(
-        {
-          query: keywordRef.value,
-          bounds: cityRef.value.bound
-        },
-        (result, status) => {
-          const from = geoPosition.value;
-          switch (status) {
-            case google.maps.places.PlacesServiceStatus.OK:
-              autoCompletePlacesRef.value = result.map(({ geometry, name, formatted_address }) => {
-                var _a, _b, _c, _d;
-                const lng = (_b = (_a = geometry == null ? void 0 : geometry.location) == null ? void 0 : _a.lng()) != null ? _b : 0;
-                const lat = (_d = (_c = geometry == null ? void 0 : geometry.location) == null ? void 0 : _c.lat()) != null ? _d : 0;
-                return {
-                  lng,
-                  lat,
-                  name: name != null ? name : "",
-                  description: formatted_address != null ? formatted_address : "",
-                  distance: from ? apiMapDistance(from, [lng, lat]) : void 0
-                };
-              });
-              return;
-            case google.maps.places.PlacesServiceStatus.ZERO_RESULTS:
-            case google.maps.places.PlacesServiceStatus.NOT_FOUND:
-              autoCompletePlacesRef.value = [];
-              return;
-          }
-        }
-      );
-    }
-  );
-  return { setKeyword, setCity, autoCompletePlaces: autoCompletePlacesRef };
-};
-const useMapAutoComplete = (props) => {
-  const { supplier } = useMapSupplier();
-  return supplier === "gmap" ? useGmapAutoComplete(props) : useAmapAutoComplete(props);
-};
-const useAmapBoundCity = (props) => {
-  var _a;
-  const { cityNameRef, onChange } = props;
-  const city = reactive({ name: (_a = cityNameRef.value) != null ? _a : "" });
-  watch(
-    () => cityNameRef.value,
-    (cityName) => {
-      const name = cityName != null ? cityName : "";
-      city.name = name;
-      onChange == null ? void 0 : onChange({ name });
-    }
-  );
-  return city;
-};
-const useGmapBoundCity = (props) => {
-  var _a;
-  const { cityNameRef, onChange } = props;
-  const { readyPromise } = useMapSupplier();
-  const city = reactive({
-    name: (_a = cityNameRef.value) != null ? _a : "",
-    bound: {
-      east: 0,
-      north: 0,
-      south: 0,
-      west: 0
-    }
-  });
-  watchEffect(async () => {
-    var _a2, _b;
-    const cityName = cityNameRef.value;
-    if (!cityName)
-      return;
-    await readyPromise;
-    const geocoder = new google.maps.Geocoder();
-    const { results } = await geocoder.geocode({
-      address: cityName,
-      componentRestrictions: {
-        administrativeArea: "administrative_area_level_1"
-      },
-      language: LANGUAGE
-    });
-    if (results.length !== 1) {
-      throw new Error("MyError: multiple city found");
-    }
-    const { geometry } = results[0];
-    const cityBound = (_b = (_a2 = geometry.bounds) == null ? void 0 : _a2.toJSON()) != null ? _b : geometry.viewport.toJSON();
-    city.name = cityName;
-    city.bound = cityBound;
-    onChange == null ? void 0 : onChange({ name: cityName, bound: cityBound });
-  });
-  return city;
-};
-const useMapBoundCity = (props) => {
-  const { supplier } = useMapSupplier();
-  return supplier === "gmap" ? useGmapBoundCity(props) : useAmapBoundCity(props);
-};
-const useBusinessMapAutoComplete = (props) => {
-  const { cityNameRef } = props;
-  const city = useMapBoundCity({
-    cityNameRef,
-    onChange: (v) => setCity(v)
-  });
-  const { autoCompletePlaces, setKeyword, setCity } = useMapAutoComplete({ city });
-  const handleKeywordInput = (e) => {
-    const target = e.target;
-    setKeyword(target.value);
-  };
-  return { autoCompletePlaces, setKeyword, setCity, handleKeywordInput };
-};
 const useBusinessQuotingMap = () => {
   const { setMap, mapRef } = useHeycarMap();
   const { registerFitVeiw, setFitView } = useMapFitView({
@@ -5444,7 +5185,6 @@ export {
   WalkingLine,
   WalkingRoute,
   WaveCircle,
-  useBusinessMapAutoComplete,
   useBusinessQuotingMap,
   useBusinessRecomendPlaceMap,
   useBusinessTaxiServiceMap,

package/dist/types/interface.d.ts

@@ -6,23 +6,6 @@ export type Place = {
     lng: number;
     lat: number;
     name: string;
-    cityName?: string;
-    cityParentName?: string;
-    countryName?: string;
-};
-export interface AutoCompletePlace extends Place {
-    placeId?: string;
-    description: string;
-    distance?: number;
-}
-export type Region = {
-    bound?: {
-        east: number;
-        north: number;
-        south: number;
-        west: number;
-    };
-    name: string;
 };
 export interface RegisterOverlay<T> {
     add: (overlay: T) => void;

package/dist/utils/transform.d.ts

@@ -14,6 +14,5 @@ export declare const place2point: (place: Place) => Point;
 export declare const pipeAsync: <P extends any[]>(fn?: ((...args: P) => any) | undefined) => (...args: P) => void;
 export declare const pipeDefer: <P extends any[], R>(fn: (...args: P) => R) => (...args: P) => Promise<R>;
 export declare const pipeOnlyLastEffect: <P extends any[], R>(fn: (...arg: P) => Promise<R>) => (...args: P) => Promise<R>;
-export declare const geocoderResult2cityName: (value: google.maps.GeocoderResult) => string | undefined;
 export declare const isPlaceEqual: (p1: Place, p2?: Place) => boolean;
 export declare const isPointEqual: (p1: Point, p2?: Point) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.5.8",
+  "version": "0.6.0",
   "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