@heycar/heycars-map 0.5.8 → 0.6.0

package/dist/index.cjs

@@ -937,18 +937,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);
 };
@@ -2113,7 +2101,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 +2119,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 +3152,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) => {
@@ -3227,7 +3242,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 = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3237,19 +3252,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();
@@ -3268,15 +3270,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":
@@ -3284,14 +3283,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;
@@ -3299,10 +3290,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 = Vue.ref(defaultPoint);
   const { readyPromise } = useMapSupplier();
@@ -3321,16 +3312,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 });
-  };
   Vue.watch(
     () => placeKey.value,
     async () => {
@@ -3339,17 +3320,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();
@@ -3380,25 +3357,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 = Vue.ref(true);
   const placeCandidatesRef = Vue.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 = Vue.reactive({ ...place });
   const isElectedRef = Vue.computed(() => {
@@ -3441,30 +3408,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 = Vue.ref(true);
   const placeCandidatesRef = Vue.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 = Vue.reactive({ ...place });
   const isElectedRef = Vue.computed(() => {
@@ -3507,8 +3463,7 @@ const useGmapRecomendPlace = (props) => {
     updateRecomandPlace,
     updatePlaceCandidates,
     updatePlace,
-    setPlace,
-    updateCity
+    setPlace
   };
 };
 const useMapRecomendPlace = (props) => {
@@ -3558,25 +3513,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 = "";
@@ -3910,7 +3846,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;
@@ -3924,6 +3859,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     geoDefaultPosition,
     getRecomendPlace,
     getDefaultCenterPlace,
+    onChangePlace,
     mapContext
   } = props;
   const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
@@ -3942,12 +3878,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     defaultValue: DEFAULT_ZOOM
   });
-  const {
-    timerStart,
-    timerStop
-  } = useWaitTimer({
-    interval: MAP_DRAG_END_WAIT_ANIMATION
-  });
   const {
     isFirstWorkflowRecomendLoadingRef,
     completeFirstWorkflowRecomend
@@ -3970,7 +3900,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);
   };
@@ -4026,14 +3958,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     mapRef,
     onChange: (point) => {
       centerSource.source = "drag";
-      timerStart();
       updatePlace(point);
       emit("changeByDrag", point);
     }
   });
   const {
     updatePlace,
-    updateCity,
     updateRecomandPlace,
     updatePlaceCandidates,
     placeCandidates,
@@ -4064,7 +3994,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       emit("changePlace", place);
     },
     onChange: async (place) => {
-      await timerStop.promise;
       centerSource.source = "recomend";
       Object.assign(centerPlace, {
         ...place
@@ -4074,9 +4003,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       if (isFirstWorkflowRecomendLoadingRef.value)
         await pipeDefer(setZoom)(READY_ZOOM);
       completeFirstWorkflowRecomend();
-    },
-    onChangeCity: (value) => {
-      emit("changeCity", value);
     }
   });
   Vue.watchEffect(() => {
@@ -4642,6 +4568,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
           distance,
           duration
         }) => {
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [Vue.h(DrivingLine, {
             "attrs": {
@@ -4649,7 +4576,7 @@ const SectionDriverStartService = defineSetup(function SectionDriverStartService
             }
           }), Vue.h(TaxiCar, {
             "attrs": {
-              "position": carPosition,
+              "position": (_a = path[0]) != null ? _a : carPosition,
               "angle": angle,
               "title": renderTitle({
                 distance,
@@ -4862,6 +4789,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
           distance,
           duration
         }) => {
+          var _a;
           spaceLog("angleDifference", "carPosition, routeAngle, driverAngle = ", carPosition, angle, carAngle);
           return [Vue.h(DrivingLine, {
             "attrs": {
@@ -4869,7 +4797,7 @@ const SectionInService = defineSetup(function SectionInService2(props) {
             }
           }), Vue.h(TaxiCar, {
             "attrs": {
-              "position": carPosition,
+              "position": (_a = path[0]) != null ? _a : carPosition,
               "angle": angle,
               "title": renderTitle({
                 distance,
@@ -5190,193 +5118,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 = Vue.ref(city);
-  const { readyPromise } = useMapSupplier();
-  const { apiMapDistance } = useMapGeometry();
-  const { geoPosition } = useGeoLocation();
-  const keywordRef = Vue.ref("");
-  const autoCompletePlacesRef = Vue.ref([]);
-  const { update, idx: updateKey } = useUpdate();
-  const setCity = (value) => {
-    cityRef.value = value;
-    update();
-  };
-  const setKeyword = (value) => {
-    keywordRef.value = value;
-    update();
-  };
-  Vue.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 = Vue.ref({ ...city });
-  const { readyPromise } = useMapSupplier();
-  const { apiMapDistance } = useMapGeometry();
-  const { geoPosition } = useGeoLocation();
-  const keywordRef = Vue.ref("");
-  const autoCompletePlacesRef = Vue.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");
-  Vue.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 = Vue.reactive({ name: (_a = cityNameRef.value) != null ? _a : "" });
-  Vue.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 = Vue.reactive({
-    name: (_a = cityNameRef.value) != null ? _a : "",
-    bound: {
-      east: 0,
-      north: 0,
-      south: 0,
-      west: 0
-    }
-  });
-  Vue.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({
@@ -5445,7 +5186,6 @@ exports.TaxiCar = TaxiCar;
 exports.WalkingLine = WalkingLine;
 exports.WalkingRoute = WalkingRoute;
 exports.WaveCircle = WaveCircle;
-exports.useBusinessMapAutoComplete = useBusinessMapAutoComplete;
 exports.useBusinessQuotingMap = useBusinessQuotingMap;
 exports.useBusinessRecomendPlaceMap = useBusinessRecomendPlaceMap;
 exports.useBusinessTaxiServiceMap = useBusinessTaxiServiceMap;

package/dist/index.d.ts

@@ -16,7 +16,6 @@ export { WalkingLine } from "./business-components/WalkingLine";
 export { WalkingRoute } from "./business-components/WalkingRoute";
 export { WaveCircle } from "./business-components/WaveCircle";
 export * from "./components/MapProvider";
-export * from "./hooks-business/useBusinessMapAutoComplete";
 export * from "./hooks-business/useBusinessQuotingMap";
 export * from "./hooks-business/useBusinessRecomendPlaceMap";
 export * from "./hooks-business/useBusinessTaxiServiceMap";