fix: rerender for pinmap (#84)

Author: lvisei

.changeset/thick-garlics-enter.md

@@ -0,0 +1,5 @@
+---
+'@antv/gpt-vis': patch
+---
+
+fix: rerender for pinmap

src/HeatMap/index.tsx

@@ -34,11 +34,11 @@ export type HeatMapProps = MapProps & {
 };
 
 const HeatMap: FC<HeatMapProps> = (props) => {
-  const { children, data = [], ...mapConfigRest } = useMapConfig('HeatMap', props);
+  const { children, data, ...mapConfigRest } = useMapConfig('HeatMap', props);
 
   const source = useMemo(
     () => ({
-      data,
+      data: data || [],
       parser: { type: 'json', x: 'longitude', y: 'latitude' },
     }),
     [data],

src/PathMap/index.tsx

@@ -8,11 +8,11 @@ import { formatMakerStyle, formatPolylineStyle } from '../utils/map';
 export type PathMapProps = MapProps & _PathMap;
 
 const PathMap: FC<PathMapProps> = (props) => {
-  const { data = [], markerStyle = {}, pathStyle = {}, ...rest } = useMapConfig('PathMap', props);
+  const { data, markerStyle, pathStyle, ...rest } = useMapConfig('PathMap', props);
 
   const markerdata = useMemo(() => {
     const markers: MarkerData[] = [];
-    data.forEach((item) => {
+    (data || []).forEach((item) => {
       if (item.markers) {
         markers.push(...item.markers);
       }
@@ -21,7 +21,7 @@ const PathMap: FC<PathMapProps> = (props) => {
   }, [data, markerStyle]);
 
   const linedata = useMemo(() => {
-    const lines = data.map((item) => {
+    const lines = (data || []).map((item) => {
       return item.path;
     }) as Polyline[];
     return formatPolylineStyle(lines, pathStyle);

src/PinMap/index.tsx

@@ -8,9 +8,9 @@ import { formatMakerStyle } from '../utils/map';
 export type PinMapProps = PinMapType & MapProps;
 
 const PinMap: FC<PinMapProps> = (props) => {
-  const { data = [], markerStyle = {}, ...rest } = useMapConfig('PinMap', props);
+  const { data, markerStyle, ...rest } = useMapConfig('PinMap', props);
 
-  const markerdata = useMemo(() => formatMakerStyle(data, markerStyle), [data, markerStyle]);
+  const markerdata = useMemo(() => formatMakerStyle(data || [], markerStyle), [data, markerStyle]);
 
   return <Map markers={markerdata} includePoints={markerdata} {...rest} />;
 };

src/utils/map/style.ts

@@ -54,7 +54,7 @@ const DefaultMarkerStyle = {
     'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*3XdDTbsQ84QAAAAAAAAAAAAADmJ7AQ/original',
 };
 
-const formatMakerStyle = (data: MarkerData[], markerStyle: Partial<Marker>) => {
+const formatMakerStyle = (data: MarkerData[], markerStyle?: Partial<Marker>) => {
   const labelStyle = Object.assign({}, DefaultMarkerStyle.label, markerStyle?.label);
   // label 优先级 data > markerStyle > DefaultMarkerStyle
   return data.map((marker: MarkerData, index: number) => {
@@ -79,7 +79,7 @@ const DefaultPolylineStyle = {
   zIndex: 1,
 };
 
-const formatPolylineStyle = (data: Polyline[] = [], polylineStyle: Partial<Marker>) => {
+const formatPolylineStyle = (data: Polyline[], polylineStyle?: Partial<Marker>) => {
   return data.map((item: any) => {
     return {
       ...DefaultPolylineStyle,