@antv/aimapui 0.3.0 → 0.3.2

package/dist/index.d.ts

@@ -1,17 +1,10 @@
-import { BaiduMap } from '@antv/l7-maps';
 import { Component } from 'react';
 import { default as default_2 } from 'react';
-import { default as default_3 } from 'node_modules/@antv/l7-maps/es/amap-next';
 import { Feature } from 'geojson';
-import { GoogleMap } from '@antv/l7-maps';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { Map as Map_2 } from '@antv/l7-maps';
-import { Mapbox } from '@antv/l7-maps';
-import { MapLibre } from '@antv/l7-maps';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 import { Scene } from '@antv/l7';
-import { TencentMap } from '@antv/l7-maps';
-import { TMap } from '@antv/l7-maps';
 
 export declare type ActiveConfig = boolean | {
     color: string;
@@ -819,6 +812,86 @@ export declare interface AnimateConfig {
     repeat?: number;
 }
 
+export declare const AnnotationControl: default_2.ForwardRefExoticComponent<AnnotationControlProps & default_2.RefAttributes<AnnotationControlHandle>>;
+
+export declare interface AnnotationControlHandle {
+    setMode: (mode: AnnotationMode) => void;
+    addAnnotation: (feature: AnnotationFeature) => void;
+    updateAnnotation: (id: string, properties: Partial<AnnotationProperties>) => void;
+    deleteAnnotation: (id: string) => void;
+    clearAll: () => void;
+    getAnnotations: () => AnnotationFeature[];
+    selectAnnotation: (id: string | null) => void;
+}
+
+export declare interface AnnotationControlProps {
+    position?: L7ControlPosition;
+    defaultFeatures?: AnnotationFeature[];
+    features?: AnnotationFeature[];
+    tools?: AnnotationToolMode[];
+    styles?: AnnotationStyleConfig;
+    onUpload?: (file: File, type: 'image' | 'video') => Promise<string>;
+    className?: string;
+    style?: React.CSSProperties;
+    onAnnotationCreate?: (feature: AnnotationFeature) => void;
+    onAnnotationUpdate?: (feature: AnnotationFeature) => void;
+    onAnnotationDelete?: (feature: AnnotationFeature) => void;
+    onAnnotationSelect?: (feature: AnnotationFeature | null) => void;
+    onModeChange?: (mode: AnnotationMode) => void;
+    onChange?: (features: AnnotationFeature[]) => void;
+}
+
+export declare interface AnnotationFeature extends Feature {
+    id: string;
+    properties: AnnotationProperties;
+}
+
+export declare type AnnotationMode = 'marker' | 'highlighter' | 'text' | 'note' | 'link' | 'image' | 'video' | 'select' | 'none';
+
+export declare type AnnotationProperties = MarkerAnnotationProperties | HighlighterAnnotationProperties | TextAnnotationProperties | NoteAnnotationProperties | LinkAnnotationProperties | ImageAnnotationProperties | VideoAnnotationProperties;
+
+declare interface AnnotationPropertiesBase {
+    annotationType: AnnotationType;
+    color?: string;
+    createdAt?: string;
+    updatedAt?: string;
+}
+
+export declare interface AnnotationStyleConfig {
+    marker?: {
+        color?: string;
+        size?: number;
+    };
+    highlighter?: {
+        color?: string;
+        width?: number;
+        opacity?: number;
+    };
+    text?: {
+        color?: string;
+        fontSize?: number;
+        fontFamily?: string;
+    };
+    note?: {
+        color?: string;
+        maxWidth?: number;
+    };
+    link?: {
+        color?: string;
+    };
+    image?: {
+        maxWidth?: number;
+        borderRadius?: number;
+    };
+    video?: {
+        maxWidth?: number;
+    };
+}
+
+export declare type AnnotationToolMode = Exclude<AnnotationMode, 'none'>;
+
+declare type AnnotationType = 'marker' | 'highlighter' | 'text' | 'note' | 'link' | 'image' | 'video';
+
 export declare function applyControlDefaults(control: ControlSchema): ControlSchema;
 
 export declare function applyLayerDefaults(layer: LayerSchema): LayerSchema;
@@ -1007,6 +1080,8 @@ export declare interface BottomSheetProps {
 
 export declare type BottomSheetSnap = 'collapsed' | 'half' | 'expanded';
 
+export declare const BUBBLE_SIZE_LEVELS: readonly [8, 16, 32, 48, 64];
+
 declare type BubbleAnchor = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
 /**
@@ -1021,7 +1096,7 @@ declare type BubbleAnchor = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'to
  * - bubbleAnchor='center', labelAnchor='center' — 标签居中覆盖气泡（适合短文本）
  * - bubbleAnchor='bottom', labelAnchor='top' — 标签在气泡上方（经典布局）
  */
-export declare function BubbleLayer({ source, sourceType, sourceConfig, labelField, labelColor, labelSize, showLabel, labelTrigger, labelOffset, sizeDomain, bubbleAnchor, labelAnchor, hoverEffect, clickEffect, tooltipEffect, tooltipFields, tooltipTemplate, semanticColorField, color, size, sizeField, sizeValues, style, active, select, onClick, onMouseMove, onMouseEnter, onMouseLeave, ...rest }: BubbleLayerProps): JSX_2.Element;
+export declare function BubbleLayer({ source, sourceType, sourceConfig, labelField, labelColor, labelSize, showLabel, labelOffset, sizeDomain, bubbleAnchor, labelAnchor, hoverEffect, clickEffect, tooltipEffect, tooltipFields, tooltipTemplate, semanticColorField, color, size, sizeField, sizeValues, style, active, select, onClick, onMouseMove, onMouseEnter, onMouseLeave, ...rest }: BubbleLayerProps): JSX_2.Element;
 
 export declare interface BubbleLayerProps extends Omit<LayerSchema, 'type' | 'source' | 'sourceType' | 'sourceConfig'> {
     source: LayerSchema['source'];
@@ -1032,8 +1107,6 @@ export declare interface BubbleLayerProps extends Omit<LayerSchema, 'type' | 'so
     labelColor?: string;
     labelSize?: number;
     showLabel?: boolean;
-    /** 文本标签触发方式：'always' 始终显示 | 'hover' 鼠标划过时显示，默认 'always' */
-    labelTrigger?: 'always' | 'hover';
     /** 文本偏移量，默认根据气泡最大半径自动计算 */
     labelOffset?: [number, number];
     /** sizeField 为离散值时，对应每个 sizeValues 的域值顺序（默认 1..N） */
@@ -1262,7 +1335,7 @@ export declare type ControlType = 'zoom' | 'scale' | 'fullscreen' | 'geoLocate'
  * 底图工厂 — 根据配置创建 L7 Map 实例
  * 动态导入各底图模块，避免未使用时打包
  */
-export declare function createBasemap(schema: MapSchema): Promise<default_3 | Mapbox | TMap | TencentMap | BaiduMap | MapLibre | GoogleMap | Map_2>;
+export declare function createBasemap(schema: MapSchema): Promise<unknown>;
 
 /**
  * 创建 EventBus 实例
@@ -1582,28 +1655,33 @@ export declare interface ExportConfig {
     quality?: number;
 }
 
-export declare function ExportImageControl({ position, format, onExport, className, style, }: ExportImageControlProps): JSX_2.Element;
+export declare const ExportImageControl: default_2.ForwardRefExoticComponent<ExportImageControlProps & default_2.RefAttributes<ExportImageHandle>>;
 
 /**
  * ExportImage 导出图片控件
  *
- * 遵循 L7 的 ButtonControl 规范 + Material Design 3 玻璃态风格：
- * - CSS 类名: .l7-control .l7-button-control
- * - 玻璃态: glass-effect + surface/90 背景
- * - 位置默认: topright
- * - API: mapsService.exportMap() + scene.exportPng()，然后合并图片
+ * 导图为底图（高德）和可视化图层（L7）的合并图。
+ * 优先使用 L7 API（exportMap + exportPng），
+ * 失败时回退到直接抓取 map 容器内的所有 canvas 合并。
+ *
+ * ```tsx
+ * const ref = useRef<ExportImageHandle>(null);
+ * <ExportImageControl ref={ref} />
+ * const base64 = await ref.current?.exportImage();
+ * ```
  */
 export declare interface ExportImageControlProps {
-    /** 控件位置，默认 topright */
     position?: L7ControlPosition;
-    /** 图片格式，默认 png */
     format?: 'png' | 'jpg';
     className?: string;
     style?: default_2.CSSProperties;
-    /** 导出回调 */
     onExport?: (base64: string) => void;
 }
 
+export declare interface ExportImageHandle {
+    exportImage(format?: 'png' | 'jpg'): Promise<string | undefined>;
+}
+
 /** 导出选项（向后兼容） */
 export declare interface ExportOptions {
     maxWidth?: number;
@@ -1740,6 +1818,13 @@ export declare interface GestureConfig {
     dragRotate?: boolean;
 }
 
+/**
+ * 根据控件 position 计算弹出面板的初始方向
+ * - top* → 向下弹出, bottom* → 向上弹出
+ * - left* → 向右弹出, right* → 向左弹出
+ */
+export declare function getPopperDirection(pos: L7ControlPosition): string;
+
 /**
  * 字体图标标注图层（GlyphLayer）
  *
@@ -1839,6 +1924,32 @@ export declare interface GlyphLayerProps extends Omit<LayerSchema, 'type' | 'sou
     onMouseLeave?: (payload: LayerEventPayload) => void;
 }
 
+export declare const H3_SEQUENTIAL_COLORS: readonly ["#dbeafe", "#93c5fd", "#60a5fa", "#3b82f6", "#2563eb"];
+
+export declare interface H3DataItem {
+    [key: string]: unknown;
+}
+
+export declare function H3Layer({ source, h3Field, color, colorField, colorValues, opacity, showStroke, strokeColor, strokeWidth, hoverEffect, clickEffect, showLabel, labelField, labelColor, labelSize, active, select, style, onClick, onMouseMove, onMouseEnter, onMouseLeave, ...rest }: H3LayerProps): JSX_2.Element;
+
+export declare interface H3LayerProps extends Omit<LayerSchema, 'type' | 'source' | 'sourceType' | 'sourceConfig' | 'shape' | 'shapeField' | 'shapeValues'> {
+    source: H3DataItem[];
+    h3Field?: string;
+    showStroke?: boolean;
+    strokeColor?: string;
+    strokeWidth?: number;
+    hoverEffect?: boolean;
+    clickEffect?: boolean;
+    showLabel?: boolean;
+    labelField?: string;
+    labelColor?: string;
+    labelSize?: number;
+    onClick?: (payload: LayerEventPayload) => void;
+    onMouseMove?: (payload: LayerEventPayload) => void;
+    onMouseEnter?: (payload: LayerEventPayload) => void;
+    onMouseLeave?: (payload: LayerEventPayload) => void;
+}
+
 /**
  * 热力图图层组件
  *
@@ -1887,6 +1998,12 @@ export { HexagonLayerProps }
  */
 export declare function hexToRgba(hex: string, alpha?: number): string;
 
+declare interface HighlighterAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'highlighter';
+    strokeWidth?: number;
+    strokeOpacity?: number;
+}
+
 export declare type IconAnchor = 'center' | 'top' | 'bottom' | 'left' | 'right';
 
 /** 图标锚点位置 */
@@ -1949,12 +2066,22 @@ export declare interface IconLayerProps extends Omit<LayerSchema, 'type' | 'sour
     onMouseLeave?: (payload: LayerEventPayload) => void;
 }
 
+declare interface ImageAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'image';
+    src: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+}
+
 export declare const ImageCalibrationControl: default_2.ForwardRefExoticComponent<ImageCalibrationControlProps & default_2.RefAttributes<ImageCalibrationHandle>>;
 
 /** ImageCalibrationControl 组件 Props */
 export declare interface ImageCalibrationControlProps {
     /** 控件位置 */
     position?: L7ControlPosition;
+    /** 布局方向，默认 vertical */
+    layout?: 'vertical' | 'horizontal';
     /** 受控模式：外部传入角点 */
     corners?: GeoCorners;
     /** 非受控模式：初始角点 */
@@ -1965,32 +2092,64 @@ export declare interface ImageCalibrationControlProps {
     opacity?: number;
     /** 接受的文件类型，默认 'image/*' */
     accept?: string;
+    /** 是否启用图片裁剪功能，默认 true */
+    enableCrop?: boolean;
+    /** 是否启用初始坐标输入功能，默认 true */
+    enableInitialCoords?: boolean;
     /** 额外 className */
     className?: string;
     /** 额外 style */
     style?: React.CSSProperties;
     /** 角点变化回调 */
-    onCornersChange?: (corners: GeoCorners) => void;
+    onCornersChange?: (imageId: string, corners: GeoCorners) => void;
     /** 确认配准回调 */
-    onCalibrate?: (result: CalibrationResult) => void;
+    onCalibrate?: (imageId: string, result: CalibrationResult) => void;
     /** 导出完成回调 */
-    onExport?: (result: ExportResult) => void;
+    onExport?: (imageId: string, result: ExportResult) => void;
     /** 图片加载完成回调 */
-    onImageLoad?: (dimensions: {
+    onImageLoad?: (imageId: string, dimensions: {
         width: number;
         height: number;
     }) => void;
+    /** 裁剪预处理完成回调，返回裁剪后的尺寸和可选的初始坐标 */
+    onPreprocess?: (imageId: string, result: {
+        croppedDimensions: {
+            width: number;
+            height: number;
+        };
+        initialCorners: GeoCorners | null;
+    }) => void;
     /** 清除回调 */
-    onClear?: () => void;
+    onClear?: (imageId: string) => void;
+    /** 图片列表变化回调 */
+    onImagesChange?: (images: RegisteredImage[]) => void;
+    /** 切换图片回调 */
+    onImageSwitch?: (imageId: string) => void;
+    /** 图片重命名回调 */
+    onImageRename?: (imageId: string, oldName: string, newName: string) => void;
+    /** 图片列表拖拽排序回调 */
+    onImagesReorder?: (images: RegisteredImage[]) => void;
+    /** 上传新图片回调 */
+    onImageAdd?: (image: RegisteredImage) => void;
+    /** 删除图片回调 */
+    onImageRemove?: (imageId: string) => void;
 }
 
 /** 命令式 Handle */
 export declare interface ImageCalibrationHandle {
     getCorners(): GeoCorners | null;
     setCorners(corners: GeoCorners): void;
-    setImage(source: ImageSource): void;
+    setImage(source: ImageSource, initialCorners?: GeoCorners | null): void;
     exportImage(config?: ExportConfig): Promise<ExportResult>;
     clear(): void;
+    /** 获取所有已注册的图片列表 */
+    getImages(): RegisteredImage[];
+    /** 切换激活图片 */
+    switchImage(id: string): void;
+    /** 删除指定图片 */
+    deleteImage(id: string): void;
+    /** 获取当前激活图片 ID */
+    getActiveImageId(): string | null;
 }
 
 /**
@@ -2475,6 +2634,12 @@ export declare interface LineLayerProps extends Omit<LayerSchema, 'type' | 'sour
     onLayerCreated?: (layer: any) => void;
 }
 
+declare interface LinkAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'link';
+    url: string;
+    title?: string;
+}
+
 export declare function LogoControl({ logos, position, className, style, }: LogoControlProps): JSX_2.Element;
 
 export declare interface LogoControlProps {
@@ -2577,7 +2742,10 @@ declare interface MapSceneRendererProps {
 }
 
 export declare interface MapSchema {
-    basemap: BasemapType;
+    /** 底图类型（与 engine 二选一，传 engine 时可省略） */
+    basemap?: BasemapType;
+    /** 外部注入的地图引擎构造函数，跳过动态 import */
+    engine?: new (opts: Record<string, unknown>) => unknown;
     token?: string;
     style?: MapStylePreset | string;
     center?: [number, number];
@@ -2611,6 +2779,12 @@ export declare interface MapThemeControlProps {
 
 export declare function Marker({ longitude, latitude, variant, color, icon, label, content, children, draggable, className, overlayContainer, onClick, onMouseEnter, onMouseLeave, onDoubleClick, onDragEnd, onDragging, onDragStart, selected, inactive, anchor, offsets, overflowHide, }: MarkerProps): null;
 
+declare interface MarkerAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'marker';
+    icon?: string;
+    label?: string;
+}
+
 /**
  * Marker 聚合图层（基于 supercluster）
  *
@@ -2783,6 +2957,12 @@ export declare interface MouseLocationControlProps {
     style?: default_2.CSSProperties;
 }
 
+declare interface NoteAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'note';
+    title: string;
+    body?: string;
+}
+
 /**
  * Mapbox / Maplibre 主题预设 — 基于 openfreemap 样式
  */
@@ -2976,6 +3156,31 @@ export declare interface RasterLayerProps extends Omit<LayerSchema, 'type' | 'so
  */
 export declare type RasterRenderMode = 'raster' | 'rgb' | 'ndi';
 
+/** 单张配准图片（多图管理） */
+declare interface RegisteredImage {
+    id: string;
+    name: string;
+    /** 图片来源（File 或 URL），用于重新加载 */
+    source: ImageSource;
+    /** 缩略图 URL */
+    thumbnailUrl: string;
+    /** 图片尺寸 */
+    dimensions: {
+        width: number;
+        height: number;
+    } | null;
+    /** 当前阶段 */
+    phase: CalibrationPhase;
+    /** 当前角点 */
+    corners: GeoCorners | null;
+    /** 透明度 0-1 */
+    opacity: number;
+    /** 需要释放的 ObjectURL */
+    revokeUrl: (() => void) | null;
+    /** 裁剪产生的额外 URL 需要释放 */
+    croppedRevokeUrl: (() => void) | null;
+}
+
 declare type ResolvedMapSchema = MapSchema & {
     basemap: NonNullable<MapSchema['basemap']>;
     center: NonNullable<MapSchema['center']>;
@@ -3025,7 +3230,7 @@ export declare interface ResponsiveSchema {
  * />
  * ```
  */
-export declare function RouteLayer({ path, segments, stops, routeType, onRouteQuery, onRouteResult, color, lineWidth, opacity, glow, animate, animateSpeed, stopSize, stopColor, endColor, showStopIndex, stopRenderer, stopMarkerVariant, stopIconMap, stopIconField, stopIconSize, stopIconAnchor, showStopPopup, activeColor, onPathClick, onStopClick, }: RouteLayerProps): JSX_2.Element | null;
+export declare function RouteLayer({ path, segments, stops, routeType, onRouteQuery, onRouteResult, color, lineWidth, opacity, glow, animate, animateSpeed, stopSize, stopColor, endColor, showStopIndex, showStopName, stopNameColor, stopNameSize, stopRenderer, stopMarkerVariant, stopIconMap, stopIconField, stopIconSize, stopIconAnchor, showStopPopup, activeColor, onPathClick, onStopClick, }: RouteLayerProps): JSX_2.Element | null;
 
 export declare interface RouteLayerProps {
     /** 路径坐标 — 完整线坐标或分段 */
@@ -3060,6 +3265,12 @@ export declare interface RouteLayerProps {
     endColor?: string;
     /** 是否显示途经点序号，默认 true */
     showStopIndex?: boolean;
+    /** 是否显示途经点名称，默认 true */
+    showStopName?: boolean;
+    /** 名称文字颜色，默认 '#334155' */
+    stopNameColor?: string;
+    /** 名称文字大小，默认 11 */
+    stopNameSize?: number;
     /** 停留点渲染模式，默认 'point' */
     stopRenderer?: 'point' | 'marker' | 'icon';
     /** marker 模式下的默认变体，默认 'circle' */
@@ -3300,6 +3511,12 @@ declare interface SourceOutput {
 
 export declare type SourceType = 'geojson' | 'json' | 'csv' | 'raster' | 'rasterTile' | 'image';
 
+declare interface TextAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'text';
+    text: string;
+    fontSize?: number;
+}
+
 declare interface ThemeContextValue {
     /** 当前解析后的实际主题（light 或 dark） */
     resolvedTheme: 'light' | 'dark';
@@ -3542,6 +3759,19 @@ export declare function useMapControl(position?: L7ControlPosition): {
  */
 export declare function useMapPosition(scene: Scene | null, longitude: number, latitude: number, onPositionUpdate: PositionCallback_2): void;
 
+/**
+ * Popper 弹出方向 Hook —— 根据控件 position 给出初始方向，
+ * 弹出后检测视口溢出并自动翻转。
+ *
+ * 返回 { popperRef, popperClass }
+ * - popperRef：挂到弹出容器 div 上
+ * - popperClass：当前计算出的 CSS class 字符串
+ */
+export declare function usePopperPosition(position: L7ControlPosition, open: boolean, anchorRef: React.RefObject<HTMLElement | null>): {
+    popperRef: RefObject<HTMLDivElement>;
+    popperClass: string;
+};
+
 export declare function useResponsive(): ResponsiveContextValue;
 
 export declare function useScene(): Scene | null;
@@ -3573,6 +3803,13 @@ export declare interface ValidationError {
     severity: 'error' | 'warning';
 }
 
+declare interface VideoAnnotationProperties extends AnnotationPropertiesBase {
+    annotationType: 'video';
+    url: string;
+    thumbnailUrl?: string;
+    title?: string;
+}
+
 declare interface VisualConfig {
     color?: ColorConfig;
     size?: SizeConfig;