@heycar/heycars-map 0.3.6 → 0.3.8

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

@@ -1,80 +0,0 @@
-import { computed } from "vue-demi";
-import { AmapPolyline } from "../../components/AmapPolyline";
-import { GmapPolyline } from "../../components/GmapPolyline";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-import { useMapSupplier } from "../../hooks/useMapSupplier";
-import { createElement, defineSetup } from "../../types/helper";
-import { vec2lnglat } from "../../utils/transform";
-
-export interface WalkingLineProps extends MapLogProps {
-  path: [number, number][];
-}
-export const AWalkingLine = defineSetup(function AWalkingLine(props: WalkingLineProps) {
-  useMapLog(props, "AWalkingLine");
-  return () => {
-    const { path } = props;
-    if (path.length === 0) return null;
-    const vw = window.innerWidth * 0.01;
-    const strokeWidth = 2 * vw;
-    return (
-      <AmapPolyline
-        path={path}
-        strokeWeight={strokeWidth}
-        strokeOpacity={1}
-        strokeColor={"#38A3FE"}
-        strokeStyle="dashed"
-        strokeDasharray={[strokeWidth, strokeWidth * 1.5]}
-        lineJoin={"round"}
-        lineCap={"round"}
-      />
-    );
-  };
-});
-
-export const GWalkingLine = defineSetup(function GWalkingLine(props: WalkingLineProps) {
-  useMapLog(props, "GWalkingLine");
-  const pathRef = computed(() => props.path.map(vec2lnglat));
-  return () => {
-    const path = pathRef.value;
-    if (path.length === 0) return null;
-    const vw = window.innerWidth * 0.01;
-    const strokeWidth = 2 * vw;
-    const r = strokeWidth / 4;
-    return (
-      <GmapPolyline
-        path={path}
-        strokeWeight={strokeWidth}
-        strokeOpacity={1}
-        strokeColor={"transparent"}
-        icons={[
-          {
-            icon: {
-              path: `
-                M ${r}, ${r}
-                m -${r}, 0
-                a ${r},${r} 0 1,0 ${2 * r},0
-                a ${r},${r} 0 1,0 -${2 * r},0
-              `,
-              strokeColor: "#38A3FE",
-              fillColor: "#38A3FE",
-              fillOpacity: 1,
-              strokeOpacity: 1,
-              strokeWeight: strokeWidth / 2,
-              scale: 1,
-            },
-            repeat: `${strokeWidth * 2}px`,
-          },
-        ]}
-      />
-    );
-  };
-});
-
-export const WalkingLine = defineSetup(function WalkingLine(props: WalkingLineProps) {
-  const payload = useMapSupplier();
-  return () => {
-    return createElement(payload.supplier === "gmap" ? GWalkingLine : AWalkingLine, {
-      attrs: props,
-    });
-  };
-});

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

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

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

@@ -1,43 +0,0 @@
-import { reactive, VNodeData } from "vue-demi";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-import { useMapSupplier } from "../../hooks/useMapSupplier";
-import {
-  useAWalkingRoute,
-  useGWalkingRoute,
-  UseWalkingRouteProps,
-} from "../../hooks/useWalkingRoute";
-import { createElement, defineSetup, VNodeChild } from "../../types/helper";
-import type { Point } from "../../types/interface";
-
-export type WalkingRouteRenderProps = {
-  path: Point[];
-};
-export interface WalkingRouteProps extends UseWalkingRouteProps, MapLogProps {
-  render?: (props: WalkingRouteRenderProps) => VNodeChild;
-}
-export const AWalkingRoute = defineSetup(function WalkingRoute(
-  props: WalkingRouteProps,
-  { slots }
-) {
-  useMapLog(props, "AWalkingRoute");
-  const path = useAWalkingRoute(props);
-  return () => <div>{slots.render?.(reactive({ path }))}</div>;
-});
-
-export const GWalkingRoute = defineSetup(function WalkingRoute(
-  props: WalkingRouteProps,
-  { slots }
-) {
-  useMapLog(props, "GWalkingRoute");
-  const path = useGWalkingRoute(props);
-  return () => <div>{slots.render?.(reactive({ path }))}</div>;
-});
-
-export const WalkingRoute = defineSetup(function WalkingRoute(props: WalkingRouteProps, { slots }) {
-  const { supplier } = useMapSupplier();
-  return () =>
-    createElement(supplier === "gmap" ? GWalkingRoute : AWalkingRoute, {
-      attrs: props,
-      scopedSlots: slots as VNodeData["scopedSlots"],
-    });
-});

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

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

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

@@ -1,54 +0,0 @@
-import { keyframes, style } from "@vanilla-extract/css";
-
-export const waveAnimationFirst = keyframes({
-  "0%": {
-    transform: "scale(0)",
-    opacity: 1,
-  },
-  "33.33%": {
-    transform: "scale(0.5)",
-    opacity: 1,
-  },
-  "66.66%": {
-    transform: "scale(1)",
-    opacity: 0,
-  },
-  "100%": {
-    transform: "scale(1)",
-    opacity: 0,
-  },
-});
-
-export const waveAnimationSecond = keyframes({
-  "0%": {
-    transform: "scale(0)",
-    opacity: 0,
-  },
-  "33.33%": {
-    transform: "scale(0)",
-    opacity: 1,
-  },
-  "66.66%": {
-    transform: "scale(0.5)",
-    opacity: 1,
-  },
-  "100%": {
-    transform: "scale(1)",
-    opacity: 0,
-  },
-});
-
-export const waveCircle = style({
-  display: "flex",
-  marginBottom: "-30.935vw",
-  width: "61.87vw",
-  height: "61.87vw",
-  animationName: waveAnimationFirst,
-  animationDuration: "3s",
-  animationIterationCount: "infinite",
-  animationTimingFunction: "linear",
-});
-
-export const secondCircle = style({
-  animationName: waveAnimationSecond,
-});

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

@@ -1,59 +0,0 @@
-import { computed } from "vue-demi";
-import imgWaveCircle from "../../assets/icons/svg/wave-circle.svg";
-import { AmapMarker } from "../../components/AmapMarker";
-import { GmapAdvancedMarkerView } from "../../components/GmapAdvancedMarkerView";
-import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
-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 "./WaveCircle.css";
-
-export interface WaveCircleProps extends MapLogProps {
-  position: [number, number];
-}
-export const AWaveCircle = defineSetup(function AWaveCircle(props: WaveCircleProps) {
-  useMapLog(props, "AWaveCircle");
-  const contentRef = computed(() => `<img src="${imgWaveCircle}" class="${css.waveCircle}">`);
-  const contentAnotherRef = computed(
-    () => `<img src="${imgWaveCircle}" class="${css.waveCircle} ${css.secondCircle}">`
-  );
-  return () => (
-    <div>
-      <AmapMarker position={props.position} anchor="bottom-center" content={contentRef.value} />
-      <AmapMarker
-        position={props.position}
-        anchor="bottom-center"
-        content={contentAnotherRef.value}
-      />
-    </div>
-  );
-});
-
-export const GWaveCircle = defineSetup(function AWaveCircle(props: WaveCircleProps) {
-  useMapLog(props, "GWaveCircle");
-  const contentRef = computed(() =>
-    createDom("img", { class: css.waveCircle, src: imgWaveCircle })
-  );
-  const contentAnotherRef = computed(() =>
-    createDom("img", { class: `${css.waveCircle} ${css.secondCircle}`, src: imgWaveCircle })
-  );
-  return () => {
-    const position = vec2lnglat(props.position);
-    return (
-      <div>
-        <GmapAdvancedMarkerView position={position} content={contentRef.value} />
-        <GmapAdvancedMarkerView position={position} content={contentAnotherRef.value} />
-      </div>
-    );
-  };
-});
-
-export const WaveCircle = defineSetup(function WaveCircle(props: WaveCircleProps) {
-  const payload = useMapSupplier();
-  return () => {
-    return createElement(payload.supplier === "gmap" ? GWaveCircle : AWaveCircle, {
-      attrs: props,
-    });
-  };
-});

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

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

package/src/components/Amap/Amap.css.ts

@@ -1,5 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const amap = style({
-  position: "relative",
-});

package/src/components/Amap/Amap.ts

@@ -1,76 +0,0 @@
-import { computed, h, shallowRef, watchPostEffect } from "vue-demi";
-import type { SetMap } from "../../hooks/useHeycarMap";
-import { provideAmap } from "../../hooks/useMap";
-import { defineSetup } from "../../types/helper";
-import type { MapEventHandler } from "../../types/mapHelper";
-import {
-  watchNoneImmediatePostEffectForDeepOption,
-  watchNoneImmediatePostEffectForMapProperty,
-  watchPostEffectForAMapEvent,
-} from "../../utils/compare";
-import type { VectorMapForeign } from "../../utils/transform";
-import * as css from "./Amap.css";
-
-export interface AmapProps extends Omit<AMap.MapOptions, "vectorMapForeign"> {
-  vectorMapForeign?: VectorMapForeign;
-  mapRef?: SetMap<AMap.Map>;
-  onDragStart?: MapEventHandler<AMap.Map>;
-  onDragEnd?: MapEventHandler<AMap.Map>;
-}
-
-export const Amap = defineSetup(function Amap(props: AmapProps, { slots, emit }) {
-  const {
-    onDragStart,
-    onDragEnd,
-    mapRef: setMap,
-    vectorMapForeign = "style_zh_cn",
-    ...defaultOptions
-  } = props;
-  const statusOptions = computed(() => {
-    return {
-      dragEnable: !!props.dragEnable,
-      zoomEnable: !!props.zoomEnable,
-      jogEnable: !!props.jogEnable,
-      pitchEnable: !!props.pitchEnable,
-      rotateEnable: !!props.rotateEnable,
-      animateEnable: !!props.animateEnable,
-      keyboardEnable: !!props.keyboardEnable,
-    };
-  });
-  const elementRef = shallowRef();
-  const mapRef = shallowRef<AMap.Map>();
-  provideAmap(mapRef);
-  watchPostEffect(() => {
-    // todo 这里是否会因为 mapRef 的赋值导致不停运行？
-    if (mapRef.value || !elementRef.value) return;
-    const map = new AMap.Map(elementRef.value, {
-      ...defaultOptions,
-      vectorMapForeign: vectorMapForeign as any,
-      mapStyle: "amap://styles/95498a904992a4c0b866a3e4d7729682",
-    });
-    mapRef.value = map;
-    setMap?.(map);
-  });
-  watchNoneImmediatePostEffectForDeepOption(
-    () => statusOptions.value,
-    (statusOptions) => {
-      mapRef.value?.setStatus(statusOptions);
-    }
-  );
-  watchNoneImmediatePostEffectForMapProperty(mapRef, props, [
-    { name: "center", defaultValue: [0, 0] },
-    { name: "zooms", defaultValue: [0, 0] },
-    { name: "zoom", defaultValue: 0 },
-    { name: "layers", defaultValue: [] },
-    { name: "limitBounds", defaultValue: [] },
-    { name: "rotation", defaultValue: 0 },
-    { name: "defaultCursor", defaultValue: "" },
-    { name: "mapStyle", defaultValue: "" },
-    { name: "features", defaultValue: [] },
-    { name: "pitch", defaultValue: 0 },
-    { name: "mask", defaultValue: [] },
-    { name: "labelRejectMask", defaultValue: false },
-  ]);
-  watchPostEffectForAMapEvent(mapRef, props, emit, ["onDragStart", "onDragEnd"]);
-  return () => h("div", { ref: elementRef, class: css.amap }, slots.default?.());
-});

package/src/components/Amap/index.ts

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

package/src/components/AmapInfoWindow/AmapInfoWindow.ts

@@ -1,45 +0,0 @@
-import { computed, onMounted, onUnmounted, shallowRef, watchPostEffect } from "vue-demi";
-import { useAmap } from "../../hooks/useMap";
-import { defineSetup } from "../../types/helper";
-import { watchNoneImmediatePostEffectForMapProperty } from "../../utils/compare";
-
-export interface AmapInfoWindowProps extends AMap.InfoOptions {
-  visible: boolean;
-}
-
-export const AmapInfoWindow = defineSetup(function AmapInfoWindow(props: AmapInfoWindowProps) {
-  const options = computed(() => {
-    const { visible, ...options } = props;
-    return options;
-  });
-  const defaultOptions = options.value;
-  const infoWindowRef = shallowRef<AMap.InfoWindow>();
-  const mapRef = useAmap();
-  onMounted(() => {
-    infoWindowRef.value = new AMap.InfoWindow({ ...defaultOptions });
-  });
-  onUnmounted(() => {
-    infoWindowRef.value?.close();
-  });
-  watchPostEffect(() => {
-    const { visible } = props;
-    const infoWindow = infoWindowRef.value;
-    const map = mapRef?.value;
-    if (!map || !infoWindow) return;
-    const position = infoWindow.getPosition();
-    if (!position) return;
-    visible ? infoWindow.open(map, [position.lng, position.lat]) : infoWindow.close();
-  });
-  watchNoneImmediatePostEffectForMapProperty(infoWindowRef, props, [
-    { name: "anchor", defaultValue: undefined },
-    { name: "angle", defaultValue: undefined },
-    { name: "content", defaultValue: undefined },
-    { name: "extData", defaultValue: undefined },
-    { name: "offset", defaultValue: undefined },
-    { name: "orientation", defaultValue: undefined },
-    { name: "position", defaultValue: undefined },
-    { name: "size", defaultValue: undefined },
-    { name: "zIndex", defaultValue: undefined },
-  ]);
-  return () => null;
-});

package/src/components/AmapInfoWindow/index.ts

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

package/src/components/AmapLoader/AmapLoader.ts

@@ -1,20 +0,0 @@
-import { AmapLoaderProps, Status, useAmapLoader } from "../../hooks/useMapLoader";
-import { defineSetup, VueNode } from "../../types/helper";
-/**
- * Deprcated
- */
-export const AmapLoader = defineSetup(function AmapLoader(props: AmapLoaderProps, { slots }) {
-  const { statusRef } = useAmapLoader(props);
-  return () => {
-    switch (statusRef.value) {
-      case Status.SUCCESS:
-        return slots.default?.() as VueNode;
-      case Status.LOADING:
-        return slots.loading?.();
-      case Status.FAILURE:
-        return slots.fallback?.();
-      default:
-        throw new Error("MyError: unknown loader status");
-    }
-  };
-});

package/src/components/AmapLoader/index.ts

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

package/src/components/AmapMarker/AmapMarker.ts

@@ -1,48 +0,0 @@
-import { onMounted, onUnmounted, shallowRef, watchPostEffect } from "vue-demi";
-import { useAmap } from "../../hooks/useMap";
-import { AmapOverlay, MapRegisterOverlayProps, useMapOverlay } from "../../hooks/useOverlay";
-import { defineSetup } from "../../types/helper";
-import type { MapEventHandler } from "../../types/mapHelper";
-import {
-  watchNoneImmediatePostEffectForMapProperty,
-  watchPostEffectForAMapEvent,
-} from "../../utils/compare";
-
-export interface AmapMarkerProps extends AMap.MarkerOptions, MapRegisterOverlayProps<AmapOverlay> {
-  onClick?: MapEventHandler<AMap.Marker>;
-}
-
-export const AmapMarker = defineSetup(function AmapMarker(props: AmapMarkerProps, { emit }) {
-  const { registerOverlay } = props;
-  const markerRef = shallowRef<AMap.Marker>();
-  const mapRef = useAmap();
-  onMounted(() => {
-    markerRef.value = new AMap.Marker({ ...props });
-  });
-  onUnmounted(() => {
-    markerRef.value?.setMap(null);
-  });
-  useMapOverlay({ registerOverlay, overlayRef: markerRef });
-  watchPostEffect(() => {
-    const map = mapRef?.value;
-    if (!map) return;
-    markerRef.value?.setMap(map);
-  });
-  watchNoneImmediatePostEffectForMapProperty(markerRef, props, [
-    { name: "anchor", defaultValue: "" },
-    { name: "offset", defaultValue: [0, 0] },
-    { name: "clickable", defaultValue: false },
-    { name: "position", defaultValue: [0, 0] },
-    { name: "angle", defaultValue: 0 },
-    { name: "label", defaultValue: undefined },
-    { name: "zIndex", defaultValue: 0 },
-    { name: "icon", defaultValue: "" },
-    { name: "draggable", defaultValue: false },
-    { name: "cursor", defaultValue: "" },
-    { name: "content", defaultValue: "" },
-    { name: "title", defaultValue: "" },
-    { name: "extData", defaultValue: "" },
-  ]);
-  watchPostEffectForAMapEvent(markerRef, props, emit, ["onClick"]);
-  return () => null;
-});

package/src/components/AmapMarker/index.ts

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

package/src/components/AmapPolygon/AmapPolygon.ts

@@ -1,41 +0,0 @@
-import { onMounted, onUnmounted, shallowRef, watchPostEffect } from "vue-demi";
-import { useAmap } from "../../hooks/useMap";
-import { defineSetup } from "../../types/helper";
-import {
-  watchNoneImmediatePostEffectForDeepOption,
-  watchNoneImmediatePostEffectForMapProperty,
-} from "../../utils/compare";
-
-export type AmapPolygonProps = AMap.PolygonOptions;
-
-export const AmapPolygon = defineSetup(function AmapPolygon(props: AmapPolygonProps) {
-  const polygonRef = shallowRef<AMap.Polygon>();
-  const mapRef = useAmap();
-  onMounted(() => {
-    polygonRef.value = new AMap.Polygon();
-    polygonRef.value.setOptions(props);
-  });
-  onUnmounted(() => {
-    polygonRef.value?.setMap(null);
-  });
-  watchPostEffect(() => {
-    const map = mapRef?.value;
-    if (!map) return;
-    polygonRef.value?.setMap(map);
-  });
-  watchNoneImmediatePostEffectForMapProperty(polygonRef, props, [
-    { name: "path", defaultValue: [[0, 0]] },
-    { name: "extData", defaultValue: undefined },
-    { name: "draggable", defaultValue: false },
-  ]);
-  watchNoneImmediatePostEffectForDeepOption(
-    () => {
-      const { path, extData, draggable, ...otherOptions } = props;
-      return otherOptions;
-    },
-    (otherOptions) => {
-      polygonRef.value?.setOptions({ ...otherOptions });
-    }
-  );
-  return () => null;
-});

package/src/components/AmapPolygon/index.ts

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

package/src/components/AmapPolyline/AmapPolyline.ts

@@ -1,40 +0,0 @@
-import { onMounted, onUnmounted, shallowRef, watchPostEffect } from "vue-demi";
-import { useAmap } from "../../hooks/useMap";
-import { defineSetup } from "../../types/helper";
-import {
-  watchNoneImmediatePostEffectForDeepOption,
-  watchNoneImmediatePostEffectForMapProperty,
-} from "../../utils/compare";
-
-export type AmapPolylineProps = AMap.PolylineOptions;
-
-export const AmapPolyline = defineSetup(function AmapPolyline(props: AmapPolylineProps) {
-  const polylineRef = shallowRef<AMap.Polyline>();
-  const mapRef = useAmap();
-  onMounted(() => {
-    polylineRef.value = new AMap.Polyline({ ...props });
-  });
-  onUnmounted(() => {
-    polylineRef.value?.setMap(null);
-  });
-  watchPostEffect(() => {
-    const map = mapRef?.value;
-    if (!map) return;
-    polylineRef.value?.setMap(map);
-  });
-  watchNoneImmediatePostEffectForMapProperty(polylineRef, props, [
-    { name: "path", defaultValue: [[0, 0]] },
-    { name: "extData", defaultValue: undefined },
-    { name: "draggable", defaultValue: false },
-  ]);
-  watchNoneImmediatePostEffectForDeepOption(
-    () => {
-      const { path, extData, draggable, ...otherOptions } = props;
-      return otherOptions;
-    },
-    (otherOptions) => {
-      polylineRef.value?.setOptions({ ...otherOptions });
-    }
-  );
-  return () => null;
-});

package/src/components/AmapPolyline/index.ts

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

package/src/components/AmapText/AmapText.ts

@@ -1,39 +0,0 @@
-import { onMounted, onUnmounted, shallowRef, watchPostEffect } from "vue-demi";
-import { useAmap } from "../../hooks/useMap";
-import { defineSetup } from "../../types/helper";
-import { watchNoneImmediatePostEffectForMapProperty } from "../../utils/compare";
-
-export type AmapTextProps = AMap.TextOptions;
-
-export const AmapText = defineSetup(function AmapText(props: AmapTextProps) {
-  const textRef = shallowRef<AMap.Text>();
-  const mapRef = useAmap();
-  onMounted(() => {
-    textRef.value = new AMap.Text({ ...props });
-  });
-  onUnmounted(() => {
-    textRef.value?.setMap(null);
-  });
-  watchPostEffect(() => {
-    const map = mapRef?.value;
-    if (!map) return;
-    textRef.value?.setMap(map);
-  });
-  watchNoneImmediatePostEffectForMapProperty(textRef, props, [
-    { name: "anchor", defaultValue: "" },
-    { name: "offset", defaultValue: [0, 0] },
-    { name: "clickable", defaultValue: false },
-    { name: "position", defaultValue: [0, 0] },
-    { name: "angle", defaultValue: 0 },
-    { name: "label", defaultValue: undefined },
-    { name: "zIndex", defaultValue: 0 },
-    { name: "icon", defaultValue: "" },
-    { name: "draggable", defaultValue: false },
-    { name: "cursor", defaultValue: "" },
-    { name: "content", defaultValue: "" },
-    { name: "title", defaultValue: "" },
-    { name: "extData", defaultValue: "" },
-    { name: "style", defaultValue: undefined },
-  ]);
-  return () => null;
-});

package/src/components/AmapText/index.ts

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

package/src/components/Gmap/Gmap.css.ts

@@ -1,5 +0,0 @@
-import { style } from "@vanilla-extract/css";
-
-export const gmap = style({
-  position: "relative",
-});

package/src/components/Gmap/Gmap.ts

@@ -1,56 +0,0 @@
-import { computed, h, shallowRef, watchPostEffect } from "vue-demi";
-import type { SetMap } from "../../hooks/useHeycarMap";
-import { provideGmap } from "../../hooks/useMap";
-import { useMapEventSource } from "../../hooks/useMapEventSource";
-import { defineSetup } from "../../types/helper";
-import type { MapEventHandler } from "../../types/mapHelper";
-import {
-  watchNoneImmediatePostEffectForDeepOption,
-  watchPostEffectForGMapEvent,
-} from "../../utils/compare";
-import * as css from "./Gmap.css";
-
-export interface GmapProps extends google.maps.MapOptions {
-  mapRef?: SetMap<google.maps.Map>;
-  onDragStart?: MapEventHandler<google.maps.Map>;
-  onDragEnd?: MapEventHandler<google.maps.Map>;
-}
-
-export const Gmap = defineSetup(function Gmap(props: GmapProps, { slots, emit }) {
-  const setMap = props.mapRef;
-  const options = computed(() => {
-    const { mapRef, onDragStart, onDragEnd, ...options } = props;
-    return options;
-  });
-  const defaultOptions = options.value;
-  const elementRef = shallowRef();
-  const mapRef = shallowRef<google.maps.Map>();
-  const { executeMapApi } = useMapEventSource();
-  const handleDrag: typeof emit = (name) => emit(name as any, { target: mapRef.value! });
-  provideGmap(mapRef);
-  watchPostEffect(() => {
-    // todo 这里是否会因为 mapRef 的赋值导致不停运行？
-    if (mapRef.value || !elementRef.value) return;
-    let map: google.maps.Map;
-    executeMapApi(() => {
-      map = new google.maps.Map(elementRef.value, { ...defaultOptions });
-    });
-    mapRef.value = map!;
-    setMap?.(map!);
-  });
-  // watch(
-  //   () => options.value.zoom,
-  //   (zoom) => {
-  //     if (zoom) mapRef.value?.setZoom(zoom);
-  //   },
-  //   { flush: "post" }
-  // );
-  watchNoneImmediatePostEffectForDeepOption(
-    () => options.value,
-    (options) => {
-      executeMapApi(() => mapRef.value?.setOptions({ ...options }));
-    }
-  );
-  watchPostEffectForGMapEvent(mapRef, props, handleDrag, ["onDragStart", "onDragEnd"]);
-  return () => h("div", { ref: elementRef, class: css.gmap }, slots.default?.());
-});

package/src/components/Gmap/index.ts

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