@heycar/heycars-map 2.12.0-color7 → 2.13.0-relay2

package/dist/v3/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceSection.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
 import { apiGetAuxiliaryGrapStatus } from "../../api/browser.js";
-import { CAR_DISTANCE_MIN, MAX_DEVIATION_DISTANCE } from "../../api/contants.js";
+import { MAX_DEVIATION_DISTANCE, CAR_DISTANCE_MIN } from "../../api/contants.js";
 import { useMapGeometry } from "../../hooks/useMapGeometry.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
@@ -116,6 +116,103 @@ const SectionConfirmed = defineSetup("SectionConfirmed", function(props) {
     }, null)]);
   };
 });
+const SectionDriverStartRelayService = defineSetup("SectionDriverStartRelayService", function(props) {
+  const {
+    registerOverlay
+  } = props;
+  const fittableRegistryOverlay = createFittableRegisterOverlay({
+    registerOverlay,
+    immediate: true
+  });
+  const {
+    language
+  } = useMapSupplier();
+  const {
+    apiMapDistance
+  } = useMapGeometry();
+  return () => {
+    const {
+      from: fromPlace,
+      relayTo: relayToPlace,
+      carPosition,
+      carAngle,
+      carTrackPositions,
+      passengerPosition,
+      passengerAngle,
+      relayToTitle,
+      renderTitle
+    } = props;
+    const from = place2point(fromPlace);
+    const relayTo = relayToPlace ? place2point(relayToPlace) : void 0;
+    const waypoints = relayTo ? [relayTo] : void 0;
+    const passengerDistance = passengerPosition ? apiMapDistance(passengerPosition, from) : void 0;
+    const carDistance = carPosition ? apiMapDistance(carPosition, from) : void 0;
+    return createVNode("div", null, [createVNode(ConditionalFittablePassengerCircle, {
+      "position": passengerPosition,
+      "angle": passengerAngle,
+      "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
+      "registerOverlay": registerOverlay
+    }, null), createVNode(StartEndPoint, {
+      "type": "start",
+      "position": from,
+      "registerOverlay": registerOverlay,
+      "language": language
+    }, null), createVNode(PlaceCircle, {
+      "position": from,
+      "label": fromPlace.displayName,
+      "hideIcon": true
+    }, null), !!relayTo && createVNode(StartEndPoint, {
+      "type": "waypoint",
+      "position": relayTo,
+      "registerOverlay": registerOverlay,
+      "language": language
+    }, null), !!relayTo && !!relayToTitle && createVNode(PlaceCircle, {
+      "position": relayTo,
+      "label": relayToTitle,
+      "hideIcon": true
+    }, null), !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : createVNode(DeviationCorrectionDrivingRoute, {
+      "tracks": carTrackPositions,
+      "to": from,
+      "waypoints": waypoints,
+      "deviation": MAX_DEVIATION_DISTANCE,
+      "render": ({
+        path,
+        angle,
+        distance,
+        duration,
+        trafficJams
+      }) => {
+        var _a;
+        return [relayTo ? createVNode(TrafficDrivingLine, {
+          "path": path,
+          "trafficJams": trafficJams
+        }, null) : null, createVNode(TaxiCar, {
+          "position": (_a = path[0]) != null ? _a : carPosition,
+          "angle": angle != null ? angle : carAngle,
+          "title": renderTitle({
+            distance,
+            duration
+          }),
+          "registerOverlay": fittableRegistryOverlay
+        }, null)];
+      }
+    }, null), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && createVNode(WalkingRoute, {
+      "from": passengerPosition,
+      "to": from,
+      "render": ({
+        path
+      }) => createVNode(WalkingLine, {
+        "path": path
+      }, null)
+    }, null), createVNode(FitViewOnce, {
+      "registerOverlay": registerOverlay,
+      "immediate": true
+    }, null), createVNode(InterruptableIntervalFitView, {
+      "interval": AUTO_FIT_VIEW_INTERVAL,
+      "registerOverlay": registerOverlay
+    }, null)]);
+  };
+});
 const SectionDriverStartService = defineSetup("SectionDriverStartService", function(props) {
   const {
     registerOverlay
@@ -526,6 +623,7 @@ export {
   SectionConfirmed,
   SectionDispatching,
   SectionDriverArrived,
+  SectionDriverStartRelayService,
   SectionDriverStartService,
   SectionEndService,
   SectionInService

package/dist/v3/business-components/PlaceCircle/PlaceCircle.js

@@ -1,4 +1,4 @@
-import "../../css/PlaceCircle-00817652.css";
+import "../../css/PlaceCircle-80eb763c.css";
 import { createVNode } from "vue";
 import { computed } from "vue-demi";
 import { ZINDEX_PLACE_LAYER } from "../../api/contants.js";

package/dist/v3/business-components/StartEndPoint/StartEndPoint.css.d.ts

@@ -16,6 +16,11 @@ export declare const pointIcon: import("@vanilla-extract/recipes").RuntimeFn<{
             width: "6.192vw";
             height: "7.998vw";
         };
+        waypoint: {
+            marginTop: "1.33vw";
+            width: "6.192vw";
+            height: "7.998vw";
+        };
     };
 }>;
 export declare const textLayout: import("@vanilla-extract/recipes").RuntimeFn<{

package/dist/v3/business-components/StartEndPoint/StartEndPoint.d.ts

@@ -1,12 +1,14 @@
 import type { GmapOverlay, MapRegisterOverlayProps } from "../../hooks/useOverlay";
-import type { Language, Point } from "../../types/interface";
+import type { Language, MapThemeVariables, Point } from "../../types/interface";
+type StartEndPointIcons = Pick<MapThemeVariables, "ICON_START_POINT_EN_URL" | "ICON_END_POINT_EN_URL" | "ICON_END_POINT_ZH_TW_URL" | "ICON_WAYPOINT_URL">;
 export interface StartEndPointProps<T> extends MapRegisterOverlayProps<T> {
     language: Language;
-    type: "start" | "end";
+    type: "start" | "end" | "waypoint";
     position: [number, number];
     title?: string;
     description?: string;
     withArrow?: boolean;
+    icons?: StartEndPointIcons;
     onClick?: (value: Point) => void;
 }
 export declare const AStartEndPoint: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<StartEndPointProps<{
@@ -23648,3 +23650,4 @@ export declare const StartEndPoint: import("vue-demi").DefineComponent<import("v
 }) & GmapOverlay>, import("vue-demi").SlotsType<{} & {
     default?: import("../../demi-polyfill").Slot | undefined;
 }>>;
+export {};

package/dist/v3/business-components/StartEndPoint/StartEndPoint.js

@@ -1,6 +1,6 @@
 import { createVNode } from "vue";
 import { computed } from "vue-demi";
-import { ICON_START_POINT_EN_URL, ICON_END_POINT_ZH_TW_URL, ICON_END_POINT_EN_URL } from "../../api/cdn.js";
+import { ICON_START_POINT_EN_URL, ICON_END_POINT_EN_URL, ICON_END_POINT_ZH_TW_URL, ICON_WAYPOINT_URL } from "../../api/cdn.js";
 import { ZINDEX_START_END_LOGO_LAYER } from "../../api/contants.js";
 import { i as imgArrowRight } from "../../chunks/arrow-right.2c34874e.js";
 import { AmapMarker } from "../../components/AmapMarker/AmapMarker.js";
@@ -10,10 +10,16 @@ import { createElement } from "../../demi-polyfill/demi-polyfill.js";
 import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { createDom } from "../../utils/dom.js";
-import { decodeAsterisk, vec2lnglat } from "../../utils/transform.js";
-import { p as pointInfoBoxEmphasize, a as pointIcon, b as pointLayout, c as pointSingleInfoBox, d as pointInfoBoxTitle, t as textLayout, e as arrowRight, f as pointInfoBox, g as pointInfoBoxDescription } from "../../chunks/StartEndPoint.css.ca6c9719.js";
+import { mergeDefaultProps, decodeAsterisk, vec2lnglat } from "../../utils/transform.js";
+import { p as pointInfoBoxEmphasize, a as pointIcon, b as pointLayout, c as pointSingleInfoBox, d as pointInfoBoxTitle, t as textLayout, e as arrowRight, f as pointInfoBox, g as pointInfoBoxDescription } from "../../chunks/StartEndPoint.css.4d9c0791.js";
 const imgEndPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAzMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjcyLjMzOSUiIHkxPSI1MCUiIHgyPSIwJSIgeTI9IjUwJSIgaWQ9ImVuZC1wb2ludF9wcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9InZhcigtLUhFWUNBUl9NQVBfU1ZHX1ZBUl9lbmQtcG9pbnRfbGluZWFyR3JhZGllbnRfc3RvcF8xX2NvbG9yLCAjRkY4NDQ3KSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9InZhcigtLUhFWUNBUl9NQVBfU1ZHX1ZBUl9lbmQtcG9pbnRfbGluZWFyR3JhZGllbnRfc3RvcF8yX2NvbG9yLCAjRkY4QjRBKSIgb2Zmc2V0PSI1MC41OTYlIi8+PHN0b3Agc3RvcC1jb2xvcj0idmFyKC0tSEVZQ0FSX01BUF9TVkdfVkFSX2VuZC1wb2ludF9saW5lYXJHcmFkaWVudF9zdG9wXzNfY29sb3IsICNGRkE5NUEpIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAzMC4yMTVjMi4xMzQgMCAzLjg2My0uODkzIDMuODYzLTEuOTk1IDAtMS4xLTEuNzMtMS45OTQtMy44NjMtMS45OTQtMi4xMzQgMC0zLjg2My44OTMtMy44NjMgMS45OTQgMCAxLjEwMiAxLjczIDEuOTk1IDMuODYzIDEuOTk1eiIgZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0idmFyKC0tSEVZQ0FSX01BUF9TVkdfVkFSX2VuZC1wb2ludF9wYXRoX2ZpbGwsICM0MzQ4NUEpIi8+PHBhdGggZD0iTTExIDI3LjAwNmMyLjEyOCAwLS45LTMuNzQzIDUuNjIxLTYuNjQzQzE5Ljg0MiAxOC40NTMgMjIgMTQuOTUzIDIyIDEwLjk1IDIyIDQuOTAyIDE3LjA3NSAwIDExIDBTMCA0LjkwMiAwIDEwLjk1YzAgMy45MTggMi4wNjggNy4zNTYgNS4xNzcgOS4yOUMxMS43NSAyMy4yODQgOS4wNiAyNy4wMDcgMTEgMjcuMDA3eiIgc3Ryb2tlPSIjRkZGIiBmaWxsPSJ1cmwoI2VuZC1wb2ludF9wcmVmaXhfX2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEuMjE1KSIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVNlbWlib2xkLCBQaW5nRmFuZyBTQyIgZm9udC1zaXplPSIxMiIgZm9udC13ZWlnaHQ9IjUwMCIgZmlsbD0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiPjx0c3BhbiB4PSI1IiB5PSIxNS40NDkiPue7iDwvdHNwYW4+PC90ZXh0PjwvZz48L3N2Zz4=";
 const imgStartPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZpZXdCb3g9IjAgMCAyNCAzMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTI5LjU5OSUiIHkyPSI1MCUiIGlkPSJzdGFydC1wb2ludF9wcmVmaXhfX2EiPjxzdG9wIHN0b3AtY29sb3I9InZhcigtLUhFWUNBUl9NQVBfU1ZHX1ZBUl9zdGFydC1wb2ludF9saW5lYXJHcmFkaWVudF9zdG9wXzFfY29sb3IsICMzNkE4RkYpIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0idmFyKC0tSEVZQ0FSX01BUF9TVkdfVkFSX3N0YXJ0LXBvaW50X2xpbmVhckdyYWRpZW50X3N0b3BfMl9jb2xvciwgIzQ4NzFGMSkiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTEyIDMwLjIxNWMxLjk1IDAgMy41MzItLjgxNiAzLjUzMi0xLjgyMyAwLTEuMDA3LTEuNTgxLTEuODIzLTMuNTMyLTEuODIzLTEuOTUgMC0zLjUzMi44MTYtMy41MzIgMS44MjMgMCAxLjAwNyAxLjU4MSAxLjgyMyAzLjUzMiAxLjgyM3oiIGZpbGwtb3BhY2l0eT0iLjUiIGZpbGw9InZhcigtLUhFWUNBUl9NQVBfU1ZHX1ZBUl9zdGFydC1wb2ludF9wYXRoX2ZpbGwsICM0MzQ4NUEpIi8+PHBhdGggZD0iTTExIDI3YzIuMTI4IDAtLjktMy43NDIgNS42MjEtNi42NDEgMy4yMjEtMS45MSA1LjM3OS01LjQxIDUuMzc5LTkuNDEyQzIyIDQuOTAxIDE3LjA3NSAwIDExIDBTMCA0LjkwMSAwIDEwLjk0N2MwIDMuOTE4IDIuMDY4IDcuMzU1IDUuMTc3IDkuMjlDMTEuNzUgMjMuMjc3IDkuMDYgMjcgMTEgMjd6IiBzdHJva2U9IiNGRkYiIGZpbGw9InVybCgjc3RhcnQtcG9pbnRfcHJlZml4X19hKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjIxNSkiLz48dGV4dCBmb250LWZhbWlseT0iUGluZ0ZhbmdTQy1TZW1pYm9sZCwgUGluZ0ZhbmcgU0MiIGZvbnQtc2l6ZT0iMTIiIGZvbnQtd2VpZ2h0PSI1MDAiIGZpbGw9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMS4yMTUpIj48dHNwYW4geD0iNSIgeT0iMTUuNjI0Ij7otbc8L3RzcGFuPjwvdGV4dD48L2c+PC9zdmc+";
+const defaultIcons = {
+  ICON_START_POINT_EN_URL,
+  ICON_END_POINT_EN_URL,
+  ICON_END_POINT_ZH_TW_URL,
+  ICON_WAYPOINT_URL
+};
 const AStartEndPoint = defineSetup("AStartEndPoint", function(props, {
   emit
 }) {
@@ -25,7 +31,8 @@ const AStartEndPoint = defineSetup("AStartEndPoint", function(props, {
       type,
       language
     } = props;
-    const icon = type === "start" ? language === "zh" || language === "zh-TW" ? imgStartPoint : ICON_START_POINT_EN_URL : language === "zh" ? imgEndPoint : language === "zh-TW" ? ICON_END_POINT_ZH_TW_URL : ICON_END_POINT_EN_URL;
+    const icons = mergeDefaultProps(defaultIcons, props.icons);
+    const icon = type === "waypoint" ? icons.ICON_WAYPOINT_URL : type === "start" ? language === "zh" || language === "zh-TW" ? imgStartPoint : icons.ICON_START_POINT_EN_URL : language === "zh" ? imgEndPoint : language === "zh-TW" ? icons.ICON_END_POINT_ZH_TW_URL : icons.ICON_END_POINT_EN_URL;
     const titleRow = !title ? "" : decodeAsterisk(title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     if (!description && !title)
@@ -90,7 +97,8 @@ const GStartEndPoint = defineSetup("GStartEndPoint", function(props, {
       type,
       language = "zh"
     } = props;
-    const icon = type === "start" ? language === "zh" || language === "zh-TW" ? imgStartPoint : ICON_START_POINT_EN_URL : language === "zh" || language === "zh-TW" ? imgEndPoint : ICON_END_POINT_EN_URL;
+    const icons = mergeDefaultProps(defaultIcons, props.icons);
+    const icon = type === "waypoint" ? icons.ICON_WAYPOINT_URL : type === "start" ? language === "zh" || language === "zh-TW" ? imgStartPoint : icons.ICON_START_POINT_EN_URL : language === "zh" || language === "zh-TW" ? imgEndPoint : icons.ICON_END_POINT_EN_URL;
     const titleRow = !title ? "" : decodeAsterisk(title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const descriptionRow = !description ? "" : decodeAsterisk(description).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     if (!description && !title)
@@ -153,8 +161,15 @@ const StartEndPoint = defineSetup("StartEndPoint", function(props, {
 }) {
   const payload = useMapSupplier();
   return () => {
+    const icons = {
+      ...payload.themeVariables,
+      ...props.icons
+    };
     return createElement(payload.supplier === "gmap" ? GStartEndPoint : AStartEndPoint, {
-      attrs: props,
+      attrs: {
+        ...props,
+        icons
+      },
       on: {
         click: (value) => emit("click", value)
       }

package/dist/v3/business-components/TaxiCar/TaxiCar.d.ts

@@ -4,6 +4,7 @@ export interface TaxiCarProps<T> extends MapRegisterOverlayProps<T> {
     angle?: number;
     title?: string;
     opacity?: number;
+    icon?: string;
 }
 export declare const ATaxiCar: import("vue-demi").DefineComponent<import("vue-demi").ComponentObjectPropsOptions<TaxiCarProps<{
     _needUpdate: boolean;

package/dist/v3/business-components/TaxiCar/TaxiCar.js

@@ -10,7 +10,7 @@ import { useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineSetup } from "../../types/helper.js";
 import { createDom } from "../../utils/dom.js";
 import { decodeAsterisk, vec2lnglat } from "../../utils/transform.js";
-import { p as pointInfoBoxEmphasize, b as pointLayout, c as pointSingleInfoBox } from "../../chunks/StartEndPoint.css.ca6c9719.js";
+import { p as pointInfoBoxEmphasize, b as pointLayout, c as pointSingleInfoBox } from "../../chunks/StartEndPoint.css.4d9c0791.js";
 import { c as createRuntimeFn } from "../../chunks/vanilla-extract-recipes-createRuntimeFn.esm.bd6fc290.js";
 const TaxiCar_css_ts_vanilla = "";
 var carIcon = "_65j3sr1";
@@ -19,11 +19,14 @@ var taxiCarTitle = "_65j3sr4";
 const ATaxiCar = defineSetup("ATaxiCar", function(props) {
   const contentRef = computed(() => {
     var _a, _b;
+    const {
+      icon = ICON_TAXI_CAR_URL
+    } = props;
     const titleRow = !props.title ? "" : decodeAsterisk(props.title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const carStyle = `transform:rotate(${(_a = props.angle) != null ? _a : 0}deg); opacity: ${(_b = props.opacity) != null ? _b : 1}`;
     if (!props.title)
       return {
-        img: `<img class="ATaxiCar ${carIcon}" src="${ICON_TAXI_CAR_URL}" style="${carStyle}">`
+        img: `<img class="ATaxiCar ${carIcon}" src="${icon}" style="${carStyle}">`
       };
     const content = (hide$1) => `
       <div class="ATaxiCar ${pointLayout}">
@@ -32,7 +35,7 @@ const ATaxiCar = defineSetup("ATaxiCar", function(props) {
     })}">
           <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
-        <img src="${ICON_TAXI_CAR_URL}" class="${carIcon} ${hide({
+        <img src="${icon}" class="${carIcon} ${hide({
       hide: hide$1
     })}" style="${carStyle}">
       </div>
@@ -59,13 +62,16 @@ const ATaxiCar = defineSetup("ATaxiCar", function(props) {
 const GTaxiCar = defineSetup("GTaxiCar", function(props) {
   const contentRef = computed(() => {
     var _a, _b;
+    const {
+      icon = ICON_TAXI_CAR_URL
+    } = props;
     const titleRow = !props.title ? "" : decodeAsterisk(props.title).map((item) => item.type === "normal" ? item.value : `<span class="${pointInfoBoxEmphasize}">${item.value}</span>`).join("");
     const carStyle = `transform:rotate(${(_a = props.angle) != null ? _a : 0}deg); opacity: ${(_b = props.opacity) != null ? _b : 1}`;
     if (!props.title)
       return {
         img: createDom("img", {
           class: `GTaxiCar ${carIcon}`,
-          src: ICON_TAXI_CAR_URL,
+          src: icon,
           style: carStyle
         })
       };
@@ -77,7 +83,7 @@ const GTaxiCar = defineSetup("GTaxiCar", function(props) {
     })}">
           <div class="${taxiCarTitle}">${titleRow}</div>
         </div>
-        <img src="${ICON_TAXI_CAR_URL}" class="${carIcon} ${hide({
+        <img src="${icon}" class="${carIcon} ${hide({
       hide: hide$1
     })}" style="${carStyle}">
       `);
@@ -103,8 +109,13 @@ const GTaxiCar = defineSetup("GTaxiCar", function(props) {
 const TaxiCar = defineSetup("TaxiCar", function(props) {
   const payload = useMapSupplier();
   return () => {
+    var _a, _b;
+    const icon = (_b = (_a = payload.themeVariables) == null ? void 0 : _a.ICON_TAXI_CAR_URL) != null ? _b : props.icon;
     return createElement(payload.supplier === "gmap" ? GTaxiCar : ATaxiCar, {
-      attrs: props
+      attrs: {
+        ...props,
+        icon
+      }
     });
   };
 });

package/dist/v3/chunks/{Loading.8c26ab6c.js → Loading.4c949ec9.js}

@@ -2,6 +2,7 @@ import "../css/Loading-49e58ced.css";
 import { createVNode } from "vue";
 import { ICON_LOAD_FAILED_URL } from "../api/cdn.js";
 import { AbsoluteAddressBox } from "../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
+import { useMapSupplier } from "../hooks/useMapSupplier.js";
 import { defineSetup } from "../types/helper.js";
 import { SvgInlineWebComponentTag } from "../components/SvgInline/SvgInline.web-component.js";
 const imgGrid = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzg1IiBoZWlnaHQ9IjgxNyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDM4NSA4MTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjRDhEQkUyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1kYXNoYXJyYXk9IjEiPjxwYXRoIGQ9Ik0uNSA4MTdWME0yNC41IDgxN1YwTTQ4LjUgODE3VjBNNzIuNSA4MTdWME05Ni41IDgxN1YwTTEyMC41IDgxN1YwTTE0NC41IDgxN1YwTTE2OC41IDgxN1YwTTE5Mi41IDgxN1YwTTIxNi41IDgxN1YwTTI0MC41IDgxN1YwTTI2NC41IDgxN1YwTTI4OC41IDgxN1YwTTMxMi41IDgxN1YwTTMzNi41IDgxN1YwTTM2MC41IDgxN1YwTTM4NC41IDgxN1YwTTAgLjVoMzg1TTAgMjQuNWgzODVNMCA0OC41aDM4NU0wIDcyLjVoMzg1TTAgOTYuNWgzODVNMCAxMjAuNWgzODVNMCAxNDQuNWgzODVNMCAxNjguNWgzODVNMCAxOTIuNWgzODVNMCAyMTYuNWgzODVNMCAyNDAuNWgzODVNMCAyNjQuNWgzODVNMCAyODguNWgzODVNMCAzMTIuNWgzODVNMCAzMzYuNWgzODVNMCAzNjAuNWgzODVNMCAzODQuNWgzODVNMCA0MDguNWgzODVNMCA0MzIuNWgzODVNMCA0NTYuNWgzODVNMCA0ODAuNWgzODVNMCA1MDQuNWgzODVNMCA1MjguNWgzODVNMCA1NTIuNWgzODVNMCA1NzYuNWgzODVNMCA2MDAuNWgzODVNMCA2MjQuNWgzODVNMCA2NDguNWgzODVNMCA2NzIuNWgzODVNMCA2OTYuNWgzODVNMCA3MjAuNWgzODVNMCA3NDQuNWgzODVNMCA3NjguNWgzODVNMCA3OTIuNWgzODVNMCA4MTYuNWgzODUiLz48L2c+PC9zdmc+";
@@ -25,6 +26,11 @@ const Loading = defineSetup("Loading", function() {
   }, null)]);
 });
 const LoadFailed = defineSetup("LoadFailed", function(props) {
+  var _a, _b;
+  const {
+    themeVariables
+  } = useMapSupplier();
+  const icon = (_b = (_a = props.icon) != null ? _a : themeVariables == null ? void 0 : themeVariables.ICON_LOAD_FAILED_URL) != null ? _b : ICON_LOAD_FAILED_URL;
   return () => createVNode("div", {
     "class": loadingLayout
   }, [createVNode("img", {
@@ -34,7 +40,7 @@ const LoadFailed = defineSetup("LoadFailed", function(props) {
     "class": contentLayout
   }, [createVNode(SvgInlineWebComponentTag, {
     "class": iconLoadFailed,
-    "src": ICON_LOAD_FAILED_URL
+    "src": icon
   }, null), createVNode("span", {
     "class": `${title} ${verticalGap}`
   }, [props.title]), createVNode("span", {

package/dist/{v2/chunks/StartEndPoint.css.ca6c9719.js → v3/chunks/StartEndPoint.css.4d9c0791.js}

@@ -1,15 +1,15 @@
-import "../css/StartEndPoint-f6a6f7d3.css";
+import "../css/StartEndPoint-d1c9154a.css";
 import { c as createRuntimeFn } from "./vanilla-extract-recipes-createRuntimeFn.esm.bd6fc290.js";
 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 arrowRight = createRuntimeFn({ defaultClassName: "_4a4ovkb", variantClassNames: { withArrow: { true: "_4a4ovkc", false: "_4a4ovkd" } }, defaultVariants: {}, compoundVariants: [] });
+var pointIcon = createRuntimeFn({ defaultClassName: "", variantClassNames: { type: { start: "_4a4ovk6", end: "_4a4ovk7", waypoint: "_4a4ovk8" } }, defaultVariants: {}, compoundVariants: [] });
 var pointInfoBox = "_4a4ovk1";
 var pointInfoBoxDescription = "_4a4ovk4";
 var pointInfoBoxEmphasize = "_4a4ovk5";
 var pointInfoBoxTitle = "_4a4ovk3";
 var pointLayout = "_4a4ovk0";
 var pointSingleInfoBox = "_4a4ovk2";
-var textLayout = createRuntimeFn({ defaultClassName: "", variantClassNames: { withArrow: { true: "_4a4ovk8", false: "_4a4ovk9" } }, defaultVariants: {}, compoundVariants: [] });
+var textLayout = createRuntimeFn({ defaultClassName: "", variantClassNames: { withArrow: { true: "_4a4ovk9", false: "_4a4ovka" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   pointIcon as a,
   pointLayout as b,

package/dist/v3/components/Loading/Loading.d.ts

@@ -4,6 +4,7 @@ export declare const Loading: import("vue").DefineComponent<import("vue").Compon
 interface LoadFailedProps {
     title?: string;
     description?: string;
+    icon?: string;
 }
 export declare const LoadFailed: import("vue").DefineComponent<import("vue").ComponentObjectPropsOptions<LoadFailedProps>, 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<LoadFailedProps, Required<LoadFailedProps>>, never, import("vue").PublicProps, LoadFailedProps, LoadFailedProps, import("vue").SlotsType<{} & {
     default?: import("../../demi-polyfill").Slot | undefined;

package/dist/v3/components/Loading/Loading.js

@@ -1,7 +1,8 @@
 import "vue";
 import "../../api/cdn.js";
-import { L, a } from "../../chunks/Loading.8c26ab6c.js";
+import { L, a } from "../../chunks/Loading.4c949ec9.js";
 import "../../business-components/AbsoluteAddressBox/AbsoluteAddressBox.js";
+import "../../hooks/useMapSupplier.js";
 import "../../types/helper.js";
 import "../SvgInline/SvgInline.web-component.js";
 export {

package/dist/v3/components/Loading/index.js

@@ -1,4 +1,4 @@
-import { L, a } from "../../chunks/Loading.8c26ab6c.js";
+import { L, a } from "../../chunks/Loading.4c949ec9.js";
 export {
   L as LoadFailed,
   a as Loading

package/dist/v3/components/MapProvider/MapProvider.js

@@ -1,7 +1,7 @@
 import "../../css/MapProvider-156bfd53.css";
 import { createVNode, isVNode } from "vue";
 import { reactive, toRefs } from "vue-demi";
-import { L as LoadFailed, a as Loading, i as imgGrid } from "../../chunks/Loading.8c26ab6c.js";
+import { L as LoadFailed, a as Loading, i as imgGrid } from "../../chunks/Loading.4c949ec9.js";
 import { useMapLoader, Status } from "../../hooks/useMapLoader.js";
 import { provideMapSupplier, useMapSupplier } from "../../hooks/useMapSupplier.js";
 import { defineLagecySetup } from "../../types/helper.js";

package/dist/{v2/css/PlaceCircle-00817652.css → v3/css/PlaceCircle-80eb763c.css}

@@ -43,6 +43,7 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  white-space: pre-line;
 }
 .fhyw8d {
   position: absolute;

package/dist/{v2/css/StartEndPoint-f6a6f7d3.css → v3/css/StartEndPoint-d1c9154a.css}

@@ -59,13 +59,18 @@
   height: 7.998vw;
 }
 ._4a4ovk8 {
+  margin-top: 1.33vw;
+  width: 6.192vw;
+  height: 7.998vw;
+}
+._4a4ovk9 {
   padding-right: 2.67vw;
 }
-._4a4ovka {
+._4a4ovkb {
   width: 1.758vw;
   height: 2.93vw;
   filter: invert(1);
 }
-._4a4ovkc {
+._4a4ovkd {
   display: none;
 }

package/dist/v3/hooks/useDeviationCorrectionDrivingRoute.d.ts

@@ -2,6 +2,7 @@ import type { Point, Route, TrackPoint } from "../types/interface";
 export interface UseDeviationCorrectionDrivingRouteProps {
     tracks: TrackPoint[];
     to: Point;
+    waypoints?: Point[];
     deviation: number;
 }
 interface SubRoute extends Route {
@@ -46,6 +47,6 @@ export declare const useDeviationCorrectionDrivingRoute: (props?: UseDeviationCo
     trackIntersectionPathRef: import("vue-demi").Ref<Point[] | undefined>;
     routeIntersectionPathRef: import("vue-demi").Ref<Point[] | undefined>;
     extendedIntersectionPointRef: import("vue-demi").Ref<Point | undefined>;
-    apiMapDeviationCorrectionDrivingRoute: (tracks: TrackPoint[], to: Point, deviation: number, preRoute: SubRoute) => Promise<ApiMapDeviationCorrectionDrivingRouteOutput>;
+    apiMapDeviationCorrectionDrivingRoute: (tracks: TrackPoint[], to: Point, deviation: number, preRoute: SubRoute, waypoints?: Point[]) => Promise<ApiMapDeviationCorrectionDrivingRouteOutput>;
 };
 export {};

package/dist/v3/hooks/useDeviationCorrectionDrivingRoute.js

@@ -19,7 +19,7 @@ const useDeviationCorrectionDrivingRoute = (props) => {
   const { apiMapToGraspRoadPath } = useMapGraspRoad();
   const { apiMapDistance, apiMapDistanceOfLine } = useMapGeometry();
   const { apiMapComputeHeading } = useMapAngle();
-  const apiMapDeviationCorrectionDrivingRoute = async (tracks, to, deviation, preRoute) => {
+  const apiMapDeviationCorrectionDrivingRoute = async (tracks, to, deviation, preRoute, waypoints = []) => {
     var _a, _b;
     if (tracks.length === 0) {
       return { ...createEmptySubRoute(), angle: 0 };
@@ -67,20 +67,21 @@ const useDeviationCorrectionDrivingRoute = (props) => {
     }
     const { path: graspRoadPath } = await apiMapToGraspRoadPath(tracks);
     const from = graspRoadPath[graspRoadPath.length - 1];
-    const route = await apiMapDrivingRoute(from, to);
+    const route = await apiMapDrivingRoute(from, to, waypoints);
     const angle = (_b = apiMapComputeHeading(route.path[0], route.path[1])) != null ? _b : 0;
     return { ...route, angle, graspRoadPath, baseRoute: route, index: 0 };
   };
   watchEffectForDeepOption(
     () => {
-      const { tracks, to, deviation = MAX_DEVIATION_DISTANCE } = props != null ? props : {};
+      const { tracks, to, waypoints = [], deviation = MAX_DEVIATION_DISTANCE } = props != null ? props : {};
       return {
         tracks: tracks ? [...tracks] : void 0,
         to: to ? [...to] : void 0,
+        waypoints,
         deviation
       };
     },
-    async ({ tracks, to, deviation }) => {
+    async ({ tracks, to, waypoints, deviation }) => {
       if (!tracks || !to)
         return;
       const {
@@ -90,7 +91,13 @@ const useDeviationCorrectionDrivingRoute = (props) => {
         routeIntersectionPath,
         extendedIntersectionPoint,
         ...subRoute
-      } = await apiMapDeviationCorrectionDrivingRoute(tracks, to, deviation, drivingRoute);
+      } = await apiMapDeviationCorrectionDrivingRoute(
+        tracks,
+        to,
+        deviation,
+        drivingRoute,
+        waypoints
+      );
       Object.assign(drivingRoute, subRoute);
       angleRef.value = angle;
       trackIntersectionPathRef.value = trackIntersectionPath;

package/dist/v3/hooks/useDrivingRoute.d.ts

@@ -2,6 +2,7 @@ import type { Point, Route } from "../types/interface";
 export interface UseDrivingRouteProps {
     from: Point;
     to: Point;
+    waypoints?: Point[];
 }
 export declare const useADrivingRoute: (props?: UseDrivingRouteProps) => {
     route: {
@@ -16,7 +17,7 @@ export declare const useADrivingRoute: (props?: UseDrivingRouteProps) => {
         }[];
         trafficJams?: import("../types/interface").TrafficJams | undefined;
     };
-    apiMapDrivingRoute: (from: Point, to: Point) => Promise<Route>;
+    apiMapDrivingRoute: (from: Point, to: Point, waypoints?: Point[]) => Promise<Route>;
 };
 export declare const useGDrivingRoute: (props?: UseDrivingRouteProps) => {
     route: {
@@ -31,7 +32,7 @@ export declare const useGDrivingRoute: (props?: UseDrivingRouteProps) => {
         }[];
         trafficJams?: import("../types/interface").TrafficJams | undefined;
     };
-    apiMapDrivingRoute: (from: Point, to: Point) => Promise<Route>;
+    apiMapDrivingRoute: (from: Point, to: Point, waypoints?: Point[]) => Promise<Route>;
 };
 export declare const useDrivingRoute: (props?: UseDrivingRouteProps) => {
     route: {
@@ -46,5 +47,5 @@ export declare const useDrivingRoute: (props?: UseDrivingRouteProps) => {
         }[];
         trafficJams?: import("../types/interface").TrafficJams | undefined;
     };
-    apiMapDrivingRoute: (from: Point, to: Point) => Promise<Route>;
+    apiMapDrivingRoute: (from: Point, to: Point, waypoints?: Point[]) => Promise<Route>;
 };

package/dist/v3/hooks/useDrivingRoute.js

@@ -14,18 +14,18 @@ const useADrivingRoute = (props) => {
     trafficJams: void 0
   });
   const amapDriving = new AMap.Driving({});
-  const apiMapDrivingRoute = (from, to) => {
-    return googleRoutesProxyUrl && inTaiwan(from) ? googleServiceApiDrivingRoute(from, to, googleRoutesProxyUrl) : amapJsApiDrivingRoute(from, to, amapDriving);
+  const apiMapDrivingRoute = (from, to, waypoints = []) => {
+    return googleRoutesProxyUrl && inTaiwan(from) ? googleServiceApiDrivingRoute(from, to, waypoints, googleRoutesProxyUrl) : amapJsApiDrivingRoute(from, to, waypoints, amapDriving);
   };
   watchPostEffectForDeepOption(
     () => {
-      const { from, to } = props != null ? props : {};
-      return { from, to };
+      const { from, to, waypoints } = props != null ? props : {};
+      return { from, to, waypoints };
     },
-    async ({ from, to }) => {
+    async ({ from, to, waypoints }) => {
       if (!from || !to)
         return;
-      Object.assign(outputRoute, await apiMapDrivingRoute(from, to));
+      Object.assign(outputRoute, await apiMapDrivingRoute(from, to, waypoints));
     }
   );
   return { route: outputRoute, apiMapDrivingRoute };
@@ -34,18 +34,18 @@ const useGDrivingRoute = (props) => {
   const { gaodeDirectionDrivingProxyUrl, googleRoutesProxyUrl } = useMapSupplier();
   const outputRoute = reactive({ path: [], distance: 0, duration: 0, steps: [] });
   const gmapDirectionsService = new google.maps.DirectionsService();
-  const apiMapDrivingRoute = (from, to) => {
-    return gaodeDirectionDrivingProxyUrl && inKorean(from) ? gaodeServiceApiDrivingRoute(from, to, gaodeDirectionDrivingProxyUrl) : googleRoutesProxyUrl ? googleServiceApiDrivingRoute(from, to, googleRoutesProxyUrl) : gmapJsApiDrivingRoute(from, to, gmapDirectionsService);
+  const apiMapDrivingRoute = (from, to, waypoints = []) => {
+    return gaodeDirectionDrivingProxyUrl && inKorean(from) ? gaodeServiceApiDrivingRoute(from, to, waypoints, gaodeDirectionDrivingProxyUrl) : googleRoutesProxyUrl ? googleServiceApiDrivingRoute(from, to, waypoints, googleRoutesProxyUrl) : gmapJsApiDrivingRoute(from, to, waypoints, gmapDirectionsService);
   };
   watchPostEffectForDeepOption(
     () => {
-      const { from, to } = props != null ? props : {};
-      return { from, to };
+      const { from, to, waypoints } = props != null ? props : {};
+      return { from, to, waypoints };
     },
-    async ({ from, to }) => {
+    async ({ from, to, waypoints }) => {
       if (!from || !to)
         return;
-      Object.assign(outputRoute, await apiMapDrivingRoute(from, to));
+      Object.assign(outputRoute, await apiMapDrivingRoute(from, to, waypoints));
     }
   );
   return { route: outputRoute, apiMapDrivingRoute };

package/dist/v3/types/interface.d.ts

@@ -91,7 +91,7 @@ export interface CoordinateTrackPoint extends TrackPoint {
     type: CoordinateType;
 }
 export type RecommendType = "Restricted" | "Forbidden" | "Recommend";
-export type DriverStatus = "dispatching" | "book-dispatching" | "dispatched" | "driverStartService" | "book-driverStartService" | "book-dispatched" | "driverArrived" | "inService" | "canceled" | "endService" | "completed" | "canceling" | "banlanceRefund" | "waitBanlanceRefund" | "rechargePayed" | "waitRechargePay" | "payed" | "waitpay" | "refund" | "confirmed" | "assign" | "orderReassigned";
+export type DriverStatus = "dispatching" | "book-dispatching" | "dispatched" | "driverStartService" | "driverStartRelayService" | "book-driverStartService" | "book-dispatched" | "driverArrived" | "inService" | "canceled" | "endService" | "completed" | "canceling" | "banlanceRefund" | "waitBanlanceRefund" | "rechargePayed" | "waitRechargePay" | "payed" | "waitpay" | "refund" | "confirmed" | "assign" | "orderReassigned";
 export declare enum CenterPlaceStatus {
     GEO_LOADING = "GEO_LOADING",
     QUERYING_INFO = "QUERYING_INFO",
@@ -129,4 +129,11 @@ export type MapThemeVariables = {
     ZONE_RESTRICTED_BORDER_COLOR?: string;
     ZONE_FORBIDDEN_BACKGROUND_COLOR?: string;
     ZONE_FORBIDDEN_BORDER_COLOR?: string;
+    ICON_START_POINT_EN_URL?: string;
+    ICON_END_POINT_EN_URL?: string;
+    ICON_END_POINT_ZH_TW_URL?: string;
+    ICON_TAXI_CAR_URL?: string;
+    ICON_DOT_LOADING_URL?: string;
+    ICON_LOAD_FAILED_URL?: string;
+    ICON_WAYPOINT_URL?: string;
 };

package/dist/v3/utils/compatibleDrivingRoute.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="google.maps" />
 import type { Point, Route } from "../types/interface";
-export declare function amapJsApiDrivingRoute(from: Point, to: Point, amapDriving: AMap.Driving): Promise<Route>;
-export declare function gaodeServiceApiDrivingRoute(from: Point, to: Point, proxyUrl: string): Promise<Route>;
-export declare function gmapJsApiDrivingRoute(from: Point, to: Point, gmapDirectionsService: google.maps.DirectionsService): Promise<Route>;
-export declare function googleServiceApiDrivingDirection(from: Point, to: Point, proxyUrl: string): Promise<Route>;
-export declare function googleServiceApiDrivingRoute(from: Point, to: Point, proxyUrl: string): Promise<Route>;
+export declare function amapJsApiDrivingRoute(from: Point, to: Point, waypoints: Point[], amapDriving: AMap.Driving): Promise<Route>;
+export declare function gaodeServiceApiDrivingRoute(from: Point, to: Point, waypoints: Point[], proxyUrl: string): Promise<Route>;
+export declare function gmapJsApiDrivingRoute(from: Point, to: Point, waypoints: Point[], gmapDirectionsService: google.maps.DirectionsService): Promise<Route>;
+export declare function googleServiceApiDrivingDirection(from: Point, to: Point, waypoints: Point[], proxyUrl: string): Promise<Route>;
+export declare function googleServiceApiDrivingRoute(from: Point, to: Point, waypoints: Point[], proxyUrl: string): Promise<Route>;