@heycar/heycars-map 0.7.11 → 0.8.1

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.1";
 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$1 = "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,8 +795,8 @@ const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox2(props, {
       }
     }), !!description && Vue.h("div", {
       "class": boxDescription
-    }, [description])]), Vue.h("img", {
-      "class": arrowRight,
+    }, [description])]), withArrow && Vue.h("img", {
+      "class": arrowRight$1,
       "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;
@@ -3203,6 +3209,7 @@ const KeyedFitView = defineSetup(function KeyedFitView2(props, {
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI3Mi4zMzklIiB5MT0iNTAlIiB4Mj0iMCUiIHkyPSI1MCUiIGlkPSJwcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9IiNGRjg0NDciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkY4QjRBIiBvZmZzZXQ9IjUwLjU5NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZBOTVBIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyNy4wMDZjMi4xMjggMC0uOS0zLjc0MyA1LjYyMS02LjY0M0MxOS44NDIgMTguNDUzIDIyIDE0Ljk1MyAyMiAxMC45NSAyMiA0LjkwMiAxNy4wNzUgMCAxMSAwUzAgNC45MDIgMCAxMC45NWMwIDMuOTE4IDIuMDY4IDcuMzU2IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjg0IDkuMDYgMjcuMDA3IDExIDI3LjAwN3oiIHN0cm9rZT0iI0ZGRiIgZmlsbD0idXJsKCNwcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjUwJSIgeDI9IjEyOS41OTklIiB5Mj0iNTAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjMzZBOEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQ4NzFGMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIgMzAuMjE1YzEuOTUgMCAzLjUzMi0uODE2IDMuNTMyLTEuODIzIDAtMS4wMDctMS41ODEtMS44MjMtMy41MzItMS44MjMtMS45NSAwLTMuNTMyLjgxNi0zLjUzMiAxLjgyMyAwIDEuMDA3IDEuNTgxIDEuODIzIDMuNTMyIDEuODIzeiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iIzQzNDg1QSIvPjxwYXRoIGQ9Ik0xMSAyN2MyLjEyOCAwLS45LTMuNzQyIDUuNjIxLTYuNjQxIDMuMjIxLTEuOTEgNS4zNzktNS40MSA1LjM3OS05LjQxMkMyMiA0LjkwMSAxNy4wNzUgMCAxMSAwUzAgNC45MDEgMCAxMC45NDdjMCAzLjkxOCAyLjA2OCA3LjM1NSA1LjE3NyA5LjI5QzExLjc1IDIzLjI3NyA5LjA2IDI3IDExIDI3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI3ByZWZpeF9fYSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIi8+PHRleHQgZm9udC1mYW1pbHk9IlBpbmdGYW5nU0MtU2VtaWJvbGQsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIiBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSI+PHRzcGFuIHg9IjUiIHk9IjE1LjYyNCI+6LW3PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==";
 const StartEndPoint_css_ts_vanilla = "";
+var arrowRight = createRuntimeFn({ defaultClassName: "_4a4ovka", variantClassNames: { withArrow: { true: "_4a4ovkb", false: "_4a4ovkc" } }, defaultVariants: {}, compoundVariants: [] });
 var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { type: { start: "_4a4ovk6", end: "_4a4ovk7" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
@@ -3210,38 +3217,61 @@ var pointInfoBoxEmphasize$1 = "_4a4ovk5";
 var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout$1 = "_4a4ovk0";
 var pointSingleInfoBox$1 = "_4a4ovk2";
-const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
+var textLayout = createRuntimeFn({ defaultClassName: "", variantClassNames: { withArrow: { true: "_4a4ovk8", false: "_4a4ovk9" } }, defaultVariants: {}, compoundVariants: [] });
+const AStartEndPoint = defineSetup(function AStartEndPoint2(props, {
+  emit
+}) {
   const contentRef = Vue.computed(() => {
-    var _a;
-    const icon = props.type === "start" ? imgStartPoint : imgEndPoint;
-    const descriptionRow = !props.description ? "" : decodeAsterisk(props.description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
-    if (!props.description && !props.title)
+    const {
+      withArrow = false,
+      title,
+      description,
+      type: type2
+    } = props;
+    const icon = type2 === "start" ? imgStartPoint : imgEndPoint;
+    const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
+    if (!description && !title)
       return `<img class="AStartEndPoint ${pointIcon({
-        type: props.type
+        type: type2
       })}" src="${icon}">`;
-    if (!props.description)
+    if (!description)
       return `
         <div class="AStartEndPoint ${pointLayout$1}">
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle}">${props.title}</div>
+            <div class="${pointInfoBoxTitle} ${textLayout({
+        withArrow
+      })}">${title}</div>
+            <img class="${arrowRight({
+        withArrow
+      })}" src="${imgArrowRight}" />
           </div>
           <img src="${icon}" class="${pointIcon({
-        type: props.type
+        type: type2
       })}">
         </div>
       `;
     return `
         <div class="AStartEndPoint ${pointLayout$1}">
           <div class="${pointInfoBox}">
-            <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
-            <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
+            <div class="${textLayout({
+      withArrow
+    })}">
+              <div class="${pointInfoBoxTitle}">${title != null ? title : ""}</div>
+              <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
+            </div>
+            <img class="${arrowRight({
+      withArrow
+    })}" src="${imgArrowRight}" />
           </div>
           <img src="${icon}" class="${pointIcon({
-      type: props.type
+      type: type2
     })}">
         </div>
       `;
   });
+  const handleClick = () => {
+    emit("click", props.position);
+  };
   return () => Vue.h(AmapMarker, {
     "attrs": {
       "registerOverlay": props.registerOverlay,
@@ -3249,44 +3279,69 @@ const AStartEndPoint = defineSetup(function AStartEndPoint2(props) {
       "content": contentRef.value,
       "anchor": "bottom-center",
       "zIndex": ZINDEX_START_END_LOGO_LAYER
+    },
+    "on": {
+      "click": handleClick
     }
   });
 });
-const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
+const GStartEndPoint = defineSetup(function GStartEndPoint2(props, {
+  emit
+}) {
   const contentRef = Vue.computed(() => {
-    var _a;
-    const icon = props.type === "start" ? imgStartPoint : imgEndPoint;
-    const descriptionRow = !props.description ? "" : decodeAsterisk(props.description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
-    if (!props.description && !props.title)
+    const {
+      withArrow = false,
+      title,
+      description,
+      type: type2
+    } = props;
+    const icon = type2 === "start" ? imgStartPoint : imgEndPoint;
+    const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize$1}">${item.value}</span>`).join("");
+    if (!description && !title)
       return createDom("img", {
         class: `GStartEndPoint ${pointIcon({
-          type: props.type
+          type: type2
         })}`,
         src: icon
       });
-    if (!props.description)
+    if (!description)
       return createDom("div", {
         class: `GStartEndPoint ${pointLayout$1}`
       }, `
           <div class="${pointSingleInfoBox$1}">
-            <div class="${pointInfoBoxTitle}">${props.title}</div>
+            <div class="${pointInfoBoxTitle} ${textLayout({
+        withArrow
+      })}">${title}</div>
+            <img class="${arrowRight({
+        withArrow
+      })}" src="${imgArrowRight}" />
           </div>
           <img src="${icon}" class="${pointIcon({
-        type: props.type
+        type: type2
       })}">
         `);
     return createDom("div", {
       class: `GStartEndPoint ${pointLayout$1}`
     }, `
         <div class="${pointInfoBox}">
-          <div class="${pointInfoBoxTitle}">${(_a = props.title) != null ? _a : ""}</div>
-          <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
+          <div class="${textLayout({
+      withArrow
+    })}">
+            <div class="${pointInfoBoxTitle}">${title != null ? title : ""}</div>
+            <div class="${pointInfoBoxDescription}">${descriptionRow}</div>
+          </div>
+          <img class="${arrowRight({
+      withArrow
+    })}" src="${imgArrowRight}" />
         </div>
         <img src="${icon}" class="${pointIcon({
-      type: props.type
+      type: type2
     })}">
       `);
   });
+  const handleClick = () => {
+    emit("click", props.position);
+  };
   return () => {
     return Vue.h(GmapAdvancedMarkerView, {
       "attrs": {
@@ -3294,19 +3349,29 @@ const GStartEndPoint = defineSetup(function GStartEndPoint2(props) {
         "position": vec2lnglat(props.position),
         "content": contentRef.value,
         "zIndex": ZINDEX_START_END_LOGO_LAYER
+      },
+      "on": {
+        "click": handleClick
       }
     });
   };
 });
-const StartEndPoint = defineSetup(function StartEndPoint2(props) {
+const StartEndPoint = defineSetup(function StartEndPoint2(props, {
+  emit
+}) {
   const payload = useMapSupplier();
   return () => {
     return createElement(payload.supplier === "gmap" ? GStartEndPoint : AStartEndPoint, {
-      attrs: props
+      attrs: props,
+      on: {
+        click: (value) => emit("click", value)
+      }
     });
   };
 });
-const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props) {
+const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props, {
+  emit
+}) {
   const {
     registerOverlay,
     mapRef,
@@ -3339,7 +3404,11 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
         "registerOverlay": registerOverlay,
         "position": from,
         "title": fromPlace.displayName,
-        "description": fromDescription
+        "description": fromDescription,
+        "withArrow": true
+      },
+      "on": {
+        "click": () => emit("clickStartPoint", fromPlace)
       }
     }), Vue.h(DrivingRoute, {
       "attrs": {
@@ -3362,7 +3431,11 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
             "description": renderDescription({
               distance,
               duration
-            })
+            }),
+            "withArrow": true
+          },
+          "on": {
+            "click": () => emit("clickEndPoint", toPlace)
           }
         })]
       }
@@ -3435,6 +3508,10 @@ function compatibaleAddEventListenerDeviceOrientation(handler) {
       addEventListener("touchend", handleTouchEnd);
       return;
     }
+    if (typeof DeviceOrientationEvent === "undefined") {
+      console.warn("My Warning: ios not support DeviceOrientationEvent");
+      return;
+    }
     DeviceOrientationEvent == null ? void 0 : DeviceOrientationEvent.requestPermission().then((permissionState) => {
       if (permissionState === "granted") {
         isIOSDeviceOrientationPermissionGranted = true;
@@ -6083,8 +6160,7 @@ const APlaceCircle = defineSetup(function APlaceCircle2(props, {
       textAlign: textAlignRef.value
     })}" src="${imgPlaceCircle}">`;
   });
-  const handleClick = (e) => {
-    console.log("AmapMarker click e = ", e);
+  const handleClick = () => {
     emit("click", props.position);
   };
   return () => {
@@ -6320,9 +6396,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 +6466,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
       });
     }
   });
-  Vue.watchEffect(() => {
-    mapContext.onChangeCenterPlace({
-      ...centerPlace
-    });
-  });
-  Vue.watchEffect(() => {
-    mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
-  });
   return () => {
     var _a2, _b2;
     const {
@@ -6439,7 +6505,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 +6514,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 +7860,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 +7873,9 @@ const useBusinessRecomendPlaceMap = () => {
     apiMapInChina: inChina
   };
 };
+const useBusinessReselectPlaceMap = () => {
+  return useBusinessRecomendPlaceMap();
+};
 const useBusinessTaxiServiceMap = () => {
   const { mapRef, setMap } = useHeycarMap();
   const { registerFitVeiw, setFitView } = useMapFitView({
@@ -7612,6 +7890,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 +7911,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;