react-native-leader-line
Version:
React Native port of leader-line library for drawing arrow lines and connectors
81 lines • 3.57 kB
TypeScript
import React from "react";
import { AnimationOptions, AnimationType, DashOptions, EnhancedDropShadowOptions, EnhancedLabelOptions, EnhancedLeaderLineOptions, OutlineOptions, PathConfiguration, PathType, PlugType, SocketGravity, SocketPosition } from "../types";
export declare class LeaderLineClass {
private options;
private component;
private isVisible;
constructor(start?: any, end?: any, options?: EnhancedLeaderLineOptions);
setOptions(options: Partial<EnhancedLeaderLineOptions>): this;
private _requestUpdate;
render(): React.ReactElement;
get startSocket(): SocketPosition;
set startSocket(value: SocketPosition);
get endSocket(): SocketPosition;
set endSocket(value: SocketPosition);
get startSocketGravity(): SocketGravity;
set startSocketGravity(value: SocketGravity);
get endSocketGravity(): SocketGravity;
set endSocketGravity(value: SocketGravity);
get path(): PathType | PathConfiguration;
set path(value: PathType | PathConfiguration);
get startPlug(): PlugType;
set startPlug(value: PlugType);
get endPlug(): PlugType;
set endPlug(value: PlugType);
get dropShadow(): boolean | EnhancedDropShadowOptions;
set dropShadow(value: boolean | EnhancedDropShadowOptions);
get dash(): DashOptions | undefined;
set dash(value: DashOptions | undefined);
get gradient(): any;
set gradient(value: any);
get outline(): boolean | OutlineOptions;
set outline(value: boolean | OutlineOptions);
get startLabel(): string | EnhancedLabelOptions | undefined;
set startLabel(value: string | EnhancedLabelOptions | undefined);
get middleLabel(): string | EnhancedLabelOptions | undefined;
set middleLabel(value: string | EnhancedLabelOptions | undefined);
get endLabel(): string | EnhancedLabelOptions | undefined;
set endLabel(value: string | EnhancedLabelOptions | undefined);
get captionLabel(): string | EnhancedLabelOptions | undefined;
set captionLabel(value: string | EnhancedLabelOptions | undefined);
get pathLabel(): string | EnhancedLabelOptions | undefined;
set pathLabel(value: string | EnhancedLabelOptions | undefined);
show(showEffectName?: AnimationType, animOptions?: AnimationOptions): this;
hide(hideEffectName?: AnimationType, animOptions?: AnimationOptions): this;
position(): this;
remove(): void;
getOptions(): EnhancedLeaderLineOptions;
get visible(): boolean;
get color(): string;
set color(value: string);
get size(): number;
set size(value: number);
private _animate;
static pointAnchor: (element: React.RefObject<any>, options?: {
x: number;
y: number;
}) => {
element: React.RefObject<any>;
x: number;
y: number;
};
static areaAnchor: (element: React.RefObject<any>, options?: any) => {
element: React.RefObject<any>;
x: any;
y: any;
width: any;
height: any;
};
static mouseHoverAnchor: (element: React.RefObject<any>, options?: any) => {
element: React.RefObject<any>;
showEffectName: any;
hideEffectName: any;
animOptions: any;
style: any;
hoverStyle: any;
};
}
export declare const createLeaderLine: (start: any, end: any, options?: EnhancedLeaderLineOptions) => LeaderLineClass;
export declare const renderLeaderLine: (options: EnhancedLeaderLineOptions, instance?: LeaderLineClass) => React.ReactElement;
export default LeaderLineClass;
//# sourceMappingURL=LeaderLineClass.d.ts.map