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

package/README.md

@@ -604,7 +604,15 @@ export default defineComponent({
           lat: 1.2966426,
           lng: 103.7763939,
         }}
+        relayTo={{
+          displayName: "Lucky Plaza",
+          name: "304 Orchard Rd, Lucky Plaza, Singapore 238863",
+          type: "wgs84",
+          lat: 1.3049168518726226,
+          lng: 103.83369616777854,
+        }}
         driverStatus={"driverArrived"}
+        relayToTitle="上个乘客将\n在这下车"
         bookDispatchingTitle="2月14日 11:00 用车"
         dispatchingTitle="正在为您搜索附近司机"
         bookDispatchedTitle="*6月12日 11:00* 用车"

package/dist/v2/Demo/DemoBusinessQuoting.d.ts

@@ -1 +1,7 @@
-export declare const DemoBusinessQuoting: import("vue").DefineComponent<import("vue3").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>;
+import type { CoordinatePlace } from "../types/interface";
+export declare const DemoBusinessQuoting: import("vue-demi").DefineComponent<{}, {
+    mapContext: import("../hooks-business/useBusinessQuotingMap").BusinessQuotingContext;
+    toAmapCoordinateType: (point: import("../types/interface").Point) => import("../types/interface").CoordinateType;
+}, {
+    from: CoordinatePlace;
+}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue-demi").ExtractPropTypes<{}>>, {}>;

package/dist/v2/Demo/DemoBusinessQuoting.js

@@ -1,43 +1,73 @@
 import { h } from "vue";
+import { defineComponent } from "vue-demi";
 import { BusinessQuotingMap } from "../business-components/BusinessQuotingMap/BusinessQuotingMap.js";
 import { useBusinessQuotingMap } from "../hooks-business/useBusinessQuotingMap.js";
-import { defineSetup } from "../types/helper.js";
 import { d as demo } from "../chunks/Demo.css.e921a2f6.js";
-const DemoBusinessQuoting = defineSetup("DemoBusinessQuoting", function() {
-  const {
-    mapContext,
-    toAmapCoordinateType
-  } = useBusinessQuotingMap();
-  return () => h("div", [h(BusinessQuotingMap, {
-    "class": demo,
-    "attrs": {
-      "from": {
+const DemoBusinessQuoting = defineComponent({
+  name: "DemoBusinessQuoting",
+  setup() {
+    const {
+      mapContext,
+      toAmapCoordinateType
+    } = useBusinessQuotingMap();
+    return {
+      mapContext,
+      toAmapCoordinateType
+    };
+  },
+  data() {
+    return {
+      from: {
+        displayName: "my",
+        name: "my",
+        type: "wgs84",
+        lat: 1.311295,
+        lng: 103.841974
+      }
+    };
+  },
+  created() {
+    window.updateFrom = () => {
+      this.from = {
         displayName: "The Malayan Council",
         name: "10 Winstedt Rd, #01-17, Singapore 227977",
         type: "wgs84",
         lat: 1.311295,
         lng: 103.841974
+      };
+    };
+  },
+  render() {
+    const {
+      mapContext,
+      toAmapCoordinateType,
+      from
+    } = this;
+    return h("div", [h(BusinessQuotingMap, {
+      "class": demo,
+      "attrs": {
+        "from": from,
+        "to": {
+          displayName: "CDG Engie Charging Station",
+          name: "21 Kent Ridge Rd, Singapore 119220",
+          type: "wgs84",
+          lat: 1.2966426,
+          lng: 103.7763939
+        },
+        "fromDescription": "您将在此上车",
+        "renderDescription": ({
+          distance,
+          duration,
+          tolls
+        }) => `全程 *${distance / 1e3}公里*  约行驶 *${duration}* 高速费用 *${tolls != null ? tolls : 0}*元`,
+        "mapContext": mapContext
       },
-      "to": {
-        displayName: "CDG Engie Charging Station",
-        name: "21 Kent Ridge Rd, Singapore 119220",
-        type: "wgs84",
-        lat: 1.2966426,
-        lng: 103.7763939
-      },
-      "fromDescription": "您将在此上车",
-      "renderDescription": ({
-        distance,
-        duration,
-        tolls
-      }) => `全程 *${distance / 1e3}公里*  约行驶 *${duration}* 高速费用 *${tolls != null ? tolls : 0}*元`,
-      "mapContext": mapContext
-    },
-    "on": {
-      "clickStartPoint": (place) => console.log("点击起点时触发 palce = ", place),
-      "clickEndPoint": (place) => console.log("点击终点时触发 palce = ", place)
-    }
-  }), h("div", ["经度 103.841974， 纬度 1.311295 在高德地图上的坐标类型是:", toAmapCoordinateType([103.841974, 1.311295])])]);
+      "on": {
+        "clickStartPoint": (place) => console.log("点击起点时触发 palce = ", place),
+        "clickEndPoint": (place) => console.log("点击终点时触发 palce = ", place)
+      }
+    }), h("div", ["经度 103.841974， 纬度 1.311295 在高德地图上的坐标类型是:", toAmapCoordinateType([103.841974, 1.311295])])]);
+  }
 });
 export {
   DemoBusinessQuoting

package/dist/v2/Demo/DemoBusinessTaxiService.d.ts

@@ -4,6 +4,7 @@ export declare const DemoBusinessTaxiService: import("vue-demi").DefineComponent
 }, {
     from: Partial<CoordinatePlace>;
     to: Partial<CoordinatePlace>;
+    relayTo: Partial<CoordinatePlace>;
     status: DriverStatus;
     contentHeight: number;
 }, {}, {

package/dist/v2/Demo/DemoBusinessTaxiService.js

@@ -4,7 +4,26 @@ import { BusinessTaxiServiceMap } from "../business-components/BusinessTaxiServi
 import { useBusinessTaxiServiceMap } from "../hooks-business/useBusinessTaxiServiceMap.js";
 import { isCoordinatePoint } from "../utils/typeChecking.js";
 import { l as layout, a as adjustedDemo } from "../chunks/Demo.css.e921a2f6.js";
-const allDriverStatus = ["dispatching", "book-dispatching", "dispatched", "driverStartService", "book-driverStartService", "book-dispatched", "driverArrived", "inService", "canceled", "endService", "completed", "canceling", "banlanceRefund", "waitBanlanceRefund", "rechargePayed", "waitRechargePay", "payed", "waitpay", "refund", "confirmed", "assign"];
+const allDriverStatus = ["dispatching", "book-dispatching", "dispatched", "driverStartRelayService", "driverStartService", "book-driverStartService", "book-dispatched", "driverArrived", "inService", "canceled", "endService", "completed", "canceling", "banlanceRefund", "waitBanlanceRefund", "rechargePayed", "waitRechargePay", "payed", "waitpay", "refund", "confirmed", "assign"];
+const mockDriverTrackPoints = [{
+  lng: 121.4036983,
+  lat: 31.216324,
+  angle: 30,
+  timestamp: 1698058438e3,
+  type: "gcj02"
+}, {
+  lng: 121.4036983,
+  lat: 31.216324,
+  angle: 30,
+  timestamp: 1698058439e3,
+  type: "gcj02"
+}, {
+  lng: 121.403581,
+  lat: 31.216415,
+  angle: 30,
+  timestamp: 1698058442e3,
+  type: "gcj02"
+}];
 const DemoBusinessTaxiService = defineComponent({
   name: "DemoBusinessTaxiService",
   setup() {
@@ -19,7 +38,8 @@ const DemoBusinessTaxiService = defineComponent({
     return {
       from: {},
       to: {},
-      status: "dispatched",
+      relayTo: {},
+      status: "driverStartRelayService",
       contentHeight: 200
     };
   },
@@ -37,6 +57,12 @@ const DemoBusinessTaxiService = defineComponent({
         type: "gcj02",
         name: "上海站"
       };
+      this.relayTo = {
+        lat: 31.209073221828284,
+        lng: 121.40366014486544,
+        type: "gcj02",
+        name: "上海金虹桥国际中心"
+      };
     }, 1e3);
     setTimeout(() => {
       this.contentHeight = 600;
@@ -46,31 +72,23 @@ const DemoBusinessTaxiService = defineComponent({
       const {
         value: status
       } = statusIterator.next();
-      this.status = status;
+      if (status)
+        this.status = status;
       return status;
     };
+    window.addDriverPosition = (lng, lat, type, angle = 0) => {
+      mockDriverTrackPoints.push({
+        lng,
+        lat,
+        angle,
+        timestamp: Date.now(),
+        type
+      });
+    };
   },
   methods: {
     getDriverPositionTrack() {
-      return Promise.resolve([{
-        lng: 121.4036983,
-        lat: 31.216324,
-        angle: 30,
-        timestamp: 1698058438e3,
-        type: "gcj02"
-      }, {
-        lng: 121.4036983,
-        lat: 31.216324,
-        angle: 30,
-        timestamp: 1698058439e3,
-        type: "gcj02"
-      }, {
-        lng: 121.403581,
-        lat: 31.216415,
-        angle: 30,
-        timestamp: 1698058442e3,
-        type: "gcj02"
-      }]);
+      return Promise.resolve(mockDriverTrackPoints);
     }
   },
   render() {
@@ -79,7 +97,8 @@ const DemoBusinessTaxiService = defineComponent({
       getDriverPositionTrack,
       from,
       to,
-      status
+      status,
+      relayTo
     } = this;
     const isReady = isCoordinatePoint(from) && isCoordinatePoint(to);
     if (!isReady)
@@ -94,7 +113,9 @@ const DemoBusinessTaxiService = defineComponent({
       "attrs": {
         "from": from,
         "to": to,
+        "relayTo": relayTo,
         "driverStatus": status,
+        "relayToTitle": "上个乘客将\n在这下车",
         "bookDispatchingTitle": "2月14日 11:00 用车",
         "bookDispatchedTitle": "*6月12日 11:00* 用车",
         "dispatchingTitle": "正在为您搜索附近司机",

package/dist/v2/api/cdn.d.ts

@@ -6,3 +6,4 @@ export declare const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn
 export declare const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 export declare const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
 export declare const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";
+export declare const ICON_WAYPOINT_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/waypoint.svg";

package/dist/v2/api/cdn.js

@@ -6,6 +6,7 @@ const ICON_END_POINT_ZH_TW_URL = "https://overseas-oss.heycars.cn/heycar-map/svg
 const ICON_TAXI_CAR_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/taxi-car.svg";
 const ICON_DOT_LOADING_URL = "https://overseas-oss.heycars.cn/heycar-map/gif/dot-loading.gif";
 const ICON_LOAD_FAILED_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/load-failed.svg";
+const ICON_WAYPOINT_URL = "https://overseas-oss.heycars.cn/heycar-map/svg/waypoint.svg";
 export {
   AMAP_DEFAULT_MARKER_ICON_URL,
   ICON_DOT_LOADING_URL,
@@ -14,5 +15,6 @@ export {
   ICON_FULL_SCREEN_URL,
   ICON_LOAD_FAILED_URL,
   ICON_START_POINT_EN_URL,
-  ICON_TAXI_CAR_URL
+  ICON_TAXI_CAR_URL,
+  ICON_WAYPOINT_URL
 };

package/dist/v2/api/contants.d.ts

@@ -5,7 +5,7 @@ export declare const ANIMATION_DURATION_FOR_100VW = 100;
 export declare const ANIMATION_DURATION_PER_ZOOM = 200;
 export declare const BEIJIN_POINT: Point;
 export declare const MAX_DEVIATION_DISTANCE = 30;
-export declare const CAR_DISTANCE_MIN = 50;
+export declare const CAR_DISTANCE_MIN = 20;
 export declare const ZINDEX_BUBBLE_LAYER = 50;
 export declare const ZINDEX_START_END_LOGO_LAYER = 40;
 export declare const ZINDEX_PLACE_LAYER = 30;

package/dist/v2/api/contants.js

@@ -4,7 +4,7 @@ const ANIMATION_DURATION_FOR_100VW = 100;
 const ANIMATION_DURATION_PER_ZOOM = 200;
 const BEIJIN_POINT = [116.2317, 39.5427];
 const MAX_DEVIATION_DISTANCE = 30;
-const CAR_DISTANCE_MIN = 50;
+const CAR_DISTANCE_MIN = 20;
 const ZINDEX_BUBBLE_LAYER = 50;
 const ZINDEX_START_END_LOGO_LAYER = 40;
 const ZINDEX_PLACE_LAYER = 30;

package/dist/v2/business-components/AuxiliaryGraspRoad/AuxiliaryGraspRoad.d.ts

@@ -4,5 +4,6 @@ export interface AuxiliaryGraspRoadProps {
     trackPoints: TrackPoint[];
     from: Place;
     to: Place;
+    relayTo?: Place;
 }
 export declare const AuxiliaryGraspRoad: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<AuxiliaryGraspRoadProps>, 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<AuxiliaryGraspRoadProps, Required<AuxiliaryGraspRoadProps>>, never, AuxiliaryGraspRoadProps>;

package/dist/v2/business-components/AuxiliaryGraspRoad/AuxiliaryGraspRoad.js

@@ -2,7 +2,7 @@ import { h } from "vue";
 import { CAR_DISTANCE_MIN, MAX_DEVIATION_DISTANCE } from "../../api/contants.js";
 import { useMapGeometry } from "../../hooks/useMapGeometry.js";
 import { defineSetup } from "../../types/helper.js";
-import { lnglat2point } from "../../utils/transform.js";
+import { place2point, lnglat2point } from "../../utils/transform.js";
 import { AuxiliaryCircle } from "../AuxiliaryCircle/AuxiliaryCircle.js";
 import { AuxiliaryLine } from "../AuxiliaryLine/AuxiliaryLine.js";
 import { DeviationCorrectionDrivingRoute } from "../DeviationCorrectionDrivingRoute/DeviationCorrectionDrivingRoute.js";
@@ -16,11 +16,13 @@ const AuxiliaryGraspRoad = defineSetup("AuxiliaryGraspRoad", function(props) {
       trackPoints,
       status,
       to,
-      from
+      from,
+      relayTo
     } = props;
-    if (status !== "inService" && status !== "driverStartService" && status !== "dispatched" && status !== "book-driverStartService")
+    if (status !== "inService" && status !== "driverStartRelayService" && status !== "driverStartService" && status !== "dispatched" && status !== "book-driverStartService")
       return;
     const destination = status === "inService" ? to : from;
+    const waypoints = status === "driverStartRelayService" && relayTo ? [place2point(relayTo)] : void 0;
     const lastTrackPoint = trackPoints[trackPoints.length - 1];
     if (!destination || !lastTrackPoint)
       return;
@@ -43,6 +45,7 @@ const AuxiliaryGraspRoad = defineSetup("AuxiliaryGraspRoad", function(props) {
       "attrs": {
         "tracks": trackPoints,
         "to": lnglat2point(destination),
+        "waypoints": waypoints,
         "deviation": MAX_DEVIATION_DISTANCE,
         "render": ({
           path,

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.d.ts

@@ -6,6 +6,8 @@ export type BusinessTaxiServiceMapProps = CoordinatifyProps<Omit<HeycarMapProps,
     from: CoordinatePlace;
     to: CoordinatePlace;
     log?: boolean;
+    relayTo?: CoordinatePlace;
+    relayToTitle?: string;
     dispatchingTitle: string;
     bookDispatchingTitle: string;
     bookDispatchedTitle?: string;

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceMap.js

@@ -15,8 +15,8 @@ import { place2point, pipeDefer, lnglat2point } from "../../utils/transform.js";
 import { toCoordinatePlaceType, toCoordinateTrackPoint } from "../../utils/typeChecking.js";
 import { AuxiliaryGraspRoad } from "../AuxiliaryGraspRoad/AuxiliaryGraspRoad.js";
 import { DeviceOrientation } from "../DeviceOrientation/DeviceOrientation.js";
-import { SectionDispatching, SectionConfirmed, SectionDriverStartService, SectionBookDispatched, SectionInService, SectionDriverArrived, SectionCanceled, SectionEndService } from "./BusinessTaxiServiceSection.js";
-const STATUS_NEED_CAR_POSITION = ["book-driverStartService", "dispatched", "driverStartService", "inService", "driverArrived"];
+import { SectionDispatching, SectionConfirmed, SectionDriverStartRelayService, SectionDriverStartService, SectionBookDispatched, SectionInService, SectionDriverArrived, SectionCanceled, SectionEndService } from "./BusinessTaxiServiceSection.js";
+const STATUS_NEED_CAR_POSITION = ["book-driverStartService", "dispatched", "driverStartService", "driverStartRelayService", "inService", "driverArrived"];
 const BUSINESS_TAXI_SERVICE_FITVIEW_PANDING = [19, 36, 19, 26];
 const IS_ENABLE_AUXILIARY_GRASP_ROAD = apiGetAuxiliaryGrapStatus();
 const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", function(props, {
@@ -89,6 +89,8 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
       driverStatus,
       from: inputFrom,
       to: inputTo,
+      relayTo: inputRelayTo,
+      relayToTitle,
       dispatchingTitle,
       bookDispatchingTitle,
       bookDispatchedTitle,
@@ -96,6 +98,7 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
     } = props;
     const from = unCoordinatifyPlace(toCoordinatePlaceType(inputFrom));
     const to = unCoordinatifyPlace(toCoordinatePlaceType(inputTo));
+    const relayTo = inputRelayTo ? unCoordinatifyPlace(toCoordinatePlaceType(inputRelayTo)) : void 0;
     const carPosition = carPositionRef.value;
     const carAngle = carAngleRef.value;
     const carTrackPositions = carTrackPositionsRef.value;
@@ -139,6 +142,25 @@ const BusinessTaxiServiceMapInner = defineSetup("BusinessTaxiServiceMapInner", f
           }
         })
       }
+    }) : driverStatus === "driverStartRelayService" ? h(DeviceOrientation, {
+      "attrs": {
+        "elementRef": mapElementRef,
+        "disable": !passengerPosition,
+        "render": (orientation) => h(SectionDriverStartRelayService, {
+          "attrs": {
+            "from": from,
+            "relayTo": relayTo,
+            "carPosition": carPosition,
+            "carAngle": carAngle,
+            "carTrackPositions": carTrackPositions,
+            "passengerPosition": passengerPosition,
+            "passengerAngle": orientation == null ? void 0 : orientation.cssRotationVariableName,
+            "relayToTitle": relayToTitle,
+            "renderTitle": renderStartSerivceTitle,
+            "registerOverlay": registerOverlay
+          }
+        })
+      }
     }) : driverStatus === "dispatched" || driverStatus === "driverStartService" || driverStatus === "book-driverStartService" ? h(DeviceOrientation, {
       "attrs": {
         "elementRef": mapElementRef,
@@ -243,7 +265,7 @@ const BusinessTaxiServiceMap = defineLagecySetup("BusinessTaxiServiceMap", funct
     attrs: props,
     key: `${payload.supplier}${instanceNo}`
   });
-}).props(["bookDispatchingTitle", "bookDispatchedTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
+}).props(["bookDispatchingTitle", "bookDispatchedTitle", "dispatchingTitle", "driverArrivedTitle", "driverStatus", "fallback", "from", "getDriverPositionTrack", "interval", "disablePassenger", "loading", "mapContext", "relayTo", "relayToTitle", "renderInServiceTitle", "renderStartSerivceTitle", "to"]);
 export {
   BusinessTaxiServiceMap,
   BusinessTaxiServiceMapInner

package/dist/v2/business-components/BusinessTaxiServiceMap/BusinessTaxiServiceSection.d.ts

@@ -13,6 +13,11 @@ type SectionConfirmedProps = Required<MROP> & {
     to: Place;
 };
 export declare const SectionConfirmed: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionConfirmedProps>, 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<SectionConfirmedProps, Required<SectionConfirmedProps>>, never, SectionConfirmedProps>;
+interface SectionDriverStartRelayServiceProps extends SectionDriverStartServiceProps {
+    relayTo?: Place;
+    relayToTitle?: string;
+}
+export declare const SectionDriverStartRelayService: import("vue").DefineComponent<import("vue3").ComponentObjectPropsOptions<SectionDriverStartRelayServiceProps>, 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<SectionDriverStartRelayServiceProps, Required<SectionDriverStartRelayServiceProps>>, never, SectionDriverStartRelayServiceProps>;
 type SectionDriverStartServiceProps = Required<MROP> & {
     passengerPosition?: Point;
     passengerAngle?: string;

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

@@ -1,6 +1,6 @@
 import { h } 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";
@@ -144,6 +144,127 @@ const SectionConfirmed = defineSetup("SectionConfirmed", function(props) {
     })]);
   };
 });
+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 h("div", [h(ConditionalFittablePassengerCircle, {
+      "attrs": {
+        "position": passengerPosition,
+        "angle": passengerAngle,
+        "condition": !!passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX,
+        "registerOverlay": registerOverlay
+      }
+    }), h(StartEndPoint, {
+      "attrs": {
+        "type": "start",
+        "position": from,
+        "registerOverlay": registerOverlay,
+        "language": language
+      }
+    }), h(PlaceCircle, {
+      "attrs": {
+        "position": from,
+        "label": fromPlace.displayName,
+        "hideIcon": true
+      }
+    }), !!relayTo && h(StartEndPoint, {
+      "attrs": {
+        "type": "waypoint",
+        "position": relayTo,
+        "registerOverlay": registerOverlay,
+        "language": language
+      }
+    }), !!relayTo && !!relayToTitle && h(PlaceCircle, {
+      "attrs": {
+        "position": relayTo,
+        "label": relayToTitle,
+        "hideIcon": true
+      }
+    }), !(carTrackPositions == null ? void 0 : carTrackPositions.length) || !carDistance ? null : h(DeviationCorrectionDrivingRoute, {
+      "attrs": {
+        "tracks": carTrackPositions,
+        "to": from,
+        "waypoints": waypoints,
+        "deviation": MAX_DEVIATION_DISTANCE,
+        "render": ({
+          path,
+          angle,
+          distance,
+          duration,
+          trafficJams
+        }) => {
+          var _a;
+          return [relayTo ? h(TrafficDrivingLine, {
+            "attrs": {
+              "path": path,
+              "trafficJams": trafficJams
+            }
+          }) : null, h(TaxiCar, {
+            "attrs": {
+              "position": (_a = path[0]) != null ? _a : carPosition,
+              "angle": angle != null ? angle : carAngle,
+              "title": renderTitle({
+                distance,
+                duration
+              }),
+              "registerOverlay": fittableRegistryOverlay
+            }
+          })];
+        }
+      }
+    }), !!passengerPosition && passengerDistance && passengerDistance < PASSENGER_DISTANCE_MAX && passengerDistance > PASSENGER_DISTANCE_MIN && h(WalkingRoute, {
+      "attrs": {
+        "from": passengerPosition,
+        "to": from,
+        "render": ({
+          path
+        }) => h(WalkingLine, {
+          "attrs": {
+            "path": path
+          }
+        })
+      }
+    }), h(FitViewOnce, {
+      "attrs": {
+        "registerOverlay": registerOverlay,
+        "immediate": true
+      }
+    }), h(InterruptableIntervalFitView, {
+      "attrs": {
+        "interval": AUTO_FIT_VIEW_INTERVAL,
+        "registerOverlay": registerOverlay
+      }
+    })]);
+  };
+});
 const SectionDriverStartService = defineSetup("SectionDriverStartService", function(props) {
   const {
     registerOverlay
@@ -662,6 +783,7 @@ export {
   SectionConfirmed,
   SectionDispatching,
   SectionDriverArrived,
+  SectionDriverStartRelayService,
   SectionDriverStartService,
   SectionEndService,
   SectionInService

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

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

package/dist/v2/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/v2/business-components/StartEndPoint/StartEndPoint.d.ts

@@ -2,7 +2,7 @@ import type { GmapOverlay, MapRegisterOverlayProps } from "../../hooks/useOverla
 import type { Language, Point } from "../../types/interface";
 export interface StartEndPointProps<T> extends MapRegisterOverlayProps<T> {
     language: Language;
-    type: "start" | "end";
+    type: "start" | "end" | "waypoint";
     position: [number, number];
     title?: string;
     description?: string;

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

@@ -1,6 +1,6 @@
 import { h } 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_WAYPOINT_URL, ICON_START_POINT_EN_URL, ICON_END_POINT_ZH_TW_URL, ICON_END_POINT_EN_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";
@@ -11,7 +11,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, 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 { 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 AStartEndPoint = defineSetup("AStartEndPoint", function(props, {
@@ -25,7 +25,7 @@ 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 icon = type === "waypoint" ? ICON_WAYPOINT_URL : 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 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)
@@ -94,7 +94,7 @@ 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 icon = type === "waypoint" ? ICON_WAYPOINT_URL : 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 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)

package/dist/v2/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";