UNPKG

react-moveable

Version:

A React Component that create Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable.

daybrush.com/moveable

daybrush/moveable

60 lines (59 loc) • 2.46 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { MoveableManagerInterface, ClippableProps, ControlPose } from "../../types"; export declare const CLIP_DIRECTIONS: readonly [readonly [0, -1, "n"], readonly [1, 0, "e"]]; export declare const CLIP_RECT_DIRECTIONS: readonly [readonly [-1, -1, "nw"], readonly [0, -1, "n"], readonly [1, -1, "ne"], readonly [1, 0, "e"], readonly [1, 1, "se"], readonly [0, 1, "s"], readonly [-1, 1, "sw"], readonly [-1, 0, "w"]]; export declare function getClipStyles(moveable: MoveableManagerInterface<ClippableProps>, clipPath: ReturnType<typeof getClipPath>, poses: number[][]): string[] | undefined; export declare function getRectPoses(top: number, right: number, bottom: number, left: number): ControlPose[]; export declare function getControlSize(controlPoses: ControlPose[]): number[]; export declare function getClipPath(target: HTMLElement | SVGElement | undefined | null, width: number, height: number, defaultClip?: string, customClip?: string): { readonly type: "polygon"; readonly clipText: string; readonly poses: ControlPose[]; readonly splitter: string; readonly left: number; readonly right: number; readonly top: number; readonly bottom: number; readonly radiusX?: undefined; readonly radiusY?: undefined; readonly radius?: undefined; readonly values?: undefined; } | { readonly type: "circle" | "ellipse"; readonly clipText: string; readonly radiusX: number; readonly radiusY: number; readonly left: number; readonly top: number; readonly right: number; readonly bottom: number; readonly poses: ControlPose[]; readonly splitter: string; readonly radius?: undefined; readonly values?: undefined; } | { readonly type: "inset"; readonly clipText: string; readonly poses: ControlPose[]; readonly top: number; readonly left: number; readonly right: number; readonly bottom: number; readonly radius: string[]; readonly splitter: string; readonly radiusX?: undefined; readonly radiusY?: undefined; readonly values?: undefined; } | { readonly type: "rect"; readonly clipText: string; readonly poses: ControlPose[]; readonly top: number; readonly right: number; readonly bottom: number; readonly left: number; readonly values: string[]; readonly splitter: string; readonly radiusX?: undefined; readonly radiusY?: undefined; readonly radius?: undefined; } | undefined;