@heycar/heycars-map 0.2.10 → 0.2.11

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

@@ -1,14 +1,16 @@
 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 {
+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;
@@ -30,6 +32,7 @@ export const AWalkingLine = defineSetup(function AWalkingLine(props: WalkingLine
 });
 
 export const GWalkingLine = defineSetup(function GWalkingLine(props: WalkingLineProps) {
+  useMapLog(props, "GWalkingLine");
   const pathRef = computed(() => props.path.map(vec2lnglat));
   return () => {
     const path = pathRef.value;

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

@@ -1,4 +1,5 @@
 import { reactive, VNodeData } from "vue-demi";
+import { MapLogProps, useMapLog } from "../../hooks/useMapLog";
 import { useMapSupplier } from "../../hooks/useMapSupplier";
 import {
   useAWalkingRoute,
@@ -11,13 +12,14 @@ import type { Point } from "../../types/interface";
 export type WalkingRouteRenderProps = {
   path: Point[];
 };
-export interface WalkingRouteProps extends UseWalkingRouteProps {
+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>;
 });
@@ -26,6 +28,7 @@ export const GWalkingRoute = defineSetup(function WalkingRoute(
   props: WalkingRouteProps,
   { slots }
 ) {
+  useMapLog(props, "GWalkingRoute");
   const path = useGWalkingRoute(props);
   return () => <div>{slots.render?.(reactive({ path }))}</div>;
 });

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

@@ -2,16 +2,18 @@ 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 {
+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}">`
@@ -29,6 +31,7 @@ export const AWaveCircle = defineSetup(function AWaveCircle(props: WaveCirclePro
 });
 
 export const GWaveCircle = defineSetup(function AWaveCircle(props: WaveCircleProps) {
+  useMapLog(props, "GWaveCircle");
   const contentRef = computed(() =>
     createDom("img", { class: css.waveCircle, src: imgWaveCircle })
   );