@heycar/heycars-map 0.7.11 → 0.8.0

package/dist/index.cjs

@@ -9,7 +9,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Vue = require("vue");
 const style = "";
 const name = "@heycar/heycars-map";
-const version = "0.7.11";
+const version = "0.8.0";
 const type = "module";
 const scripts = {
   dev: "vite -c vite.config.dev.ts",
@@ -655,15 +655,85 @@ function defineLagecySetup(setup) {
 const createElement = Vue.h;
 const LANGUAGE = "zh-CN";
 const AbsoluteAddressBox_css_ts_vanilla = "";
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+  for (var key of Object.keys(compoundCheck)) {
+    var _selections$key;
+    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var createRuntimeFn = (config) => (options) => {
+  var className = config.defaultClassName;
+  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+  for (var variantName in selections) {
+    var _selections$variantNa;
+    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+    if (variantSelection != null) {
+      var selection = variantSelection;
+      if (typeof selection === "boolean") {
+        selection = selection === true ? "true" : "false";
+      }
+      var selectionClassName = (
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection]
+      );
+      if (selectionClassName) {
+        className += " " + selectionClassName;
+      }
+    }
+  }
+  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+      className += " " + compoundClassName;
+    }
+  }
+  return className;
+};
 var absoluteAddressBox = "n8tgem1";
 var absoluteAddressBoxLayout = "n8tgem0";
-var arrowRight = "n8tgem6";
-var boxDescription = "n8tgem4";
-var boxTextLayout = "n8tgem2";
-var boxTitle = "n8tgem3";
-var imgDotLoading = "n8tgem5";
-var locatorIcon = "n8tgem8";
-var straightLine = "n8tgem7";
+var arrowRight = "n8tgem8";
+var boxDescription = "n8tgem6";
+var boxTextLayout = createRuntimeFn({ defaultClassName: "n8tgem2", variantClassNames: { withArrow: { true: "n8tgem3", false: "n8tgem4" } }, defaultVariants: {}, compoundVariants: [] });
+var boxTitle = "n8tgem5";
+var imgDotLoading = "n8tgem7";
+var locatorIcon = "n8tgema";
+var straightLine = "n8tgem9";
 const MultilineTitle = defineSetup(function MultilineTitle2(props) {
   const linesRef = Vue.computed(() => {
     var _a;
@@ -679,7 +749,8 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
     const {
       type: type2,
       title,
-      description
+      description,
+      withArrow = false
     } = props;
     if (type2 === "locator")
       return Vue.h("div", {
@@ -714,7 +785,9 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
         "click": handleClick
       }
     }, [Vue.h("div", {
-      "class": boxTextLayout
+      "class": boxTextLayout({
+        withArrow
+      })
     }, [Vue.h(MultilineTitle, {
       "class": boxTitle,
       "attrs": {
@@ -722,7 +795,7 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
       }
     }), !!description && Vue.h("div", {
       "class": boxDescription
-    }, [description])]), Vue.h("img", {
+    }, [description])]), withArrow && Vue.h("img", {
       "class": arrowRight,
       "attrs": {
         "src": imgArrowRight
@@ -1250,6 +1323,9 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
     });
   });
 }
+const watchPostEffectOnce = (callback) => {
+  Vue.watch(() => 0, callback, { immediate: true, flush: "post" });
+};
 const AmapMarker = defineSetup(function AmapMarker2(props, { emit }) {
   const { registerOverlay } = props;
   const markerRef = Vue.shallowRef();
@@ -2350,76 +2426,6 @@ const useResizeObserver = (props) => {
   });
 };
 const Gmap_css_ts_vanilla = "";
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys2 = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => (options) => {
-  var className = config.defaultClassName;
-  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-  for (var variantName in selections) {
-    var _selections$variantNa;
-    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-    if (variantSelection != null) {
-      var selection = variantSelection;
-      if (typeof selection === "boolean") {
-        selection = selection === true ? "true" : "false";
-      }
-      var selectionClassName = (
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection]
-      );
-      if (selectionClassName) {
-        className += " " + selectionClassName;
-      }
-    }
-  }
-  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-      className += " " + compoundClassName;
-    }
-  }
-  return className;
-};
 var gmap = "_7anfuo0";
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
@@ -6320,9 +6326,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       }
     },
     onChange: (v) => emit("changeGeoLocation", v),
-    onError: (e) => {
-      emit("geoError", e);
-    }
+    onError: (e) => emit("geoError", e)
   });
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
@@ -6392,14 +6396,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       });
     }
   });
-  Vue.watchEffect(() => {
-    mapContext.onChangeCenterPlace({
-      ...centerPlace
-    });
-  });
-  Vue.watchEffect(() => {
-    mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
-  });
   return () => {
     var _a2, _b2;
     const {
@@ -6439,7 +6435,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       "attrs": {
         "title": title,
         "description": description,
-        "type": isDragging.value ? "locator" : "box"
+        "type": isDragging.value ? "locator" : "box",
+        "withArrow": true
       },
       "on": {
         "click": () => emit("clickLocator")
@@ -6447,6 +6444,220 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     })]);
   };
 }).props(["log", "geoLoadingTitle", "unavailableTitle", "recomendDescription", "fallback", "geoDefaultPosition", "getRecomendPlace", "getDefaultCenterPlace", "loading", "mapContext"]);
+const emptyPlace = {
+  lng: 0,
+  lat: 0,
+  name: "",
+  displayName: ""
+};
+const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlaceMap2(props, {
+  emit,
+  slots
+}) {
+  const {
+    getRecomendPlace,
+    mapContext,
+    defaultPlace = {
+      ...emptyPlace
+    }
+  } = props;
+  const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
+  const {
+    mapRef,
+    mapElementRef,
+    setMap,
+    panTo
+  } = useHeycarMap();
+  const {
+    zoomRef
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
+  const centerPlace = Vue.reactive({
+    lng: defaultPlace.lng,
+    lat: defaultPlace.lat,
+    name: defaultPlace.name,
+    displayName: defaultPlace.displayName
+  });
+  const centerPoint = Vue.computed(() => [centerPlace.lng, centerPlace.lat]);
+  const centerSource = {
+    source: "default"
+  };
+  const updateCenterPlaceByPoint = (point) => {
+    centerSource.source = "api";
+    updatePlace(point);
+  };
+  const setCenterPlaceByUserSpecified = async (input) => {
+    centerSource.source = "api";
+    const place = toPlaceType(input);
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    emit("changePlace", {
+      ...place
+    });
+    updateRecommendPlace(place);
+  };
+  const setCenterPlaceByUserSpecifiedInZone = ({
+    place,
+    recommends
+  }) => {
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    setPlaceCandidatesAndZone(recommends);
+    emit("changePlace", {
+      ...place
+    });
+  };
+  const panToCenterByPlace = async (place) => {
+    centerSource.source = "api";
+    await panTo(place2point(place));
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    emit("changePlace", {
+      ...place
+    });
+    emit("changeRecomandPlace", {
+      place: {
+        ...place
+      },
+      inputPlace: {
+        ...place
+      },
+      isInZone: !!zoneRef.value
+    });
+  };
+  const {
+    orientation
+  } = useDeviceOrientation({
+    elementRef: mapElementRef
+  });
+  const {
+    geoPosition,
+    geoError,
+    geoLoading
+  } = useGeoLocation({
+    geoDefaultPosition: place2point(defaultPlace),
+    onError: (e) => emit("geoError", e)
+  });
+  mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
+  mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
+  mapContext.panToGeoPositionByRecomend = () => {
+    if (geoError.value)
+      return false;
+    updateCenterPlaceByPoint(geoPosition.value);
+    return true;
+  };
+  const {
+    isDragging
+  } = useMapDrag({
+    mapRef,
+    onChange: (point) => {
+      centerSource.source = "drag";
+      updatePlace(point);
+    }
+  });
+  const {
+    updatePlace,
+    updateRecommendPlace,
+    updatePlaceCandidates,
+    setPlaceCandidatesAndZone,
+    placeCandidates,
+    zoneRef,
+    availableRef,
+    isElectedRef
+  } = useMapRecomendPlace({
+    pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
+    context: centerSource,
+    getRecomendPlace: pipedGetRecomendPlace,
+    getLimit: (context2) => {
+      const source = context2 == null ? void 0 : context2.source;
+      switch (source) {
+        case "drag":
+          return RECOMMEND_PLACE_DRAG_LIMIT;
+        case "api":
+        case "geo":
+        case "default":
+          return RECOMMEND_PLACE_LARGE_LIMIT;
+        default:
+          throw new Error(`MyError: should not call getLimit on source: ${source}`);
+      }
+    },
+    onChangePlace: (place) => {
+      if (centerSource.source !== "recomend") {
+        updateRecommendPlace(place);
+      }
+      emit("changePlace", place);
+    },
+    onChange: async ({
+      place,
+      inputPlace,
+      isInZone
+    }) => {
+      centerSource.source = "recomend";
+      if (isPlaceEqual(place, centerPlace))
+        panTo(place2point(place));
+      Object.assign(centerPlace, {
+        ...place
+      });
+      emit("changeRecomandPlace", {
+        place,
+        inputPlace,
+        isInZone
+      });
+    }
+  });
+  watchPostEffectOnce(() => updatePlaceCandidates(defaultPlace));
+  return () => {
+    var _a, _b;
+    const {
+      recomendDescription,
+      unavailableTitle
+    } = props;
+    const title = !availableRef.value ? unavailableTitle : centerPlace.displayName;
+    const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
+    return Vue.h(HeycarMap, {
+      "attrs": {
+        "center": centerPoint.value,
+        "zoom": zoomRef.value,
+        "touchZoomCenter": true,
+        "mapRef": setMap,
+        "fallback": slots.fallback,
+        "loading": slots.loading
+      }
+    }, [((_a = zoneRef.value) == null ? void 0 : _a.path.length) && Vue.h(GreenZone, {
+      "attrs": {
+        "path": (_b = zoneRef.value) == null ? void 0 : _b.path
+      }
+    }), !geoLoading.value && !geoError.value && Vue.h(PassengerCircle, {
+      "attrs": {
+        "position": geoPosition.value,
+        "angle": orientation.cssRotationVariableName
+      }
+    }), zoomRef.value >= RECOMMEND_PLACE_ZOOM_MIN && Vue.h(PickupPoints, {
+      "attrs": {
+        "places": placeCandidates.value,
+        "renderLabel": (place) => isPlaceEqual(place, centerPlace) ? void 0 : place.displayName
+      },
+      "on": {
+        "click": panToCenterByPlace
+      }
+    }), geoLoading.value ? null : Vue.h(AbsoluteAddressBox, {
+      "attrs": {
+        "title": title,
+        "description": description,
+        "type": isDragging.value ? "locator" : "box"
+      }
+    })]);
+  };
+}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "recomendDescription", "getRecomendPlace", "mapContext"]);
 const useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -7579,12 +7790,6 @@ const useBusinessRecomendPlaceMap = () => {
     },
     setCenterPlaceByUserSpecifiedInZone: () => {
       throw new Error("MyError: setCenterPlaceByUserSpecifiedInZone used before assigned");
-    },
-    onChangeCenterPlace: (place) => {
-      Object.assign(centerPlace, { ...place });
-    },
-    onChangeRecomendPlaces: (places) => {
-      placeCandidates.value = [...places];
     }
   };
   return {
@@ -7598,6 +7803,9 @@ const useBusinessRecomendPlaceMap = () => {
     apiMapInChina: inChina
   };
 };
+const useBusinessReselectPlaceMap = () => {
+  return useBusinessRecomendPlaceMap();
+};
 const useBusinessTaxiServiceMap = () => {
   const { mapRef, setMap } = useHeycarMap();
   const { registerFitVeiw, setFitView } = useMapFitView({
@@ -7612,6 +7820,7 @@ exports.AbsoluteAddressBox = AbsoluteAddressBox;
 exports.AddressBox = AddressBox;
 exports.BusinessQuotingMap = BusinessQuotingMap;
 exports.BusinessRecomendPlaceMap = BusinessRecomendPlaceMap;
+exports.BusinessReselectPlaceMap = BusinessReselectPlaceMap;
 exports.BusinessTaxiEndMap = BusinessTaxiEndMap;
 exports.BusinessTaxiServiceMap = BusinessTaxiServiceMap;
 exports.DrivingLine = DrivingLine;
@@ -7632,6 +7841,7 @@ exports.patchMiniprogramRedirectTo = patchMiniprogramRedirectTo;
 exports.useBusinessAlarm = useBusinessAlarm;
 exports.useBusinessQuotingMap = useBusinessQuotingMap;
 exports.useBusinessRecomendPlaceMap = useBusinessRecomendPlaceMap;
+exports.useBusinessReselectPlaceMap = useBusinessReselectPlaceMap;
 exports.useBusinessTaxiServiceMap = useBusinessTaxiServiceMap;
 exports.useDrivingRoute = useDrivingRoute;
 exports.useGeoLocation = useGeoLocation;

package/dist/index.js

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => {
 import Vue, { defineComponent, h, computed, inject, provide, watch, onMounted, onUnmounted, watchPostEffect, shallowRef, ref, watchEffect, reactive, toRefs, toRef } from "vue";
 const style = "";
 const name = "@heycar/heycars-map";
-const version = "0.7.11";
+const version = "0.8.0";
 const type = "module";
 const scripts = {
   dev: "vite -c vite.config.dev.ts",
@@ -653,15 +653,85 @@ function defineLagecySetup(setup) {
 const createElement = h;
 const LANGUAGE = "zh-CN";
 const AbsoluteAddressBox_css_ts_vanilla = "";
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys2 = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys2.push.apply(keys2, symbols);
+  }
+  return keys2;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
+  for (var key of Object.keys(compoundCheck)) {
+    var _selections$key;
+    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+var createRuntimeFn = (config) => (options) => {
+  var className = config.defaultClassName;
+  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+  for (var variantName in selections) {
+    var _selections$variantNa;
+    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+    if (variantSelection != null) {
+      var selection = variantSelection;
+      if (typeof selection === "boolean") {
+        selection = selection === true ? "true" : "false";
+      }
+      var selectionClassName = (
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection]
+      );
+      if (selectionClassName) {
+        className += " " + selectionClassName;
+      }
+    }
+  }
+  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+      className += " " + compoundClassName;
+    }
+  }
+  return className;
+};
 var absoluteAddressBox = "n8tgem1";
 var absoluteAddressBoxLayout = "n8tgem0";
-var arrowRight = "n8tgem6";
-var boxDescription = "n8tgem4";
-var boxTextLayout = "n8tgem2";
-var boxTitle = "n8tgem3";
-var imgDotLoading = "n8tgem5";
-var locatorIcon = "n8tgem8";
-var straightLine = "n8tgem7";
+var arrowRight = "n8tgem8";
+var boxDescription = "n8tgem6";
+var boxTextLayout = createRuntimeFn({ defaultClassName: "n8tgem2", variantClassNames: { withArrow: { true: "n8tgem3", false: "n8tgem4" } }, defaultVariants: {}, compoundVariants: [] });
+var boxTitle = "n8tgem5";
+var imgDotLoading = "n8tgem7";
+var locatorIcon = "n8tgema";
+var straightLine = "n8tgem9";
 const MultilineTitle = defineSetup(function MultilineTitle2(props) {
   const linesRef = computed(() => {
     var _a;
@@ -677,7 +747,8 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
     const {
       type: type2,
       title,
-      description
+      description,
+      withArrow = false
     } = props;
     if (type2 === "locator")
       return h("div", {
@@ -712,7 +783,9 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
         "click": handleClick
       }
     }, [h("div", {
-      "class": boxTextLayout
+      "class": boxTextLayout({
+        withArrow
+      })
     }, [h(MultilineTitle, {
       "class": boxTitle,
       "attrs": {
@@ -720,7 +793,7 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
       }
     }), !!description && h("div", {
       "class": boxDescription
-    }, [description])]), h("img", {
+    }, [description])]), withArrow && h("img", {
       "class": arrowRight,
       "attrs": {
         "src": imgArrowRight
@@ -1248,6 +1321,9 @@ function watchPostEffectForGMapEvent(targetRef, props, emit, propertyNames) {
     });
   });
 }
+const watchPostEffectOnce = (callback) => {
+  watch(() => 0, callback, { immediate: true, flush: "post" });
+};
 const AmapMarker = defineSetup(function AmapMarker2(props, { emit }) {
   const { registerOverlay } = props;
   const markerRef = shallowRef();
@@ -2348,76 +2424,6 @@ const useResizeObserver = (props) => {
   });
 };
 const Gmap_css_ts_vanilla = "";
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys2 = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
-  }
-  return keys2;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {
-  for (var key of Object.keys(compoundCheck)) {
-    var _selections$key;
-    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => (options) => {
-  var className = config.defaultClassName;
-  var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
-  for (var variantName in selections) {
-    var _selections$variantNa;
-    var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-    if (variantSelection != null) {
-      var selection = variantSelection;
-      if (typeof selection === "boolean") {
-        selection = selection === true ? "true" : "false";
-      }
-      var selectionClassName = (
-        // @ts-expect-error
-        config.variantClassNames[variantName][selection]
-      );
-      if (selectionClassName) {
-        className += " " + selectionClassName;
-      }
-    }
-  }
-  for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
-    if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
-      className += " " + compoundClassName;
-    }
-  }
-  return className;
-};
 var gmap = "_7anfuo0";
 const Gmap = defineSetup(function Gmap2(props, { slots, emit }) {
   const setMap = props.mapRef;
@@ -6318,9 +6324,7 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       }
     },
     onChange: (v) => emit("changeGeoLocation", v),
-    onError: (e) => {
-      emit("geoError", e);
-    }
+    onError: (e) => emit("geoError", e)
   });
   mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
   mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
@@ -6390,14 +6394,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       });
     }
   });
-  watchEffect(() => {
-    mapContext.onChangeCenterPlace({
-      ...centerPlace
-    });
-  });
-  watchEffect(() => {
-    mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
-  });
   return () => {
     var _a2, _b2;
     const {
@@ -6437,7 +6433,8 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       "attrs": {
         "title": title,
         "description": description,
-        "type": isDragging.value ? "locator" : "box"
+        "type": isDragging.value ? "locator" : "box",
+        "withArrow": true
       },
       "on": {
         "click": () => emit("clickLocator")
@@ -6445,6 +6442,220 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     })]);
   };
 }).props(["log", "geoLoadingTitle", "unavailableTitle", "recomendDescription", "fallback", "geoDefaultPosition", "getRecomendPlace", "getDefaultCenterPlace", "loading", "mapContext"]);
+const emptyPlace = {
+  lng: 0,
+  lat: 0,
+  name: "",
+  displayName: ""
+};
+const BusinessReselectPlaceMap = defineLagecySetup(function BusinessReselectPlaceMap2(props, {
+  emit,
+  slots
+}) {
+  const {
+    getRecomendPlace,
+    mapContext,
+    defaultPlace = {
+      ...emptyPlace
+    }
+  } = props;
+  const pipedGetRecomendPlace = pipeOnlyLastEffect(getRecomendPlace);
+  const {
+    mapRef,
+    mapElementRef,
+    setMap,
+    panTo
+  } = useHeycarMap();
+  const {
+    zoomRef
+  } = useMapZoom({
+    mapRef,
+    defaultValue: DEFAULT_ZOOM
+  });
+  const centerPlace = reactive({
+    lng: defaultPlace.lng,
+    lat: defaultPlace.lat,
+    name: defaultPlace.name,
+    displayName: defaultPlace.displayName
+  });
+  const centerPoint = computed(() => [centerPlace.lng, centerPlace.lat]);
+  const centerSource = {
+    source: "default"
+  };
+  const updateCenterPlaceByPoint = (point) => {
+    centerSource.source = "api";
+    updatePlace(point);
+  };
+  const setCenterPlaceByUserSpecified = async (input) => {
+    centerSource.source = "api";
+    const place = toPlaceType(input);
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    emit("changePlace", {
+      ...place
+    });
+    updateRecommendPlace(place);
+  };
+  const setCenterPlaceByUserSpecifiedInZone = ({
+    place,
+    recommends
+  }) => {
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    setPlaceCandidatesAndZone(recommends);
+    emit("changePlace", {
+      ...place
+    });
+  };
+  const panToCenterByPlace = async (place) => {
+    centerSource.source = "api";
+    await panTo(place2point(place));
+    centerPlace.lng = place.lng;
+    centerPlace.lat = place.lat;
+    centerPlace.name = place.name;
+    centerPlace.displayName = place.displayName;
+    emit("changePlace", {
+      ...place
+    });
+    emit("changeRecomandPlace", {
+      place: {
+        ...place
+      },
+      inputPlace: {
+        ...place
+      },
+      isInZone: !!zoneRef.value
+    });
+  };
+  const {
+    orientation
+  } = useDeviceOrientation({
+    elementRef: mapElementRef
+  });
+  const {
+    geoPosition,
+    geoError,
+    geoLoading
+  } = useGeoLocation({
+    geoDefaultPosition: place2point(defaultPlace),
+    onError: (e) => emit("geoError", e)
+  });
+  mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
+  mapContext.setCenterPlaceByUserSpecifiedInZone = setCenterPlaceByUserSpecifiedInZone;
+  mapContext.panToGeoPositionByRecomend = () => {
+    if (geoError.value)
+      return false;
+    updateCenterPlaceByPoint(geoPosition.value);
+    return true;
+  };
+  const {
+    isDragging
+  } = useMapDrag({
+    mapRef,
+    onChange: (point) => {
+      centerSource.source = "drag";
+      updatePlace(point);
+    }
+  });
+  const {
+    updatePlace,
+    updateRecommendPlace,
+    updatePlaceCandidates,
+    setPlaceCandidatesAndZone,
+    placeCandidates,
+    zoneRef,
+    availableRef,
+    isElectedRef
+  } = useMapRecomendPlace({
+    pointRef: centerPoint,
+    emptyPlaceName: DEFAULT_PLACE_NAME,
+    context: centerSource,
+    getRecomendPlace: pipedGetRecomendPlace,
+    getLimit: (context2) => {
+      const source = context2 == null ? void 0 : context2.source;
+      switch (source) {
+        case "drag":
+          return RECOMMEND_PLACE_DRAG_LIMIT;
+        case "api":
+        case "geo":
+        case "default":
+          return RECOMMEND_PLACE_LARGE_LIMIT;
+        default:
+          throw new Error(`MyError: should not call getLimit on source: ${source}`);
+      }
+    },
+    onChangePlace: (place) => {
+      if (centerSource.source !== "recomend") {
+        updateRecommendPlace(place);
+      }
+      emit("changePlace", place);
+    },
+    onChange: async ({
+      place,
+      inputPlace,
+      isInZone
+    }) => {
+      centerSource.source = "recomend";
+      if (isPlaceEqual(place, centerPlace))
+        panTo(place2point(place));
+      Object.assign(centerPlace, {
+        ...place
+      });
+      emit("changeRecomandPlace", {
+        place,
+        inputPlace,
+        isInZone
+      });
+    }
+  });
+  watchPostEffectOnce(() => updatePlaceCandidates(defaultPlace));
+  return () => {
+    var _a, _b;
+    const {
+      recomendDescription,
+      unavailableTitle
+    } = props;
+    const title = !availableRef.value ? unavailableTitle : centerPlace.displayName;
+    const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
+    return h(HeycarMap, {
+      "attrs": {
+        "center": centerPoint.value,
+        "zoom": zoomRef.value,
+        "touchZoomCenter": true,
+        "mapRef": setMap,
+        "fallback": slots.fallback,
+        "loading": slots.loading
+      }
+    }, [((_a = zoneRef.value) == null ? void 0 : _a.path.length) && h(GreenZone, {
+      "attrs": {
+        "path": (_b = zoneRef.value) == null ? void 0 : _b.path
+      }
+    }), !geoLoading.value && !geoError.value && h(PassengerCircle, {
+      "attrs": {
+        "position": geoPosition.value,
+        "angle": orientation.cssRotationVariableName
+      }
+    }), zoomRef.value >= RECOMMEND_PLACE_ZOOM_MIN && h(PickupPoints, {
+      "attrs": {
+        "places": placeCandidates.value,
+        "renderLabel": (place) => isPlaceEqual(place, centerPlace) ? void 0 : place.displayName
+      },
+      "on": {
+        "click": panToCenterByPlace
+      }
+    }), geoLoading.value ? null : h(AbsoluteAddressBox, {
+      "attrs": {
+        "title": title,
+        "description": description,
+        "type": isDragging.value ? "locator" : "box"
+      }
+    })]);
+  };
+}).props(["loading", "fallback", "log", "defaultPlace", "unavailableTitle", "recomendDescription", "getRecomendPlace", "mapContext"]);
 const useAmapGeometry = () => {
   const payload = useMapSupplier();
   const apiMapDistance = (from, to) => {
@@ -7577,12 +7788,6 @@ const useBusinessRecomendPlaceMap = () => {
     },
     setCenterPlaceByUserSpecifiedInZone: () => {
       throw new Error("MyError: setCenterPlaceByUserSpecifiedInZone used before assigned");
-    },
-    onChangeCenterPlace: (place) => {
-      Object.assign(centerPlace, { ...place });
-    },
-    onChangeRecomendPlaces: (places) => {
-      placeCandidates.value = [...places];
     }
   };
   return {
@@ -7596,6 +7801,9 @@ const useBusinessRecomendPlaceMap = () => {
     apiMapInChina: inChina
   };
 };
+const useBusinessReselectPlaceMap = () => {
+  return useBusinessRecomendPlaceMap();
+};
 const useBusinessTaxiServiceMap = () => {
   const { mapRef, setMap } = useHeycarMap();
   const { registerFitVeiw, setFitView } = useMapFitView({
@@ -7611,6 +7819,7 @@ export {
   AddressBox,
   BusinessQuotingMap,
   BusinessRecomendPlaceMap,
+  BusinessReselectPlaceMap,
   BusinessTaxiEndMap,
   BusinessTaxiServiceMap,
   DrivingLine,
@@ -7631,6 +7840,7 @@ export {
   useBusinessAlarm,
   useBusinessQuotingMap,
   useBusinessRecomendPlaceMap,
+  useBusinessReselectPlaceMap,
   useBusinessTaxiServiceMap,
   useDrivingRoute,
   useGeoLocation,

package/dist/src/Demo/DemoBusinessReselectPlace.d.ts

@@ -0,0 +1 @@
+export declare const DemoBusinessReselectPlace: import("vue").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<unknown>, import("../types/helper").Empty, import("../types/helper").Empty, import("../types/helper").Empty, import("../types/helper").Empty, import("../types/helper").Empty, import("../types/helper").Empty, import("../types/helper").EmitByProps<unknown, Required<unknown>>, never, unknown, {}>;

package/dist/src/business-components/AbsoluteAddressBox/AbsoluteAddressBox.css.d.ts

@@ -1,6 +1,13 @@
 export declare const absoluteAddressBoxLayout: string;
 export declare const absoluteAddressBox: string;
-export declare const boxTextLayout: string;
+export declare const boxTextLayout: import("@vanilla-extract/recipes").RuntimeFn<{
+    withArrow: {
+        true: {
+            paddingRight: "2.67vw";
+        };
+        false: {};
+    };
+}>;
 export declare const boxTitle: string;
 export declare const boxDescription: string;
 export declare const imgDotLoading: string;

package/dist/src/business-components/AbsoluteAddressBox/AbsoluteAddressBox.d.ts

@@ -2,6 +2,7 @@ export interface AbsoluteAddressBoxProps {
     type: "box" | "locator" | "loading";
     title: string;
     description?: string;
+    withArrow?: boolean;
     onClick?: () => any;
 }
 export declare const AbsoluteAddressBox: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").ComponentObjectPropsOptions<AbsoluteAddressBoxProps>, 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<AbsoluteAddressBoxProps, Required<AbsoluteAddressBoxProps>>, "click", AbsoluteAddressBoxProps, {}>;

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

@@ -6,6 +6,11 @@ import type { UseMapPlaceProps } from "../../hooks/useMapPlace";
 import { UseMapRecomendPlaceProps } from "../../hooks/useMapRecomendPlace";
 import type { Place, Point } from "../../types/interface";
 import { AbsoluteAddressBoxProps } from "../AbsoluteAddressBox";
+export declare const RECOMMEND_PLACE_DRAG_LIMIT = 10;
+export declare const RECOMMEND_PLACE_LARGE_LIMIT = 100;
+export declare const RECOMMEND_PLACE_ZOOM_MIN = 13;
+export declare const DEFAULT_PLACE_NAME = "\u5F53\u524D\u4F4D\u7F6E";
+export declare const DEFAULT_ZOOM = 17;
 export interface CenterPlaceSource {
     source: "default" | "geo" | "drag" | "recomend" | "api";
 }

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

@@ -0,0 +1,6 @@
+import type { Place } from "../../types/interface";
+import { type BusinessRecomendPlaceMapProps } from "../BusinessRecomendPlaceMap";
+export interface BusinessReselectPlaceMapProps extends Pick<BusinessRecomendPlaceMapProps, "loading" | "fallback" | "log" | "getRecomendPlace" | "unavailableTitle" | "recomendDescription" | "mapContext" | "onChangePlace" | "onChangeRecomandPlace" | "onGeoError"> {
+    defaultPlace?: Place;
+}
+export declare const BusinessReselectPlaceMap: import("vue-demi").DefineComponent<import("vue/types/v3-component-props").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" | "changeRecomandPlace" | "geoError", BusinessReselectPlaceMapProps, {}>;

package/dist/src/business-components/BusinessReselectPlaceMap/index.d.ts

@@ -0,0 +1 @@
+export * from "./BusinessReselectPlaceMap";

package/dist/src/hooks-business/useBusinessRecomendPlaceMap.d.ts

@@ -7,8 +7,6 @@ export interface BusinessRecomendPlaceContext {
     panToGeoPositionByRecomend: (value: Point) => void;
     setCenterPlaceByUserSpecified: (value: Place) => void;
     setCenterPlaceByUserSpecifiedInZone: (value: SetCenterPlaceByUserSpecifiedInZoneProps) => void;
-    onChangeCenterPlace: (value: Place) => void;
-    onChangeRecomendPlaces: (value: Place[]) => void;
 }
 export declare const useBusinessRecomendPlaceMap: () => {
     mapContext: BusinessRecomendPlaceContext;

package/dist/src/hooks-business/useBusinessReselectPlaceMap.d.ts

@@ -0,0 +1,20 @@
+export declare const useBusinessReselectPlaceMap: () => {
+    mapContext: import("./useBusinessRecomendPlaceMap").BusinessRecomendPlaceContext;
+    centerPlace: {
+        lng: number;
+        lat: number;
+        name: string;
+        displayName: string;
+    };
+    placeCandidates: import("vue").Ref<{
+        lng: number;
+        lat: number;
+        name: string;
+        displayName: string;
+    }[]>;
+    panToGeoPositionByRecomend: (value: import("..").Point) => void;
+    setCenterPlaceByUserSpecified: (value: import("..").Place) => void;
+    setCenterPlaceByUserSpecifiedInZone: (value: import("./useBusinessRecomendPlaceMap").SetCenterPlaceByUserSpecifiedInZoneProps) => void;
+    apiMapDistance: (from: import("..").Point, to: import("..").Point) => number | undefined;
+    apiMapInChina: (point: import("..").Point) => boolean;
+};

package/dist/src/index.d.ts

@@ -3,6 +3,7 @@ export { AbsoluteAddressBox } from "./business-components/AbsoluteAddressBox";
 export { AddressBox } from "./business-components/AddressBox";
 export { BusinessQuotingMap } from "./business-components/BusinessQuotingMap";
 export { BusinessRecomendPlaceMap } from "./business-components/BusinessRecomendPlaceMap";
+export { BusinessReselectPlaceMap } from "./business-components/BusinessReselectPlaceMap";
 export { BusinessTaxiEndMap } from "./business-components/BusinessTaxiEndMap";
 export { BusinessTaxiServiceMap } from "./business-components/BusinessTaxiServiceMap";
 export { DrivingLine } from "./business-components/DrivingLine";
@@ -19,6 +20,7 @@ export * from "./components/MapProvider";
 export * from "./hooks-business/useBusinessAlarm";
 export * from "./hooks-business/useBusinessQuotingMap";
 export * from "./hooks-business/useBusinessRecomendPlaceMap";
+export * from "./hooks-business/useBusinessReselectPlaceMap";
 export * from "./hooks-business/useBusinessTaxiServiceMap";
 export { useDrivingRoute } from "./hooks/useDrivingRoute";
 export { useGeoLocation } from "./hooks/useGeoLocation";

package/dist/src/utils/compare.d.ts

@@ -19,4 +19,5 @@ export declare function watchNoneImmediatePostEffectForMapProperty<T, P>(targetR
 type NamesRestrict<N, S extends string> = N extends `on${string}` ? Lowercase<N> extends `on${S}` ? N : never : never;
 export declare function watchPostEffectForAMapEvent<T extends AMap.Event, P, E extends string = AMap.EventType>(targetRef: ShallowRef<T | undefined> | Ref<T | undefined> | undefined, props: P, emit: EmitFn<EmitByProps<P>>, propertyNames: NamesRestrict<keyof P, E>[]): void;
 export declare function watchPostEffectForGMapEvent<T extends google.maps.MVCObject | google.maps.marker.AdvancedMarkerView, P>(targetRef: ShallowRef<T | undefined> | Ref<T | undefined> | undefined, props: P, emit: EmitFn<EmitByProps<P>>, propertyNames: NamesRestrict<keyof P, string>[]): void;
+export declare const watchPostEffectOnce: (callback: WatchCallback) => void;
 export {};

package/dist/style.css

@@ -20,10 +20,12 @@
   align-items: center;
 }
 .n8tgem2 {
-  padding-right: 2.67vw;
   max-width: 41.33vw;
 }
 .n8tgem3 {
+  padding-right: 2.67vw;
+}
+.n8tgem5 {
   display: -webkit-box;
   font-size: 3.47vw;
   font-family: PingFangSC-Semibold, PingFang SC;
@@ -34,7 +36,7 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.n8tgem4 {
+.n8tgem6 {
   margin-top: 0.53vw;
   font-size: 2.93vw;
   font-family: PingFangSC-Regular, PingFang SC;
@@ -43,22 +45,22 @@
   line-height: 4.27vw;
   opacity: 0.8;
 }
-.n8tgem5 {
+.n8tgem7 {
   margin: 1.865vw 0;
   width: 7.467vw;
   height: 1.6vw;
 }
-.n8tgem6 {
+.n8tgem8 {
   width: 1.758vw;
   height: 2.93vw;
 }
-.n8tgem7 {
+.n8tgem9 {
   width: 0.8vw;
   height: 4vw;
   background: #4C80FF;
   border-radius: 0vw 0vw 26.67vw 26.67vw;
 }
-.n8tgem8 {
+.n8tgema {
   width: 6.9355vw;
   height: 10.67vw;
 }.rgf09w0 {

package/package.json

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