1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | import * as React from 'react';
|
8 |
|
9 | export type Axis = 'both' | 'x' | 'y' | 'none';
|
10 | export type ResizeHandle = 's' | 'w' | 'e' | 'n' | 'sw' | 'nw' | 'se' | 'ne';
|
11 |
|
12 | export interface ResizableState {
|
13 | resizing: boolean;
|
14 | width: number;
|
15 | height: number;
|
16 | slackW: number;
|
17 | slackH: number;
|
18 | }
|
19 |
|
20 | export interface DragCallbackData {
|
21 | node: HTMLElement;
|
22 | x: number;
|
23 | y: number;
|
24 | deltaX: number;
|
25 | deltaY: number;
|
26 | lastX: number;
|
27 | lastY: number;
|
28 | }
|
29 |
|
30 | export interface ResizeCallbackData {
|
31 | node: HTMLElement;
|
32 | size: { width: number; height: number };
|
33 | handle: ResizeHandle;
|
34 | }
|
35 |
|
36 | export type ResizableProps = {
|
37 | children?: React.ReactNode;
|
38 | className?: string | undefined;
|
39 | handle?: React.ReactNode | ((resizeHandle: ResizeHandle, ref: React.RefObject<any>) => React.ReactNode) | undefined;
|
40 | handleSize?: [number, number] | undefined;
|
41 | lockAspectRatio?: boolean | undefined;
|
42 | minConstraints?: [number, number] | undefined;
|
43 | maxConstraints?: [number, number] | undefined;
|
44 | onResizeStop?: ((e: React.SyntheticEvent, data: ResizeCallbackData) => any) | undefined;
|
45 | onResizeStart?: ((e: React.SyntheticEvent, data: ResizeCallbackData) => any) | undefined;
|
46 | onResize?: ((e: React.SyntheticEvent, data: ResizeCallbackData) => any) | undefined;
|
47 | draggableOpts?: any;
|
48 | resizeHandles?: ResizeHandle[] | undefined;
|
49 | transformScale?: number;
|
50 | } & (
|
51 | | {
|
52 | width: number;
|
53 | height?: number | undefined;
|
54 | axis: 'x';
|
55 | }
|
56 | | {
|
57 | width?: number | undefined;
|
58 | height: number;
|
59 | axis: 'y';
|
60 | }
|
61 | | {
|
62 | width: number;
|
63 | height: number;
|
64 | axis?: 'both';
|
65 | }
|
66 | );
|
67 |
|
68 | export class Resizable extends React.Component<ResizableProps, ResizableState> {}
|
69 |
|
70 | export interface ResizableBoxState {
|
71 | height: number;
|
72 | width: number;
|
73 | }
|
74 |
|
75 | export type ResizableBoxProps = ResizableProps;
|
76 |
|
77 | export class ResizableBox extends React.Component<ResizableBoxProps, ResizableBoxState> {}
|
78 |
|
\ | No newline at end of file |