/// <reference types="react" />
import './style/canvas-color-picker.css';
export declare enum CanvasColorPickerPosition {
    topRight = "top-right",
    topLeft = "top-left",
    leftBottom = "left-bottom",
    rightBottom = "right-bottom"
}
export interface CanvasColorPickerProps {
    /** 控制网格的显示隐藏 */
    visible: boolean;
    /** 获取光标定位 canvas */
    toMeasureCanvas: HTMLCanvasElement | null;
    /** 实际取色 canvas */
    toGetColorCanvas?: HTMLCanvasElement | null;
    /** 放大镜宽高 */
    magnifierSquareLength?: number;
    /** 放大倍率 */
    magnifierScaleRatio?: number;
    /** 放大镜网格线颜色 */
    magnifierLineColor?: string;
    /** 放大镜网格中间高亮方格颜色 */
    magnifierSquareLineColor?: string;
    handlePickColor?: (color: number[]) => void;
    /** 退出取色 keyCode */
    exitKeyCode?: string;
    /** 显示实时色彩 */
    displayColorInfo?: boolean;
    debounceTime?: number;
    /** 放大镜跟随光标移动 */
    magnifierFollowMouse?: boolean;
    /** 取色后自动关闭 */
    closeAfterPickColor?: boolean;
    /** 取色器可见变更回调 */
    handleVisibleChange?: (visible: boolean) => void;
    /** 取色器在光标进入目标 canvas 区域内可见 */
    onlyVisibleAfterMouseEnter?: boolean;
    /** 固定位置 */
    fixedPosition?: CanvasColorPickerPosition;
    /** 使用相同大小的元素覆盖原 canvas 以获取定位，而非原始 canvas 以阻止不必要的事件 */
    useShadowElementToPickColor?: boolean;
    shadowElementContainer?: HTMLElement | null;
    /** 点击目标外部关闭 */
    clickAwayTargetToClose?: boolean;
}
declare const CanvasColorPicker: React.FC<CanvasColorPickerProps>;
export default CanvasColorPicker;