@heycar/heycars-map 0.3.7 → 0.3.8

package/src/types/helper.ts

@@ -1,172 +0,0 @@
-import "@amap/amap-jsapi-types";
-import { kebabCase } from "lodash-es";
-import { DefineComponent, defineComponent, h, SetupContext, VNode } from "vue-demi";
-
-// vue2
-import type { VNodeChildren } from "vue/types/umd";
-import type { ComponentOptionsBase } from "vue/types/v3-component-options";
-import type { ComponentObjectPropsOptions } from "vue/types/v3-component-props";
-import type { EmitFn, ObjectEmitsOptions, Slot } from "vue/types/v3-setup-context";
-export type VNodeChild = VNode | VNodeChildren;
-export type VueNode = VNode | null | undefined;
-
-// vue3
-// export type { VNodeChild } from "vue";
-
-type LagecyPropNames<N> = N extends `on${string}` ? never : N;
-export type EmitByProps<T, R = Required<T>> = {
-  [K in keyof R as K extends `on${infer N}` ? Uncapitalize<N> : never]: R[K];
-};
-export type EmitPayloadByProps<T, R = Required<T>> = {
-  [K in keyof R as K extends `on${infer N}` ? Uncapitalize<N> : never]: R[K] extends (
-    props: infer P
-  ) => any
-    ? P
-    : never;
-};
-type RenderFunction = (...args: any[]) => VNodeChild;
-export type SC<P> = Omit<SetupContext<Extract<EmitByProps<P>, ObjectEmitsOptions>>, "slots"> & {
-  slots: {
-    [K in keyof P as Exclude<P[K], undefined> extends RenderFunction
-      ? K extends `on${string}`
-        ? never
-        : K
-      : never]: P[K];
-  } & { default?: Slot };
-};
-// SetupContextEmitHandler 是通用处理函数的类型，不是严格意义的重载类型
-export type SetupContextEmitHandler<P, E = EmitPayloadByProps<P>> = (
-  eventName: keyof E,
-  payload: E[keyof E]
-) => any;
-export type SetupOptions<P> = ComponentOptionsBase<
-  P,
-  Empty,
-  Empty,
-  Empty,
-  Empty,
-  Empty,
-  Empty,
-  Extract<EmitByProps<P>, ObjectEmitsOptions>,
-  Extract<keyof EmitByProps<P>, string>,
-  Empty
->;
-
-export type Empty = Record<string, never>;
-
-export function defineFc<P = Empty>(render: (props: P, ctx: SC<P>) => VueNode) {
-  return defineComponent({
-    name: render.name,
-    inheritAttrs: false,
-    setup(_, ctx) {
-      const { attrs, slots, emit } = ctx;
-      const originEmit = emit as EmitFn;
-      const emitKebab = (eventName: string, data: any) => {
-        const kebabName = kebabCase(eventName);
-        originEmit(eventName, data);
-        if (eventName !== kebabName) originEmit(kebabName, data);
-      };
-      const props = attrs as unknown as P;
-      // todo: 下面是实时订阅的实现，是否不需要。
-      const proxiedSlots = new Proxy(slots, {
-        get(target, name, receiver) {
-          return Reflect.get(target, name, receiver) ?? Reflect.get(props as any, name);
-        },
-      });
-      return () =>
-        render(props, { ...ctx, slots: proxiedSlots, emit: emitKebab } as unknown as SC<P>);
-    },
-  }) as DefineComponent<
-    ComponentObjectPropsOptions<P>,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Extract<EmitByProps<P>, ObjectEmitsOptions>,
-    Extract<keyof EmitByProps<P>, string>,
-    P
-  >;
-}
-
-export function defineSetup<P>(setup: (props: P, ctx: SC<P>) => () => VueNode) {
-  return defineComponent({
-    name: setup.name,
-    inheritAttrs: false,
-    setup(_, ctx) {
-      const { attrs, slots, emit } = ctx;
-      const props = attrs as unknown as P;
-      const originEmit = emit as EmitFn;
-      const emitKebab = (eventName: string, data: any) => {
-        const kebabName = kebabCase(eventName);
-        originEmit(eventName, data);
-        if (eventName !== kebabName) originEmit(kebabName, data);
-      };
-      const proxiedSlots = new Proxy(slots, {
-        get(target, name, receiver) {
-          return Reflect.get(target, name, receiver) ?? Reflect.get(props as any, name);
-        },
-      });
-      return setup(props, { ...ctx, slots: proxiedSlots, emit: emitKebab } as unknown as SC<P>);
-    },
-  }) as DefineComponent<
-    ComponentObjectPropsOptions<P>,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Empty,
-    Extract<EmitByProps<P>, ObjectEmitsOptions>,
-    Extract<keyof EmitByProps<P>, string>,
-    P
-  >;
-}
-
-export function defineLagecySetup<P>(setup: (props: P, ctx: SC<P>) => () => VueNode) {
-  return {
-    props: (propNames: LagecyPropNames<keyof P>[]) => {
-      return defineComponent({
-        name: setup.name,
-        inheritAttrs: false,
-        props: propNames as string[],
-        setup(setupProps, ctx) {
-          const props = setupProps as P;
-          const { slots, emit } = ctx;
-          const originEmit = emit as EmitFn;
-          const emitKebab = (eventName: string, data: any) => {
-            const kebabName = kebabCase(eventName);
-            originEmit(eventName, data);
-            if (eventName !== kebabName) originEmit(kebabName, data);
-          };
-          const proxiedSlots = new Proxy(slots, {
-            get(target, name, receiver) {
-              return Reflect.get(target, name, receiver) ?? Reflect.get(props as any, name);
-            },
-          });
-          return setup(props, { ...ctx, slots: proxiedSlots, emit: emitKebab } as unknown as SC<P>);
-        },
-      }) as DefineComponent<
-        ComponentObjectPropsOptions<P>,
-        Empty,
-        Empty,
-        Empty,
-        Empty,
-        Empty,
-        Empty,
-        Extract<EmitByProps<P>, ObjectEmitsOptions>,
-        Extract<keyof EmitByProps<P>, string>,
-        P
-      >;
-    },
-  };
-}
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-export function Noop() {}
-
-export const createElement = h;
-
-// todo 从 provider 那边去设置
-export const LANGUAGE = "zh-CN";

package/src/types/interface.ts

@@ -1,62 +0,0 @@
-import type { ShallowRef } from "vue-demi";
-
-export type Point = [number, number];
-export type MapShallowRef<M = AMap.Map | google.maps.Map> = ShallowRef<M | undefined>;
-export type Place = {
-  lng: number;
-  lat: number;
-  name: string;
-  cityName?: string;
-  cityParentName?: string;
-  countryName?: string;
-};
-
-export interface AutoCompletePlace extends Place {
-  placeId?: string;
-  description: string;
-  distance?: number;
-}
-
-export type Region = {
-  bound?: {
-    east: number;
-    north: number;
-    south: number;
-    west: number;
-  };
-  name: string;
-};
-
-export interface RegisterOverlay<T> {
-  add: (overlay: T) => void;
-  remove: (overlay: T) => void;
-  setFitView: () => void;
-}
-
-export interface Route {
-  path: Point[];
-  distance: number;
-  duration: number;
-}
-
-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";

package/src/types/mapHelper.ts

@@ -1 +0,0 @@
-export type MapEventHandler<T> = (e: { target: T }) => any;

package/src/utils/compare.ts

@@ -1,189 +0,0 @@
-import { isLatLngLiteral } from "@googlemaps/typescript-guards";
-import { createCustomEqual } from "fast-equals";
-import { watch, WatchCallback, watchPostEffect } from "vue-demi";
-import type { Ref, ShallowRef, WatchOptions } from "vue/types/v3-generated";
-import type { EmitFn } from "vue/types/v3-setup-context";
-import type { EmitByProps } from "../types/helper";
-import { property2emitEventName, property2mapEventName } from "./transform";
-
-export const deepCompareEqualsForMaps = createCustomEqual((deepEqual) => (a, b) => {
-  if (isLatLngLiteral(a) || isLatLngLiteral(b)) {
-    return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
-  }
-
-  // TODO extend to other types
-
-  // use fast-equals for other objects
-  return deepEqual(a, b);
-});
-
-export function createDeepCompareMemoize<T>() {
-  let prev: T | undefined = undefined;
-
-  return function memorizedFilter(value: T): T {
-    if (!deepCompareEqualsForMaps(value, prev)) {
-      prev = value;
-    }
-    return prev as T;
-  };
-}
-
-export function useDeepCompareEffectForMaps(callback: () => () => any, dependencies: any[]) {
-  const memorizedGetters = dependencies.map(createDeepCompareMemoize);
-  watch(memorizedGetters, (value, prev, onClean) => {
-    onClean(callback());
-  });
-}
-
-export function watchNoneImmediatePostEffectForDeepOption<T>(
-  getOption: () => T,
-  callback: WatchCallback<T, T>,
-  watchOptions?: WatchOptions<false>
-) {
-  const memorizedFilter = createDeepCompareMemoize<T>();
-  return watch<T, false>(() => memorizedFilter(getOption()), callback, {
-    immediate: false,
-    flush: "post",
-    ...watchOptions,
-  });
-}
-
-export function watchPostEffectForDeepOption<T>(
-  getOption: () => T,
-  callback: WatchCallback<T, T | undefined>,
-  watchOptions?: WatchOptions<true>
-) {
-  const memorizedFilter = createDeepCompareMemoize<T>();
-  return watch<T, true>(() => memorizedFilter(getOption()), callback, {
-    immediate: true,
-    flush: "post",
-    ...watchOptions,
-  });
-}
-
-export function watchEffectForDeepOption<T>(
-  getOption: () => T,
-  callback: WatchCallback<T, T | undefined>,
-  watchOptions?: WatchOptions<true>
-) {
-  const memorizedFilter = createDeepCompareMemoize<T>();
-  return watch<T, true>(() => memorizedFilter(getOption()), callback, {
-    immediate: true,
-    ...watchOptions,
-  });
-}
-
-function name2setterName<N extends string>(name: N) {
-  return `set${name.charAt(0).toUpperCase()}${name.slice(1)}`;
-}
-type AnyFunction = (...args: any[]) => any;
-type PickSettableOptions<T, S, K extends keyof T = keyof T> = K extends `set${infer N}`
-  ? Uncapitalize<N> extends S
-    ? {
-        name: Uncapitalize<N>;
-        defaultValue?: T[K] extends AnyFunction ? Parameters<T[K]>[0] : never;
-      }
-    : never
-  : never;
-
-export function watchPostEffectForMapProperty<T, P>(
-  targetRef: ShallowRef<T | undefined> | Ref<T | undefined>,
-  props: P,
-  nameOptions: PickSettableOptions<T, keyof P>[],
-  watchOptions?: WatchOptions<true>
-) {
-  const deps = nameOptions.map(
-    ({ name }) =>
-      () =>
-        props[name]
-  );
-  watch(
-    deps,
-    (values, prevValues) => {
-      const target = targetRef.value;
-      if (!target) return;
-      for (const [idx, value] of values.entries()) {
-        const { name, defaultValue } = nameOptions[idx];
-        const prev = prevValues[idx];
-        if (!deepCompareEqualsForMaps(value, prev)) {
-          (target[name2setterName(name) as keyof T] as any)(value ?? defaultValue);
-        }
-      }
-    },
-    {
-      immediate: true,
-      flush: "post",
-      ...watchOptions,
-    }
-  );
-}
-
-export function watchNoneImmediatePostEffectForMapProperty<T, P>(
-  targetRef: ShallowRef<T | undefined> | Ref<T | undefined>,
-  props: P,
-  nameOptions: PickSettableOptions<T, keyof P>[],
-  watchOptions?: WatchOptions<false>
-) {
-  return watchPostEffectForMapProperty(targetRef, props, nameOptions, {
-    immediate: false,
-    ...watchOptions,
-  } as unknown as WatchOptions<true>);
-}
-
-type NamesRestrict<N, S extends string> = N extends `on${string}`
-  ? Lowercase<N> extends `on${S}`
-    ? N
-    : never
-  : never;
-export function watchPostEffectForAMapEvent<
-  T extends AMap.Event,
-  P,
-  E extends string = AMap.EventType
->(
-  targetRef: ShallowRef<T | undefined> | Ref<T | undefined> | undefined,
-  props: P,
-  emit: EmitFn<EmitByProps<P>>,
-  propertyNames: NamesRestrict<keyof P, E>[]
-) {
-  watchPostEffect((onCleanup) => {
-    const target = targetRef?.value;
-    if (!target) return;
-    const cleanList: (() => void)[] = [];
-    for (const name of propertyNames) {
-      const emitEventName = property2emitEventName(name);
-      const eventName = property2mapEventName(name) as AMap.EventType;
-      const handler = (e: any) => (emit as EmitFn)(emitEventName, e);
-      target.on(eventName, handler);
-      cleanList.push(() => target?.off(eventName, handler));
-    }
-    onCleanup(() => {
-      for (const clean of cleanList) clean();
-    });
-  });
-}
-
-export function watchPostEffectForGMapEvent<
-  T extends google.maps.MVCObject | google.maps.marker.AdvancedMarkerView,
-  P
->(
-  targetRef: ShallowRef<T | undefined> | Ref<T | undefined> | undefined,
-  props: P,
-  emit: EmitFn<EmitByProps<P>>,
-  propertyNames: NamesRestrict<keyof P, string>[]
-) {
-  watchPostEffect((onCleanup) => {
-    const target = targetRef?.value;
-    if (!target) return;
-    const cleanList: (() => void)[] = [];
-    for (const name of propertyNames) {
-      const emitEventName = property2emitEventName(name);
-      const eventName = property2mapEventName(name);
-      const handler = (e: any) => (emit as EmitFn)(emitEventName, e);
-      const listener = target.addListener(eventName, handler);
-      cleanList.push(() => google.maps.event.removeListener(listener));
-    }
-    onCleanup(() => {
-      for (const clean of cleanList) clean();
-    });
-  });
-}

package/src/utils/dom.ts

@@ -1,14 +0,0 @@
-import type { HTMLAttributes, ImgHTMLAttributes } from "vue/types/jsx";
-
-export const createDom = (
-  tag: string,
-  props?: HTMLAttributes | ImgHTMLAttributes,
-  innerHtml?: string
-) => {
-  const { class: className, ...restProps } = props ?? {};
-  const elm = document.createElement(tag);
-  if (className) elm.className = className;
-  Object.assign(elm, restProps);
-  if (innerHtml) elm.innerHTML = innerHtml;
-  return elm;
-};

package/src/utils/helper.ts

@@ -1,5 +0,0 @@
-import type { Place } from "../types/interface";
-
-export const isPlace = (place: Partial<Place>): place is Place => {
-  return place.lng !== undefined && place.lat !== undefined;
-};

package/src/utils/transform.ts

@@ -1,68 +0,0 @@
-import type { Place, Point } from "../types/interface";
-
-export const vec2lnglat = ([lng, lat]: [number, number]): google.maps.LatLngLiteral => ({
-  lng,
-  lat,
-});
-
-export interface AsteriskItem {
-  type: "normal" | "emphasize";
-  value: string;
-}
-export const decodeAsterisk = (encodedValue: string): AsteriskItem[] => {
-  const result: AsteriskItem[] = [];
-  const tokens = encodedValue.split("*");
-  for (const [idx, token] of tokens.entries()) {
-    if (!token) continue;
-    result.push({ value: token, type: idx % 2 === 0 ? "normal" : "emphasize" });
-  }
-  return result;
-};
-
-export const property2emitEventName = (propertyName: string) => {
-  const firstLetter = propertyName.charAt(2).toLocaleLowerCase();
-  return `${firstLetter}${propertyName.slice(3)}`;
-};
-
-export const property2mapEventName = (propertyName: string) => {
-  return propertyName.slice(2).toLowerCase();
-};
-
-export type VectorMapForeign = "style_en" | "style_local" | "style_zh_cn";
-export const language2vectorMapForeign = (lang: "en" | "zh"): VectorMapForeign => {
-  switch (lang) {
-    case "en":
-      return "style_en";
-    case "zh":
-      return "style_zh_cn";
-  }
-};
-
-export const place2point = (place: Place): Point => [place.lng, place.lat];
-
-export const pipeAsync =
-  <P extends any[]>(fn?: (...args: P) => any) =>
-  (...args: P) => {
-    setTimeout(() => fn?.(...args));
-  };
-
-export const geocoderResult2cityName = (value: google.maps.GeocoderResult): string | undefined => {
-  const { address_components } = value;
-  const address = address_components.find(
-    (item) =>
-      item.types[0] === "administrative_area_level_1" ||
-      item.types[0] === "administrative_area_level_2"
-  );
-  if (address) return address.long_name;
-  const countryIdx = address_components.findIndex((item) => item.types[0] === "country");
-  if (countryIdx > 0) return address_components[countryIdx - 1].long_name;
-  return undefined;
-};
-
-export const isPlaceEqual = (p1: Place, p2?: Place) => {
-  return p1.lng === p2?.lng && p1.lat === p2?.lat;
-};
-
-export const isPointEqual = (p1: Point, p2?: Point) => {
-  return p1[0] === p2?.[0] && p1[1] === p2?.[1];
-};

package/src/vite-env.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_GMAP_API_KEY: string;
-  readonly VITE_GMAP_MAP_ID: string;
-  readonly VITE_AMAP_API_KEY: string;
-  readonly VITE_AMAP_API_SECRET: string;
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}