kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-06-02 19:43:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add generic type test

Browse Source
This commit is contained in:
Horiuchi_H
2017-11-27 13:22:27 +09:00
parent ba40bebaf2
commit c8a445c4f1
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
types/react-swipeable/index.d.ts vendored
View File

@@ -8,7 +8,7 @@
import * as React from 'react';
declare class ReactSwipeable extends React.Component<ReactSwipeable.SwipeableProps> {}
declare class ReactSwipeable<T extends Element = HTMLElement> extends React.Component<ReactSwipeable.SwipeableProps<T>> {}
declare namespace ReactSwipeable {
type OnSwipingCallback<T extends Element = HTMLElement> = (event: React.TouchEvent<T>, deltaX: number, deltaY: number, absX: number, absY: number, velocity: number) => void;
@@ -17,7 +17,7 @@ declare namespace ReactSwipeable {
type OnSwipingDirectionCallback<T extends Element = HTMLElement> = (event: React.TouchEvent<T>, delta: number) => void;
type OnTapCallback<T extends Element = HTMLElement> = (event: React.TouchEvent<T>) => void;
interface SwipeableProps<T extends Element = HTMLElement> extends React.ClassAttributes<ReactSwipeable>, React.HTMLAttributes<T> {
interface SwipeableProps<T extends Element = HTMLElement> extends React.ClassAttributes<ReactSwipeable<T>>, React.HTMLAttributes<T> {
onSwiped?: OnSwipedCallback<T>;
onSwiping?: OnSwipingCallback<T>;
onSwipingUp?: OnSwipingDirectionCallback<T>;

13
types/react-swipeable/react-swipeable-tests.tsx
View File

@@ -46,3 +46,16 @@ class SampleComponent extends React.PureComponent<Swipeable.SwipeableProps> {
);
}
}
class DivSwipeable extends Swipeable<HTMLDivElement> {}
const TestComponent: React.StatelessComponent<{}> = (_) => {
const handleSwiped = (event: React.TouchEvent<HTMLDivElement>) => {};
return (
<DivSwipeable
nodeName="div"
onSwiped={handleSwiped}
>
<div>this is sample code.</div>
</DivSwipeable>
);
};