@heycar/heycars-map 0.3.7 → 0.3.9

package/src/api/contants.ts

@@ -1,3 +0,0 @@
-import type { Point } from "../types/interface";
-
-export const BEIJIN_POINT: Point = [116.2317, 39.5427];

package/src/api/driving.ts

@@ -1,87 +0,0 @@
-import { memoize } from "lodash-es";
-import type { ApiMapMeta } from "./geometry";
-
-const getGmapDirectionsService = memoize(() => {
-  return new google.maps.DirectionsService();
-});
-
-const getAmapDriving = memoize((options: AMap.DrivingOptions) => {
-  return new AMap.Driving(options);
-}, JSON.stringify);
-
-const getAmapWalking = memoize((options: AMap.WalkingOptions) => {
-  return new AMap.Walking(options);
-}, JSON.stringify);
-
-export interface ApiDrivingGetAddressProps extends ApiMapMeta {
-  origin: [number, number];
-  destination: [number, number];
-  // ferry?: 0 | 1,
-  // policy?: 0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20;
-}
-export const apiDrivingGetAddress = async (
-  props: ApiDrivingGetAddressProps
-): Promise<AMap.DrivingResult | undefined | google.maps.DirectionsResult> => {
-  const { isGoogle, origin, destination } = props;
-  if (!isGoogle) {
-    const amapDriving = getAmapDriving({});
-    return new Promise((resolve, reject) => {
-      amapDriving.search(
-        AMap.LngLat.from(origin),
-        AMap.LngLat.from(destination),
-        { waypoints: [] },
-        (status, result) => {
-          switch (status) {
-            case "complete":
-              return resolve(result as AMap.DrivingResult);
-            case "no_data":
-              return resolve(undefined);
-            default:
-              reject(result as Error);
-          }
-        }
-      );
-    });
-  }
-  const gmapDirectionsService = getGmapDirectionsService();
-  return await gmapDirectionsService.route({
-    origin: { lng: origin[0], lat: origin[1] },
-    destination: { lng: destination[0], lat: destination[1] },
-    travelMode: google.maps.TravelMode.DRIVING,
-  });
-};
-
-export interface ApiWalkingGetAddressProps extends ApiMapMeta {
-  origin: [number, number];
-  destination: [number, number];
-}
-export const apiWalkingGetAddress = async (
-  props: ApiWalkingGetAddressProps
-): Promise<AMap.WalkingResult | undefined | google.maps.DirectionsResult> => {
-  const { isGoogle, origin, destination } = props;
-  if (!isGoogle) {
-    const amapWalking = getAmapWalking({});
-    return new Promise((resolve, reject) => {
-      amapWalking.search(
-        AMap.LngLat.from(origin),
-        AMap.LngLat.from(destination),
-        (status, result) => {
-          switch (status) {
-            case "complete":
-              return resolve(result as AMap.WalkingResult);
-            case "no_data":
-              return resolve(undefined);
-            default:
-              reject(result as Error);
-          }
-        }
-      );
-    });
-  }
-  const gmapDirectionsService = getGmapDirectionsService();
-  return await gmapDirectionsService.route({
-    origin: { lng: origin[0], lat: origin[1] },
-    destination: { lng: destination[0], lat: destination[1] },
-    travelMode: google.maps.TravelMode.WALKING,
-  });
-};

package/src/api/geocoder.ts

@@ -1,88 +0,0 @@
-import { memoize } from "lodash-es";
-import type { ApiMapMeta } from "./geometry";
-
-const getGmapGeocoder = memoize(() => {
-  return new google.maps.Geocoder();
-});
-
-const getAmapGeocoder = memoize((options: AMap.GeocoderOptions) => {
-  return new AMap.Geocoder(options);
-}, JSON.stringify);
-
-// todo: 谷歌大部分接口都是用 placeId
-export interface ApiGeocoderGetAddressProps extends ApiMapMeta {
-  location: [number, number];
-  country?: string;
-  // todo: 谷歌用的是邮政编码
-  city?: string;
-  lang?: string;
-}
-export const apiGeocoderGetAddress = async (
-  props: ApiGeocoderGetAddressProps
-): Promise<AMap.ReGeocoderResult | undefined | google.maps.GeocoderResult[]> => {
-  const { isGoogle, location, country, city, lang } = props;
-  if (!isGoogle) {
-    const amapGeocoder = getAmapGeocoder({ city, lang });
-    return new Promise((resolve, reject) => {
-      amapGeocoder.getAddress(AMap.LngLat.from(location), (status, result) => {
-        switch (status) {
-          case "complete":
-            return resolve(result as AMap.ReGeocoderResult);
-          case "no_data":
-            return resolve(undefined);
-          default:
-            reject(result as Error);
-        }
-      });
-    });
-  }
-  const gmapGeocoder = getGmapGeocoder();
-  const [lng, lat] = location;
-  const { results } = await gmapGeocoder.geocode({
-    location: new google.maps.LatLng({ lng, lat }),
-    language: lang,
-    componentRestrictions: {
-      country,
-      postalCode: city,
-    },
-  });
-  return results;
-};
-
-export interface ApiGeocoderGetAddressProps extends ApiMapMeta {
-  address: string;
-  country?: string;
-  // todo: 谷歌用的是邮政编码
-  city?: string;
-  lang?: string;
-}
-export const apiGeocoderGetLocation = async (
-  props: ApiGeocoderGetAddressProps
-): Promise<AMap.GeocoderResult | undefined | google.maps.GeocoderResult[]> => {
-  const { isGoogle, address, country, city, lang } = props;
-  if (!isGoogle) {
-    const amapGeocoder = getAmapGeocoder({ city, lang });
-    return new Promise((resolve, reject) => {
-      amapGeocoder.getLocation(address, (status, result) => {
-        switch (status) {
-          case "complete":
-            return resolve(result as AMap.GeocoderResult);
-          case "no_data":
-            return resolve(undefined);
-          default:
-            reject(result as Error);
-        }
-      });
-    });
-  }
-  const gmapGeocoder = getGmapGeocoder();
-  const { results } = await gmapGeocoder.geocode({
-    address,
-    language: lang,
-    componentRestrictions: {
-      country,
-      postalCode: city,
-    },
-  });
-  return results;
-};

package/src/api/geometry.ts

@@ -1,44 +0,0 @@
-import type { Point } from "../types/interface";
-
-export interface ApiMapMeta {
-  isGoogle: boolean;
-}
-
-const point2latlng = ([lng, lat]: Point): google.maps.LatLngLiteral => ({ lng, lat });
-export interface DistanceOfLineProps extends ApiMapMeta {
-  path: Point[];
-}
-export function apiMapDistanceOfLine(props: DistanceOfLineProps): number {
-  const { path, isGoogle } = props;
-  if (!isGoogle) {
-    return AMap.GeometryUtil.distanceOfLine(path);
-  }
-  return google.maps.geometry.spherical.computeLength(path.map(point2latlng));
-}
-
-export interface IsPointInRingProps extends ApiMapMeta {
-  point: Point;
-  path: Point[];
-}
-export function apiMapIsPointInRing(props: IsPointInRingProps): boolean {
-  const { point, path, isGoogle } = props;
-  if (!isGoogle) {
-    return AMap.GeometryUtil.isPointInRing(point, path);
-  }
-  const polygon = new google.maps.Polygon({ paths: path.map(point2latlng) });
-  return google.maps.geometry.poly.containsLocation(point2latlng(point), polygon);
-}
-
-export interface IsPointInLineProps extends ApiMapMeta {
-  point: Point;
-  path: Point[];
-  tolerance: number;
-}
-export function apiMapIsPointInLine(props: IsPointInLineProps): boolean {
-  const { point, path, tolerance, isGoogle } = props;
-  if (!isGoogle) {
-    return AMap.GeometryUtil.isPointOnLine(point, path, tolerance);
-  }
-  const polyline = new google.maps.Polyline({ path: path.map(point2latlng) });
-  return google.maps.geometry.poly.isLocationOnEdge(point2latlng(point), polyline, tolerance);
-}

package/src/api/place.ts

@@ -1,105 +0,0 @@
-import { memoize } from "lodash-es";
-import type { ApiMapMeta } from "./geometry";
-
-const getGmapAutoCompleteService = memoize(() => {
-  return new google.maps.places.AutocompleteService();
-});
-
-const getAmapAutoComplete = memoize((options: AMap.AutoCompleteOptions) => {
-  return new AMap.AutoComplete(options);
-}, JSON.stringify);
-
-const getGmapPlacesService = memoize((map: google.maps.Map) => {
-  return new google.maps.places.PlacesService(map);
-});
-
-const getAmapPlaceSearch = memoize((options: AMap.PlaceSearchOptions) => {
-  return new AMap.PlaceSearch(options);
-}, JSON.stringify);
-
-export interface ApiAutoCompleteSearchProps extends ApiMapMeta {
-  keyword: string;
-  country?: string;
-  city?: string;
-  lang?: string;
-}
-export const apiAutoCompleteSearch = async (
-  props: ApiAutoCompleteSearchProps
-): Promise<AMap.AutocompleteResult | undefined | google.maps.places.AutocompletePrediction[]> => {
-  const { country, city, keyword, lang, isGoogle } = props;
-  if (!isGoogle) {
-    const amapAutoComplete = getAmapAutoComplete({ lang, city });
-    return new Promise((resolve, reject) => {
-      // todo 高德海外怎么传 country ?
-      amapAutoComplete.search(keyword, (status, result) => {
-        switch (status) {
-          case "complete":
-            return resolve(result as AMap.AutocompleteResult);
-          case "no_data":
-            return resolve(undefined);
-          default:
-            reject(result as Error);
-        }
-      });
-    });
-  }
-  const gmapAutoCompleteService = getGmapAutoCompleteService();
-  const { predictions } = await gmapAutoCompleteService.getPlacePredictions({
-    input: keyword,
-    language: lang,
-    componentRestrictions: {
-      country,
-      postalCode: city,
-    } as google.maps.places.ComponentRestrictions,
-  });
-  return predictions;
-};
-
-export interface ApiPlaceSearchInBoundsProps extends ApiMapMeta {
-  keyword: string;
-  // 基于矩形的 southWest 和 northEast 的点构造矩形。
-  bounds: [[number, number], [number, number]];
-  // 只有谷歌支持
-  lang?: string;
-  // 谷歌地图必须提供 map 对象
-  map?: google.maps.Map;
-}
-export const apiPlaceSearchInBounds = async (
-  props: ApiPlaceSearchInBoundsProps
-): Promise<AMap.PlaceSearchResult | undefined | google.maps.places.PlaceResult[]> => {
-  const { map, keyword, bounds, lang, isGoogle } = props;
-  const pageSize = 20;
-  if (!isGoogle) {
-    const amapPlaceSearch = getAmapPlaceSearch({ pageSize });
-    return new Promise((resolve, reject) => {
-      amapPlaceSearch.searchInBounds(keyword, new AMap.Bounds(bounds), (status, result) => {
-        switch (status) {
-          case "complete":
-            return resolve(result as AMap.PlaceSearchResult);
-          case "no_data":
-            return resolve(undefined);
-          default:
-            reject(result as Error);
-        }
-      });
-    });
-  }
-  if (!map) throw new Error("MyError: should provide google map");
-  const gmapPlacesService = getGmapPlacesService(map);
-  return new Promise<google.maps.places.PlaceResult[]>((resolve, reject) => {
-    const [[south, west], [north, east]] = bounds;
-    gmapPlacesService.textSearch(
-      {
-        bounds: { north, east, south, west },
-        language: lang,
-        query: keyword,
-      },
-      (result, status) => {
-        if (status === google.maps.places.PlacesServiceStatus.NOT_FOUND) return resolve([]);
-        if (status === google.maps.places.PlacesServiceStatus.OK)
-          return resolve(result as google.maps.places.PlaceResult[]);
-        reject(status);
-      }
-    );
-  });
-};

package/src/assets/icons/svg/address-locator.svg

@@ -1 +0,0 @@
-<svg width="26" height="40" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="-39.719%" y1="50%" x2="126.093%" y2="50%" id="prefix__a"><stop stop-color="#79AFFF" offset="0%"/><stop stop-color="#5C8DFF" offset="32.342%"/><stop stop-color="#507FFF" offset="74.853%"/><stop stop-color="#4471FF" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M11.5 24h3v14.5a1.5 1.5 0 01-3 0V24z" fill="#4C80FF"/><g><circle fill="url(#prefix__a)" cx="13" cy="13" r="13"/><circle fill="#FFF" cx="13" cy="13" r="4"/></g></g></svg>

package/src/assets/icons/svg/arrow-right.svg

@@ -1 +0,0 @@
-<svg width="6" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M1 1l4 4-4 4" stroke="#FFF" stroke-width="2" fill="none" fill-rule="evenodd" opacity=".8"/></svg>

package/src/assets/icons/svg/end-point.svg

@@ -1 +0,0 @@
-<svg width="24" height="31" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="72.339%" y1="50%" x2="0%" y2="50%" id="prefix__a"><stop stop-color="#FF8447" offset="0%"/><stop stop-color="#FF8B4A" offset="50.596%"/><stop stop-color="#FFA95A" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M12 30.215c2.134 0 3.863-.893 3.863-1.995 0-1.1-1.73-1.994-3.863-1.994-2.134 0-3.863.893-3.863 1.994 0 1.102 1.73 1.995 3.863 1.995z" fill-opacity=".5" fill="#43485A"/><path d="M11 27.006c2.128 0-.9-3.743 5.621-6.643C19.842 18.453 22 14.953 22 10.95 22 4.902 17.075 0 11 0S0 4.902 0 10.95c0 3.918 2.068 7.356 5.177 9.29C11.75 23.284 9.06 27.007 11 27.007z" stroke="#FFF" fill="url(#prefix__a)" transform="translate(1 1.215)"/><text font-family="PingFangSC-Semibold, PingFang SC" font-size="12" font-weight="500" fill="#FFF" transform="translate(1 1.215)"><tspan x="5" y="15.449">终</tspan></text></g></svg>

package/src/assets/icons/svg/passenger-circle.svg

@@ -1 +0,0 @@
-<svg width="61" height="61" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-7.1%" y="-7.1%" width="114.3%" height="114.3%" filterUnits="objectBoundingBox" id="prefix__a"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation=".5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.277453016 0" in="shadowBlurOuter1"/></filter><circle id="prefix__b" cx="30" cy="30" r="10.5"/></defs><g transform="translate(.405 .264)" fill="none" fill-rule="evenodd"><circle stroke-opacity=".1" stroke="#003DFF" fill-opacity=".15" fill="#4873FE" cx="30" cy="30" r="29.5"/><use fill="#000" filter="url(#prefix__a)" xlink:href="#prefix__b"/><circle stroke="#FFF" stroke-width="2.4" stroke-linejoin="square" fill="#4871F1" cx="30" cy="30" r="9.3"/></g></svg>

package/src/assets/icons/svg/place-circle.svg

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>椭圆形</title>
-    <defs>
-        <circle id="path-1" cx="4.5" cy="9.5" r="4.5"></circle>
-        <filter x="-61.1%" y="-61.1%" width="222.2%" height="222.2%" filterUnits="objectBoundingBox" id="filter-2">
-            <feMorphology radius="1" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
-            <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.20435424 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-    </defs>
-    <g id="1.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="首页-即时用车-拖动光标" transform="translate(-228.000000, -322.000000)">
-            <g id="椭圆形" transform="translate(232.000000, 321.000000)">
-                <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
-                <use stroke="#FFFFFF" stroke-width="2" fill="#346EFF" fill-rule="evenodd" xlink:href="#path-1"></use>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/assets/icons/svg/start-point.svg

@@ -1 +0,0 @@
-<svg width="24" height="31" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="0%" y1="50%" x2="129.599%" y2="50%" id="prefix__a"><stop stop-color="#36A8FF" offset="0%"/><stop stop-color="#4871F1" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path d="M12 30.215c1.95 0 3.532-.816 3.532-1.823 0-1.007-1.581-1.823-3.532-1.823-1.95 0-3.532.816-3.532 1.823 0 1.007 1.581 1.823 3.532 1.823z" fill-opacity=".5" fill="#43485A"/><path d="M11 27c2.128 0-.9-3.742 5.621-6.641 3.221-1.91 5.379-5.41 5.379-9.412C22 4.901 17.075 0 11 0S0 4.901 0 10.947c0 3.918 2.068 7.355 5.177 9.29C11.75 23.277 9.06 27 11 27z" stroke="#FFF" fill="url(#prefix__a)" transform="translate(1 1.215)"/><text font-family="PingFangSC-Semibold, PingFang SC" font-size="12" font-weight="500" fill="#FFF" transform="translate(1 1.215)"><tspan x="5" y="15.624">起</tspan></text></g></svg>

package/src/assets/icons/svg/taxi-car.svg

@@ -1 +0,0 @@
-<svg width="24" height="44" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path d="M34.087 10.96c0 2.369-.054 2.98-.782 3.704-.793.79-5.236.833-5.236.833l-4.116.192-9.896-.144s-7.79-.026-9.131-.026c-1.342 0-2.406-.847-2.406-.847C.14 12.932 0 11.09 0 11.09V5.86s.14-1.842 2.52-3.583c0 0 1.064-.846 2.406-.846 1.341 0 9.13-.026 9.13-.026l9.897-.144 4.116.192s4.484 0 5.236.833c.778.86.782 1.37.782 3.74v4.934z" id="prefix__b"/><path d="M0 1.493S5.7.18 8.719.05c3.02-.131 3.47.017 5.282.21.507.051 3.26.91 3.26.91l-7.303.3L0 1.494z" id="prefix__c"/><path d="M10.08 2.815C9.295 4.483 8.85 6.423 8.85 8.494c0 2.062.442 3.994 1.22 5.657l5.698-1.157a15.601 15.601 0 01-.667-4.552c0-1.659.204-3.065.659-4.505L10.08 2.815z" id="prefix__e"/><path d="M25.753 8.455c0 1.92-.22 3.364-.601 4.891l2.626.35c1.178-.005 2.132-2.335 2.132-5.215s-.954-5.21-2.132-5.21l-2.614.35c.372 1.513.589 2.94.589 4.834z" id="prefix__g"/><path d="M.064.015L.158.002C.188-.016.371.106.4.124c.188.126.321.244.43.76.054.252.207 1.465.198 1.496l-.633.833.119 3.17-.094.076L0 .137c0-.052.025-.1.064-.122z" id="prefix__i"/><path d="M.064 6.515l.094.013c.03.018.213-.104.242-.122.188-.126.321-.244.43-.76.054-.252.207-1.465.198-1.496l-.633-.833L.42 0v.07L0 6.394c0 .052.025.1.064.122z" id="prefix__k"/><linearGradient x1="125.264%" y1="49.626%" x2="0%" y2="50%" id="prefix__d"><stop stop-color="#FFF" stop-opacity=".5" offset="0%"/><stop stop-opacity=".5" offset="100%"/></linearGradient><linearGradient x1="22.712%" y1="73.133%" x2="68.62%" y2="66.194%" id="prefix__f"><stop stop-color="#FFF" stop-opacity=".5" offset="0%"/><stop stop-opacity=".5" offset="100%"/></linearGradient><linearGradient x1="128.768%" y1="50%" x2="0%" y2="50%" id="prefix__h"><stop stop-color="#FFF" stop-opacity=".5" offset="0%"/><stop stop-opacity=".5" offset="100%"/></linearGradient><linearGradient x1="100%" y1="100%" x2="28.4%" y2="100%" id="prefix__j"><stop stop-color="#FFBEBE" stop-opacity=".5" offset="0%"/><stop stop-color="#352222" stop-opacity=".5" offset="100%"/></linearGradient><linearGradient x1="100%" y1="100%" x2="28.4%" y2="100%" id="prefix__l"><stop stop-color="#FFBEBE" stop-opacity=".5" offset="0%"/><stop stop-color="#352222" stop-opacity=".5" offset="100%"/></linearGradient><filter x="-17.6%" y="-41.6%" width="135.2%" height="183.2%" filterUnits="objectBoundingBox" id="prefix__a"><feOffset in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0.0862745098 0 0 0 0 0.0862745098 0 0 0 0 0.0862745098 0 0 0 0.5 0" in="shadowBlurOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><path d="M0 0h24v44H0z"/><g fill-rule="nonzero"><g transform="matrix(0 1 1 0 3.498 4.642)"><use fill="#000" filter="url(#prefix__a)" xlink:href="#prefix__b"/><use fill="#DFECF2" xlink:href="#prefix__b"/></g><path d="M14.458 38.728c2.369 0 2.98-.053 3.704-.781.79-.794.834-5.237.834-5.237l.191-4.115-.144-9.896s-.026-7.79-.026-9.132c0-1.342-.846-2.405-.846-2.405-1.741-2.381-3.582-2.52-3.582-2.52H9.357s-1.841.139-3.582 2.52c0 0-.847 1.063-.847 2.405 0 1.342-.026 9.132-.026 9.132l-.144 9.896.192 4.115s0 4.484.833 5.237c.86.777 1.37.781 3.74.781h4.935z" fill="#EFF5F8"/><g transform="matrix(0 1 1 0 17.093 15.062)" opacity=".9"><use fill="#161616" xlink:href="#prefix__c"/><use fill="url(#prefix__d)" xlink:href="#prefix__c"/></g><path d="M5.826 14.53c1.806-.937 3.915-1.465 6.17-1.465 2.243 0 4.339.528 6.141 1.452l-1.278 6.489a15.375 15.375 0 00-4.915-.794c-1.793 0-3.324.254-4.873.794L5.826 14.53z" fill="#161616"/><g transform="matrix(0 1 1 0 3.498 4.642)"><use fill="#3C4242" xlink:href="#prefix__e"/><use fill="url(#prefix__f)" xlink:href="#prefix__e"/></g><g opacity=".9" transform="matrix(0 1 1 0 3.498 4.642)"><use fill="#161616" xlink:href="#prefix__g"/><use fill="url(#prefix__h)" xlink:href="#prefix__g"/></g><path d="M3.87 17.651l.876-.462a.313.313 0 00.17-.274v-.188l-1.317.695v.082c.004.127.152.209.27.147z" fill="#303435"/><path d="M3.564 17.45l1.082-.568c.1-.053.21-.09.327-.106a.108.108 0 00.096-.107v-.552c0-.09-.078-.164-.174-.164H4.85c-.11 0-.502.062-1 .528-.222.209-.353.638-.353.933 0 .033.035.053.066.037z" fill="#DFECF2"/><path d="M5.434 15.062s1.095 4.467 1.226 7.486c.131 3.02-.017 3.47-.21 5.282-.051.507-.937 3.813-.937 3.813L5.36 25.17l.074-10.11z" fill="#161616" opacity=".9"/><path d="M20.13 17.651l-.876-.462a.313.313 0 01-.17-.274v-.188l1.317.695v.082c-.004.127-.152.209-.27.147z" fill="#303435"/><path d="M20.436 17.45l-1.082-.568a.984.984 0 00-.327-.106.108.108 0 01-.096-.107v-.552c0-.09.078-.164.174-.164h.044c.11 0 .502.062 1 .528.222.209.353.638.353.933 0 .033-.035.053-.066.037z" fill="#DFECF2"/><path d="M9.296 38.524h5.375c2.252 0 2.806-.458 3.434-1.15-.104.287-.218.52-.344.659-.712.781-1.026 1.325-3.356 1.325H9.558c-2.33 0-2.544-.486-3.39-1.325-.149-.147-.276-.405-.389-.732.755.777 1.165 1.223 3.517 1.223z" fill="#95A4AD"/><path d="M8.881 37.922h6.052c1.911 0 2.736-.298 3.33-.781a3.075 3.075 0 01-.297.72c-.585.618-1.23 1.019-3.334 1.019H9.178c-1.48 0-2.2-.176-2.718-.504-.118-.11-.24-.237-.384-.384-.14-.147-.266-.405-.376-.74.59.433 1.38.67 3.181.67z" fill="#CBD8DE"/><path d="M11.818 38.037c1.65 0 3.115-.066 4.04-.164-.07.193-.152.344-.24.426-.035.037-.113.07-.148.098-.925.082-2.195.13-3.652.13a46.22 46.22 0 01-3.539-.118c-.04-.033-.126-.07-.17-.11-.096-.082-.179-.23-.253-.418.934.099 2.36.156 3.962.156z" fill="#F2FAFF"/><path d="M11.988 12.194c-2.203 0-4.285.446-6.109 1.227.787-6.961 3.5-7.18 3.5-7.18h5.192s3.125.319 3.5 7.172a15.493 15.493 0 00-6.083-1.22z" fill="#F9FDFF"/><g transform="matrix(0 1 1 0 5.834 37.517)"><use fill="#B92E4D" xlink:href="#prefix__i"/><use fill-opacity=".7" fill="url(#prefix__j)" xlink:href="#prefix__i"/></g><g transform="matrix(0 1 1 0 11.438 37.517)"><use fill="#B92E4D" xlink:href="#prefix__k"/><use fill-opacity=".7" fill="url(#prefix__l)" xlink:href="#prefix__k"/></g><path d="M18.41 36.274c-.038.25-.082.454-.13.642-.092.372-.419.655-.82.712-1.475.208-3.434.421-5.581.421-2.086 0-3.988-.204-5.446-.405a.975.975 0 01-.824-.708 8.903 8.903 0 01-.135-.642c1.522.25 3.826.41 6.405.41 2.648 0 5.009-.168 6.532-.43z" fill="#DFECF2"/><path d="M16.216 36.711c-.947.487-2.487.7-4.232.7-1.698 0-3.207-.196-4.159-.663-.44-.83-.663-2.643-.663-2.643l-.009-.184c.773.708 2.645 1.203 4.83 1.203 2.243 0 4.159-.524 4.892-1.26l-.013.241c0-.004-.218 1.764-.646 2.606zM7.447 23.93a20.12 20.12 0 00-.294-2.442v-.065c1.538-.32 3.167-.649 4.862-.649 1.675 0 3.294.326 4.816.637a22.673 22.673 0 00-.303 2.52c-.147 2.884.02 3.314.232 5.048.006.057.026.152.056.274-1.513.278-3 .54-4.912.54-1.847 0-3.289-.25-4.75-.511v-.008c.03-.131.055-.233.06-.29.218-1.744.38-2.173.233-5.053z" fill="#F2FAFF"/><path d="M12.067 19.716l-4.645.692c-.431-2.92-.832-4.36-1.202-4.324l-.21-1.297a11.732 11.732 0 016.026-1.673c.386 0-.137.05-1.569.147l1.6 6.455z" fill="#161616"/></g></g></svg>

package/src/assets/icons/svg/wave-circle.svg

@@ -1 +0,0 @@
-<svg width="119" height="118" xmlns="http://www.w3.org/2000/svg"><defs><radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="50%" id="prefix__a"><stop stop-color="#FFF" offset="0%"/><stop stop-color="#4471FF" offset="100%"/></radialGradient></defs><circle cx="191.394" cy="238" r="59" transform="translate(-132 -179)" fill="url(#prefix__a)" fill-rule="evenodd" opacity=".2"/></svg>

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

@@ -1,68 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const absoluteAddressBoxLayout = style({
-  pointerEvents: "none",
-  position: "absolute",
-  bottom: "50%",
-  left: 0,
-  right: 0,
-  marginLeft: "auto",
-  marginRight: "auto",
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  zIndex: 1,
-});
-
-export const absoluteAddressBox = style({
-  pointerEvents: "auto",
-  padding: "2.67vw 4.27vw",
-  background: "linear-gradient(90deg, #79AFFF 0%, #5C8DFF 32%, #507FFF 75%, #4471FF 100%)",
-  borderRadius: "3.2vw",
-  display: "flex",
-  alignItems: "center",
-});
-
-export const boxTextLayout = style({
-  paddingRight: "2.67vw",
-  maxWidth: "41.33vw",
-});
-
-export const boxTitle = style({
-  display: "-webkit-box",
-  fontSize: "3.47vw",
-  fontFamily: "PingFangSC-Semibold, PingFang SC",
-  fontWeight: 600,
-  color: "#FFFFFF",
-  lineHeight: "4.8vw",
-  WebkitLineClamp: 2,
-  WebkitBoxOrient: "vertical",
-  overflow: "hidden",
-});
-
-export const boxDescription = style({
-  marginTop: "0.53vw",
-  fontSize: "2.93vw",
-  fontFamily: "PingFangSC-Regular, PingFang SC",
-  fontWeight: 400,
-  color: "#FFFFFF",
-  lineHeight: "4.27vw",
-  opacity: 0.8,
-});
-
-export const arrowRight = style({
-  width: "1.758vw",
-  height: "2.93vw",
-});
-
-export const straightLine = style({
-  width: "0.8vw",
-  height: "4vw",
-  background: "#4C80FF",
-  borderRadius: "0vw 0vw 26.67vw 26.67vw",
-});
-
-export const locatorIcon = style({
-  width: "6.9355vw",
-  height: "10.67vw",
-});

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

@@ -1,50 +0,0 @@
-import { computed } from "vue-demi";
-import imgAddressLocator from "../../assets/icons/svg/address-locator.svg";
-import imgArrowRight from "../../assets/icons/svg/arrow-right.svg";
-import type { MapLogProps } from "../../hooks/useMapLog";
-import { defineSetup } from "../../types/helper";
-import * as css from "./AbsoluteAddressBox.css";
-
-interface MultilineTitleProps {
-  value?: string;
-}
-const MultilineTitle = defineSetup(function MultilineTitle(props: MultilineTitleProps) {
-  const linesRef = computed(() => {
-    return props.value?.split("\n").flatMap((line, idx) => (idx === 0 ? line : [<br />, line]));
-  });
-  return () => <div>{linesRef.value}</div>;
-});
-
-export interface AbsoluteAddressBoxProps extends MapLogProps {
-  type: "box" | "locator";
-  title: string;
-  description?: string;
-  onClick?: () => any;
-}
-export const AbsoluteAddressBox = defineSetup(function AbsoluteAddressBox(
-  props: AbsoluteAddressBoxProps,
-  { emit }
-) {
-  const handleClick = () => emit("click");
-  return () => {
-    const { type, title, description } = props;
-    if (type === "locator")
-      return (
-        <div class={css.absoluteAddressBoxLayout}>
-          <img class={css.locatorIcon} src={imgAddressLocator} />
-        </div>
-      );
-    return (
-      <div class={css.absoluteAddressBoxLayout}>
-        <div class={css.absoluteAddressBox} onClick={handleClick}>
-          <div class={css.boxTextLayout}>
-            <MultilineTitle class={css.boxTitle} value={title} />
-            {!!description && <div class={css.boxDescription}>{description}</div>}
-          </div>
-          <img class={css.arrowRight} src={imgArrowRight} />
-        </div>
-        <i class={css.straightLine} />
-      </div>
-    );
-  };
-});

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

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

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

@@ -1,55 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const addressBoxLayout = style({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  marginBottom: "-1.6vw",
-});
-
-export const addressBox = style({
-  padding: "2.13vw 4.5vw 2.67vw 4.27vw",
-  display: "flex",
-  alignItems: "center",
-  background: "linear-gradient(90deg, #79AFFF 0%, #5C8DFF 32%, #507FFF 75%, #4471FF 100%)",
-  borderRadius: "3.2vw",
-});
-
-export const addressTitle = style({
-  fontSize: "3.47vw",
-  fontFamily: "PingFangSC-Semibold, PingFang SC",
-  fontWeight: 600,
-  color: "#FFFFFF",
-  lineHeight: "4.8vw",
-  whiteSpace: "nowrap",
-});
-
-export const addressDescription = style({
-  fontSize: "2.93vw",
-  fontFamily: "PingFangSC-Regular, PingFang SC",
-  fontWeight: 400,
-  color: "#EAFAF8",
-  lineHeight: "4.27vw",
-  whiteSpace: "nowrap",
-  opacity: 0.8,
-});
-
-export const arrowIcon = style({
-  marginLeft: "3.2vw",
-  width: "1.44vw",
-  height: "2.4vw",
-});
-
-export const verticalLine = style({
-  width: "0.8vw",
-  height: "4vw",
-  background: "#4C80FF",
-  borderRadius: "0vw 0vw 26.67vw 26.67vw",
-  zIndex: 1,
-});
-
-export const circleIcon = style({
-  marginTop: "-1.5vw",
-  width: "3.2vw",
-  height: "3.2vw",
-});

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

@@ -1,76 +0,0 @@
-import { computed } from "vue-demi";
-import imgArrowRight from "../../assets/icons/svg/arrow-right.svg";
-import imgPlaceCircle from "../../assets/icons/svg/place-circle.svg";
-import { AmapMarker } from "../../components/AmapMarker";
-import { GmapAdvancedMarkerView } from "../../components/GmapAdvancedMarkerView/GmapAdvancedMarkerView";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-import { useMapSupplier } from "../../hooks/useMapSupplier";
-import { createElement, defineSetup } from "../../types/helper";
-import type { Point } from "../../types/interface";
-import { createDom } from "../../utils/dom";
-import { vec2lnglat } from "../../utils/transform";
-import type { AbsoluteAddressBoxProps } from "../AbsoluteAddressBox";
-import { AAddressLocator, GAddressLocator } from "../AddressLocator";
-import * as css from "./AddressBox.css";
-
-export interface AddressBoxProps extends MapLogProps, AbsoluteAddressBoxProps {
-  position: Point;
-}
-export const AAddressBox = defineSetup(function AAddressBox(props: AddressBoxProps) {
-  useMapLog(props, "AAddressBox");
-  const contentRef = computed(
-    () => `
-      <div class="${css.addressBoxLayout}">
-        <div class="${css.addressBox}">
-          <div>
-            <div class="${css.addressTitle}">${props.title}</div>
-            <div class="${css.addressDescription}">${props.description ?? ""}</div>
-          </div>
-          <img class="${css.arrowIcon}" src="${imgArrowRight}" >
-        </div>
-        <div class="${css.verticalLine}"></div>
-        <img src="${imgPlaceCircle}" class="${css.circleIcon}">
-      </div>
-    `
-  );
-  return () => {
-    if (props.type === "locator") return <AAddressLocator position={props.position} />;
-    return (
-      <AmapMarker position={props.position} content={contentRef.value} anchor={"bottom-center"} />
-    );
-  };
-});
-
-export const GAddressBox = defineSetup(function GAddressBox(props: AddressBoxProps) {
-  useMapLog(props, "GAddressBox");
-  const contentRef = computed(() =>
-    createDom(
-      "div",
-      { class: css.addressBoxLayout },
-      `
-        <div class="${css.addressBox}">
-          <div>
-            <div class="${css.addressTitle}">${props.title}</div>
-            <div class="${css.addressDescription}">${props.description ?? ""}</div>
-          </div>
-          <img class="${css.arrowIcon}" src="${imgArrowRight}" >
-        </div>
-        <div class="${css.verticalLine}"></div>
-        <img src="${imgPlaceCircle}" class="${css.circleIcon}">
-      `
-    )
-  );
-  return () => {
-    if (props.type === "locator") return <GAddressLocator position={props.position} />;
-    return (
-      <GmapAdvancedMarkerView position={vec2lnglat(props.position)} content={contentRef.value} />
-    );
-  };
-});
-
-export const AddressBox = defineSetup(function AddressBox(props: AddressBoxProps) {
-  const payload = useMapSupplier();
-  return () => {
-    return createElement(payload.supplier === "gmap" ? GAddressBox : AAddressBox, { attrs: props });
-  };
-});

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

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