@heycar/heycars-map 0.3.6 → 0.3.8

package/src/business-components/AddressLocator/AddressLocator.css.ts

@@ -1,7 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const addressLocator = style({
-  width: "7.1045vw",
-  height: "10.93vw",
-  display: "flex",
-});

package/src/business-components/AddressLocator/AddressLocator.tsx

@@ -1,40 +0,0 @@
-import { computed } from "vue-demi";
-import imgAddressLocator from "../../assets/icons/svg/address-locator.svg";
-import { AmapMarker } from "../../components/AmapMarker";
-import { GmapAdvancedMarkerView } from "../../components/GmapAdvancedMarkerView";
-import { useMapSupplier } from "../../hooks/useMapSupplier";
-import { createElement, defineSetup } from "../../types/helper";
-import { createDom } from "../../utils/dom";
-import { vec2lnglat } from "../../utils/transform";
-import * as css from "./AddressLocator.css";
-interface AddressLocatorProps {
-  position: [number, number];
-}
-export const AAddressLocator = defineSetup(function AAddressLocator(props: AddressLocatorProps) {
-  const contentRef = computed(
-    () => `
-      <img src="${imgAddressLocator}" class="${css.addressLocator}">
-    `
-  );
-  return () => (
-    <AmapMarker position={props.position} content={contentRef.value} anchor={"bottom-center"} />
-  );
-});
-
-export const GAddressLocator = defineSetup(function GAddressLocator(props: AddressLocatorProps) {
-  const contentRef = computed(() =>
-    createDom("img", { class: css.addressLocator, src: imgAddressLocator })
-  );
-  return () => (
-    <GmapAdvancedMarkerView position={vec2lnglat(props.position)} content={contentRef.value} />
-  );
-});
-
-export const AddressLocator = defineSetup(function AddressLocator(props: AddressLocatorProps) {
-  const payload = useMapSupplier();
-  return () => {
-    return createElement(payload.supplier === "gmap" ? GAddressLocator : AAddressLocator, {
-      attrs: props,
-    });
-  };
-});

package/src/business-components/AddressLocator/index.ts

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

package/src/business-components/BusinessQuotingMap/BusinessQuotingMap.tsx

@@ -1,49 +0,0 @@
-import { HeycarMap, HeycarMapProps } from "../../components/MapProvider";
-import type { MROP } from "../../hooks/useOverlay";
-import { defineLagecySetup } from "../../types/helper";
-import type { Place } from "../../types/interface";
-import { place2point } from "../../utils/transform";
-import { DrivingLine } from "../DrivingLine";
-import { DrivingRoute } from "../DrivingRoute";
-import { FitViewOnce } from "../FitView";
-import { StartEndPoint } from "../StartEndPoint";
-
-export type BusinessQuotingMapProps = Omit<HeycarMapProps, "center" | "zoom"> &
-  Required<MROP> & {
-    from: Place;
-    to: Place;
-    renderDescription: (titleProps: { distance: number; duration: number }) => string;
-  };
-export const BusinessQuotingMap = defineLagecySetup((props: BusinessQuotingMapProps) => {
-  const { registerOverlay, mapRef, renderDescription } = props;
-  return () => {
-    const { from: fromPlace, to: toPlace } = props;
-    const from = place2point(fromPlace);
-    const to = place2point(toPlace);
-    return (
-      <HeycarMap mapRef={mapRef} center={from} zoom={13}>
-        <StartEndPoint
-          type="start"
-          registerOverlay={registerOverlay}
-          position={from}
-          title={fromPlace.name}
-        />
-        <DrivingRoute
-          to={to}
-          from={from}
-          render={({ path, distance, duration }) => [
-            <DrivingLine path={path} />,
-            <StartEndPoint
-              type="end"
-              registerOverlay={registerOverlay}
-              position={to}
-              title={toPlace.name}
-              description={renderDescription({ distance, duration })}
-            />,
-          ]}
-        />
-        <FitViewOnce registerOverlay={registerOverlay} />
-      </HeycarMap>
-    );
-  };
-}).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to"]);

package/src/business-components/BusinessQuotingMap/index.ts

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

package/src/business-components/BusinessRecomendPlaceMap/BusinessRecomendPlaceMap.tsx

@@ -1,200 +0,0 @@
-import { computed, reactive, watchEffect } from "vue";
-import { HeycarMap, HeycarMapProps } from "../../components/MapProvider";
-import type { BusinessRecomendPlaceContext } from "../../hooks-business/useBusinessRecomendPlaceMap";
-import { useGeoLocation, UseGeoLocationProps } from "../../hooks/useGeoLocation";
-import { useHeycarMap } from "../../hooks/useHeycarMap";
-import { useMapDrag, UseMapDragProps } from "../../hooks/useMapDrag";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-import type { UseMapPlaceProps } from "../../hooks/useMapPlace";
-import { useMapRecomendPlace, UseMapRecomendPlaceProps } from "../../hooks/useMapRecomendPlace";
-import { useMapSupplier } from "../../hooks/useMapSupplier";
-import { useWaitTimer } from "../../hooks/useWaitTimer";
-import { defineLagecySetup } from "../../types/helper";
-import type { Place, Point } from "../../types/interface";
-import { isPlaceEqual } from "../../utils/transform";
-import { AbsoluteAddressBox, AbsoluteAddressBoxProps } from "../AbsoluteAddressBox";
-import { PassengerCircle } from "../PassengerCircle";
-import { PickupPoints } from "../PickupPoints";
-
-const RECOMMEND_PLACE_LIMIT = 30;
-const MAP_DRAG_END_WAIT_ANIMATION = 500;
-
-export interface CenterPlaceSource {
-  source: "default" | "geo" | "drag" | "recomend" | "api";
-}
-export interface BusinessRecomendPlaceMapProps
-  extends Omit<HeycarMapProps, "center" | "zoom" | "mapRef">,
-    Pick<UseMapRecomendPlaceProps<CenterPlaceSource>, "getRecomendPlace">,
-    MapLogProps {
-  geoLoadingTitle: string;
-  unavailableTitle: string;
-  recomendDescription: string;
-  noRecomendDescription: string;
-  geoDefaultPosition?: Point;
-  mapContext: BusinessRecomendPlaceContext;
-  onLoadGeoLocation?: UseGeoLocationProps["onLoad"];
-  onLoadDefaultGeoLocation?: UseGeoLocationProps["onLoadDefault"];
-  onChangeByDrag?: UseMapDragProps["onChange"];
-  onChangeGeoLocation?: UseGeoLocationProps["onChange"];
-  onChangePlace?: UseMapPlaceProps["onChange"];
-  onChangeCity?: UseMapPlaceProps["onChangeCity"];
-  onChangeRecomandPlace?: UseMapRecomendPlaceProps["onChange"];
-  onGeoError?: UseGeoLocationProps["onError"];
-  onClickLocator?: AbsoluteAddressBoxProps["onClick"];
-}
-export const BusinessRecomendPlaceMap = defineLagecySetup(
-  (props: BusinessRecomendPlaceMapProps, { emit }) => {
-    useMapLog(props, "BusinessRecomendPlaceMap");
-    const { geoDefaultPosition, getRecomendPlace, mapContext } = props;
-    const { mapRef, setMap } = useHeycarMap();
-    const { readyPromise } = useMapSupplier();
-    const { timerStart, timerStop } = useWaitTimer({ interval: MAP_DRAG_END_WAIT_ANIMATION });
-    const centerPlace = reactive<Place>({
-      lng: geoDefaultPosition?.[0] ?? 0,
-      lat: geoDefaultPosition?.[1] ?? 0,
-      name: "",
-    });
-    const centerPoint = computed<Point>(() => [centerPlace.lng, centerPlace.lat]);
-    const centerSource: CenterPlaceSource = { source: "geo" };
-    const setCenterPlaceByRecomand = (point: Point) => {
-      centerSource.source = "api";
-      updatePlace(point);
-    };
-    const setCenterPlaceByUserSpecified = (place: Place) => {
-      centerSource.source = "api";
-      setPlace(place);
-      updateCity(place);
-      updateRecomandPlace();
-    };
-    const setCenterByPlace = (place: Place) => {
-      centerSource.source = "api";
-      centerPlace.lng = place.lng;
-      centerPlace.lat = place.lat;
-      centerPlace.name = place.name;
-    };
-
-    const { geoPosition, geoError, geoLoading } = useGeoLocation({
-      geoDefaultPosition,
-      onLoad: async (value) => {
-        // geo 主入口
-        await readyPromise;
-        centerSource.source = "geo";
-        updatePlace(value.position);
-        emit("loadGeoLocation", value);
-      },
-      onLoadDefault: async (value) => {
-        // geo default position 主入口
-        await readyPromise;
-        centerSource.source = "geo";
-        updatePlace(value.position);
-        emit("loadDefaultGeoLocation", value);
-      },
-      onChange: (v) => emit("changeGeoLocation", v),
-      onError: (e) => emit("geoError", e),
-    });
-    mapContext.setCenterPlaceByUserSpecified = setCenterPlaceByUserSpecified;
-    mapContext.panToGeoPositionByRecomend = () => {
-      if (geoError.value) return false;
-      setCenterPlaceByRecomand(geoPosition.value);
-      return true;
-    };
-    const { isDragging } = useMapDrag({
-      mapRef,
-      onChange: (point) => {
-        centerSource.source = "drag";
-        timerStart();
-        updatePlace(point);
-        emit("changeByDrag", point);
-      },
-    });
-    const {
-      updatePlace,
-      setPlace,
-      updateCity,
-      updateRecomandPlace,
-      placeCandidates,
-      availableRef,
-      isElectedRef,
-    } = useMapRecomendPlace({
-      pointRef: centerPoint,
-      context: centerSource,
-      getRecomendPlace,
-      getLimit: (context) => {
-        const source = context?.source;
-        switch (source) {
-          case "drag":
-          case "api":
-            return RECOMMEND_PLACE_LIMIT;
-          case "geo":
-          case "default":
-            return Infinity;
-          default:
-            throw new Error(`MyError: should not call getLimit on source: ${source}`);
-        }
-      },
-      onChangePlace: (place) => {
-        if (centerSource.source !== "recomend") {
-          updateRecomandPlace();
-        }
-        emit("changePlace", place);
-      },
-      onChange: async (place) => {
-        await timerStop.promise;
-        centerSource.source = "recomend";
-        Object.assign(centerPlace, { ...place });
-        emit("changeRecomandPlace", place);
-      },
-      onChangeCity: (value) => {
-        emit("changeCity", value);
-      },
-    });
-    watchEffect(() => {
-      mapContext.onChangeCenterPlace({ ...centerPlace });
-    });
-    watchEffect(() => {
-      mapContext.onChangeRecomendPlaces([...placeCandidates.value]);
-    });
-    return () => {
-      const title = geoLoading.value
-        ? props.geoLoadingTitle
-        : availableRef.value
-        ? centerPlace.name
-        : props.unavailableTitle;
-      const description =
-        !availableRef.value || geoLoading.value
-          ? undefined
-          : isElectedRef.value
-          ? props.recomendDescription
-          : props.noRecomendDescription;
-      return (
-        <HeycarMap center={centerPoint.value} zoom={18} mapRef={setMap} log={props.log}>
-          {!geoError.value && <PassengerCircle position={geoPosition.value} />}
-          <PickupPoints
-            places={placeCandidates.value}
-            renderLabel={(place) => (isPlaceEqual(place, centerPlace) ? undefined : place.name)}
-            onClick={setCenterByPlace}
-            log={props.log}
-          />
-          <AbsoluteAddressBox
-            title={title}
-            description={description}
-            type={isDragging.value ? "locator" : "box"}
-            log={props.log}
-            onClick={() => emit("clickLocator")}
-          />
-        </HeycarMap>
-      );
-    };
-  }
-).props([
-  "log",
-  "geoLoadingTitle",
-  "unavailableTitle",
-  "recomendDescription",
-  "noRecomendDescription",
-  "fallback",
-  "geoDefaultPosition",
-  "getRecomendPlace",
-  "loading",
-  "mapContext",
-]);

package/src/business-components/BusinessRecomendPlaceMap/index.ts

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

package/src/business-components/BusinessTaxiEndMap/BusinessTaxiEndMap.tsx

@@ -1,43 +0,0 @@
-import { BEIJIN_POINT } from "../../api/contants";
-import { HeycarMap } from "../../components/MapProvider";
-import { useHeycarMap } from "../../hooks/useHeycarMap";
-import { useMapFitView } from "../../hooks/useMapFitView";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-import { defineSetup } from "../../types/helper";
-import type { Place, Point } from "../../types/interface";
-import { isPlace } from "../../utils/helper";
-import { place2point } from "../../utils/transform";
-import { SectionEndService } from "../BusinessTaxiServiceMap";
-
-export interface BusinessTaxiEndMapProps extends MapLogProps {
-  from: Partial<Place>;
-  to: Partial<Place>;
-}
-export const BusinessTaxiEndMap = defineSetup((props: BusinessTaxiEndMapProps) => {
-  useMapLog(props, "BusinessTaxiEndMap");
-  const { mapRef, setMap } = useHeycarMap();
-  const { registerFitVeiw, setFitView } = useMapFitView({
-    mapRef,
-    autoFitTimeout: 5000,
-    padding: [25, 20, 15, 15],
-  });
-  return () => {
-    const { from, to } = props;
-    const isReady = isPlace(from) && isPlace(to);
-    const center = isReady ? place2point(from) : ([...BEIJIN_POINT] as Point);
-    const zoom = isReady ? 13 : 3;
-    return (
-      <HeycarMap center={center} zoom={zoom} mapRef={setMap} log={props.log}>
-        {isReady && (
-          <SectionEndService
-            from={from}
-            to={to}
-            registerOverlay={registerFitVeiw}
-            onMapMounted={setFitView}
-            log={props.log}
-          />
-        )}
-      </HeycarMap>
-    );
-  };
-});

package/src/business-components/BusinessTaxiEndMap/index.ts

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