fix: 调整类型声明，解决 TS 报错

src/components/AMapAPIContainer/createAMapAPIContainer.tsx

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import React, { lazy } from 'react';
 import AMapLoader from '@amap/amap-jsapi-loader';
 
@@ -66,7 +66,9 @@ export const createAMapAPIContainer = (options: CreateAMapApiContainerOptions) =
       __AMAP_UI__: AMapUI,
     };
 
-    const AMapAPIContainer: FC = ({ children }) => (
+    const AMapAPIContainer: FC<{
+      children: ReactNode
+    }> = ({ children }) => (
       <AMapAPIContext.Provider value={APICtx}>
         {children}
       </AMapAPIContext.Provider>

src/components/AMapCircle/AMapCircle.tsx

@@ -69,7 +69,7 @@ const AMapCircle = forwardRef<AMap.Circle, AMapCircleProps>(
         draggable,
       })
         .filter(([,val]) => val !== undefined && val !== null)
-        .reduce((finallyObj, [key, val]) => {
+        .reduce((finallyObj: Record<string, any>, [key, val]) => {
           // eslint-disable-next-line no-param-reassign
           finallyObj[key] = val;
           return finallyObj;

src/components/AMapControlBar/AMapControlBar.tsx

@@ -35,7 +35,7 @@ const AMapControlBar: FC<AMapControlBarProps> = ({
   onHide,
   onShow,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap!.ControlBar(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.ControlBar(), []);
   const curInstance = useAMapPluginInstance<AMap.ControlBar>('ControlBar', initInstance);
 
   // 避免重新创建 ControlBar 实例，自行修改 dom 节点

src/components/AMapEllipse/AMapEllipse.tsx

@@ -57,7 +57,7 @@ const AMapEllipse: FC<AMapEllipseProps> = ({
   onTouchmove,
   onTouchend,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap!.Ellipse(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.Ellipse(), []);
   const curInstance = useAMapPluginInstance<AMap.Ellipse>('Ellipse', initInstance);
 
   useSetter<Parameters<AMap.Ellipse['setCenter']>>(curInstance, 'setCenter', center!);
@@ -80,7 +80,7 @@ const AMapEllipse: FC<AMapEllipseProps> = ({
       draggable,
     })
       .filter(([,val]) => val !== undefined && val !== null)
-      .reduce((finallyObj, [key, val]) => {
+      .reduce((finallyObj: Record<string, any>, [key, val]) => {
         // eslint-disable-next-line no-param-reassign
         finallyObj[key] = val;
         return finallyObj;

src/components/AMapGeoJSON/AMapGeoJSON.tsx

@@ -38,7 +38,7 @@ const AMapGeoJSON: FC<AMapGeoJSONProps> = ({
   visible,
   options,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap!.GeoJSON({}), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.GeoJSON({}), []);
   const curInstance = useAMapPluginInstance<AMap.GeoJSON>('GeoJSON', initInstance);
   const withMap = useWithAMap();
 

src/components/AMapHawkEye/AMapHawkEye.tsx

@@ -1,10 +1,7 @@
 /* eslint-disable react/default-props-match-prop-types */
 import type { FC } from 'react';
 import {
-  useEffect,
-  useMemo,
-  useCallback,
-  memo,
+  useEffect, useMemo, useCallback, memo,
 } from 'react';
 
 import useAMapPluginInstance from '../../hooks/useAMapPluginInstance';
@@ -77,8 +74,14 @@ const AMapHawkEye: FC<AMapHawkEyeProps> = ({
     buttonSize,
   ]);
 
-  const initInstance = useCallback((AMap) => new AMap!.HawkEye(initConfig), [initConfig]);
-  const curInstance = useAMapPluginInstance<AMap.HawkEye>('HawkEye', initInstance);
+  const initInstance = useCallback(
+    (AMap: typeof global.AMap) => new AMap!.HawkEye(initConfig),
+    [initConfig],
+  );
+  const curInstance = useAMapPluginInstance<AMap.HawkEye>(
+    'HawkEye',
+    initInstance,
+  );
 
   // 是否展开
   useEffect(() => {

src/components/AMapMap/AMapMap.tsx

@@ -72,7 +72,7 @@ const AMapMap = forwardRef<any, PropsWithChildren<AMapMapProps>>(
               };
               return newRemoveFunc;
             }
-            return target[p];
+            return (target as any)[p];
           },
         });
 

src/components/AMapMapType/AMapMapType.tsx

@@ -33,7 +33,7 @@ const AMapMapType: FC<AMapMapTypeProps> = ({
   onHide,
   onShow,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap!.MapType({
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.MapType({
     defaultType,
     showTraffic,
     showRoad,

src/components/AMapMarker/AMapMarker.tsx

@@ -71,7 +71,10 @@ const AMapMarker: FC<AMapMarkerProps> = ({
   onMoveEnd,
   onMoveAlong,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap!.Marker({ zooms }), [zooms]);
+  const initInstance = useCallback(
+    (AMap: typeof global.AMap) => new AMap!.Marker({ zooms }),
+    [zooms],
+  );
   const curInstance = useAMapPluginInstance<AMap.Marker>('Marker', initInstance);
 
   useVisible(curInstance, !!visible);

src/components/AMapOverlayGroup/AMapOverlayGroup.tsx

@@ -37,7 +37,7 @@ const AMapOverlayGroup = forwardRef<AMap.OverlayGroup, PropsWithChildren<AMapOve
     },
     ref,
   ) => {
-    const initInstance = useCallback((AMap) => new AMap!.OverlayGroup(), []);
+    const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.OverlayGroup(), []);
     const curInstance = useAMapPluginInstance<AMap.OverlayGroup>('OverlayGroup', initInstance);
 
     useImperativeHandle(ref, () => curInstance!, [curInstance]);

src/components/AMapPolygon/AMapPolygon.tsx

@@ -62,7 +62,7 @@ const AMapPolygon = forwardRef<AMap.Polygon, AMapPolygonProps>(({
   onTouchmove,
   onTouchend,
 }, ref) => {
-  const initInstance = useCallback((AMap) => new AMap!.Polygon(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.Polygon(), []);
   const curInstance = useAMapPluginInstance<AMap.Polygon>('Polygon', initInstance);
 
   useImperativeHandle(ref, () => curInstance!, [curInstance]);
@@ -87,7 +87,7 @@ const AMapPolygon = forwardRef<AMap.Polygon, AMapPolygonProps>(({
       wallColor,
     })
       .filter(([,val]) => val !== undefined && val !== null)
-      .reduce((finallyObj, [key, val]) => {
+      .reduce((finallyObj: Record<string, any>, [key, val]) => {
         // eslint-disable-next-line no-param-reassign
         finallyObj[key] = val;
         return finallyObj;

src/components/AMapPolygonEditor/AMapPolygonEditor.tsx

@@ -21,7 +21,10 @@ const AMapPolygonEditor: FC<AMapPolygonEditorProps> = ({
   const $lastOnChange = useRef<AMapPolygonEditorProps['onChange']>(onChange);
   $lastOnChange.current = onChange;
 
-  const initInstance = useCallback((AMap, map) => new AMap!.PolygonEditor(map), []);
+  const initInstance = useCallback(
+    (AMap: typeof global.AMap, map: AMap.Map) => new AMap!.PolygonEditor(map),
+    [],
+  );
   const curInstance = useAMapPluginInstance<AMap.PolygonEditor>('PolygonEditor', initInstance);
   const { map } = useAMap();
 

src/components/AMapPolyline/AMapPolyline.tsx

@@ -66,7 +66,7 @@ const AMapPolyline = forwardRef<AMap.Polyline, AMapPolylineProps>(({
   onTouchmove,
   onTouchend,
 }, ref) => {
-  const initInstance = useCallback((AMap) => new AMap!.Polyline(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.Polyline(), []);
   const curInstance = useAMapPluginInstance<AMap.Polyline>('Polyline', initInstance);
 
   useImperativeHandle(ref, () => curInstance!, [curInstance]);
@@ -98,7 +98,7 @@ const AMapPolyline = forwardRef<AMap.Polyline, AMapPolylineProps>(({
       zooms,
     })
       .filter(([,val]) => val !== undefined && val !== null)
-      .reduce((finallyObj, [key, val]) => {
+      .reduce((finallyObj: Record<string, any>, [key, val]) => {
         // eslint-disable-next-line no-param-reassign
         finallyObj[key] = val;
         return finallyObj;

src/components/AMapPolylineEditor/AMapPolylineEditor.tsx

@@ -20,7 +20,10 @@ const AMapPolylineEditor: FC<AMapPolylineEditorProps> = ({
   const $lastOnChange = useRef<AMapPolylineEditorProps['onChange']>(onChange);
   $lastOnChange.current = onChange;
 
-  const initInstance = useCallback((AMap, map) => new AMap!.PolylineEditor(map), []);
+  const initInstance = useCallback(
+    (AMap: typeof global.AMap, map: AMap.Map) => new AMap!.PolylineEditor(map),
+    [],
+  );
   // why PolylineEditor2, see: https://github.com/AMap-Web/amap-jsapi-types/pull/22
   const curInstance = useAMapPluginInstance<AMap.PolylineEditor>('PolylineEditor', initInstance);
   const { map } = useAMap();

src/components/AMapRectangle/AMapRectangle.tsx

@@ -55,7 +55,7 @@ const AMapRectangle = forwardRef<AMap.Rectangle, AMapRectangleProps>(({
   onTouchmove,
   onTouchend,
 }, ref) => {
-  const initInstance = useCallback((AMap) => new AMap!.Rectangle(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap!.Rectangle(), []);
   const curInstance = useAMapPluginInstance<AMap.Rectangle>(
     'Rectangle',
     initInstance,
@@ -86,7 +86,7 @@ const AMapRectangle = forwardRef<AMap.Rectangle, AMapRectangleProps>(({
       bubble,
     })
       .filter(([, val]) => val !== undefined && val !== null)
-      .reduce((finallyObj, [key, val]) => {
+      .reduce((finallyObj: Record<string, any>, [key, val]) => {
         // eslint-disable-next-line no-param-reassign
         finallyObj[key] = val;
         return finallyObj;

src/components/AMapToolBar/AMapToolBar.tsx

@@ -27,7 +27,7 @@ const defaultProps = {
 const AMapToolBar: FC<AMapToolBarProps> = ({
   position, offset, visible, onShow, onHide,
 }) => {
-  const initInstance = useCallback((AMap) => new AMap.ToolBar(), []);
+  const initInstance = useCallback((AMap: typeof global.AMap) => new AMap.ToolBar(), []);
   const curInstance = useAMapPluginInstance<AMap.ToolBar>('ToolBar', initInstance);
 
   // 自行控制 Control container dom

src/hooks/useAMapPluginInstance.ts

@@ -19,7 +19,7 @@ const useAMapPluginInstance = <T = any>(
       setInstance(instance);
     };
 
-    if (AMap[pluginName]) {
+    if ((AMap as any)[pluginName]) {
       init();
     } else {
       AMap.plugin([`AMap.${pluginName}`], init);

src/hooks/useControlContainerCSSText.ts

@@ -19,7 +19,7 @@ const useControlContainerCSSText = (
   if (typeof position === 'object') {
     // 保证了 position 中的 key 顺序不相同也有同样的结果，避免重复更新
     return ['top', 'right', 'bottom', 'left'].reduce((result, key) => {
-      const value = position[key];
+      const value = (position as Record<string, any>)[key];
       if (!value) return result;
       return `${result}${key}:${formatPX(value!)};`;
     }, '');