react-dnd-touch-backend
- Version 16.0.1
- Published
- 106 kB
- 2 dependencies
- MIT license
Install
npm i react-dnd-touch-backend
yarn add react-dnd-touch-backend
pnpm add react-dnd-touch-backend
Overview
Touch backend for react-dnd
Index
Variables
Classes
TouchBackendImpl
- connectDragPreview()
- connectDragSource()
- connectDropTarget()
- document
- handleCancelOnEscape
- handleMove
- handleMoveStart
- handleTopMove
- handleTopMoveCapture
- handleTopMoveEndCapture
- handleTopMoveStart
- handleTopMoveStartCapture
- handleTopMoveStartDelay
- profile()
- setup()
- sourceNodes
- sourcePreviewNodeOptions
- sourcePreviewNodes
- targetNodes
- teardown()
Interfaces
Enums
Variables
variable TouchBackend
const TouchBackend: BackendFactory;
Classes
class TouchBackendImpl
class TouchBackendImpl implements Backend {}
constructor
constructor( manager: DragDropManager, context: TouchBackendContext, options: Partial<TouchBackendOptions>);
property document
readonly document: Document;
property handleCancelOnEscape
handleCancelOnEscape: (e: KeyboardEvent) => void;
property handleMove
handleMove: (_evt: MouseEvent | TouchEvent, targetId: string) => void;
property handleMoveStart
handleMoveStart: (sourceId: string) => void;
property handleTopMove
handleTopMove: (e: TouchEvent | MouseEvent) => void;
property handleTopMoveCapture
handleTopMoveCapture: () => void;
property handleTopMoveEndCapture
handleTopMoveEndCapture: (e: Event) => void;
property handleTopMoveStart
handleTopMoveStart: (e: MouseEvent | TouchEvent) => void;
property handleTopMoveStartCapture
handleTopMoveStartCapture: (e: Event) => void;
property handleTopMoveStartDelay
handleTopMoveStartDelay: (e: Event) => void;
property sourceNodes
sourceNodes: Map<Identifier, HTMLElement>;
property sourcePreviewNodeOptions
sourcePreviewNodeOptions: Map<string, any>;
property sourcePreviewNodes
sourcePreviewNodes: Map<string, HTMLElement>;
property targetNodes
targetNodes: Map<string, HTMLElement>;
method connectDragPreview
connectDragPreview: ( sourceId: string, node: HTMLElement, options: unknown) => Unsubscribe;
method connectDragSource
connectDragSource: (sourceId: string, node: HTMLElement) => Unsubscribe;
method connectDropTarget
connectDropTarget: (targetId: string, node: HTMLElement) => Unsubscribe;
method profile
profile: () => Record<string, number>;
Generate profiling statistics for the HTML5Backend.
method setup
setup: () => void;
method teardown
teardown: () => void;
Interfaces
interface AngleRange
interface AngleRange {}
interface EventName
interface EventName {}
property contextmenu
contextmenu?: 'contextmenu';
property end
end?: 'mouseup' | 'touchend';
property keydown
keydown?: 'keydown';
property move
move?: 'mousemove' | 'touchmove';
property start
start?: 'mousedown' | 'touchstart';
interface TouchBackendContext
interface TouchBackendContext {}
interface TouchBackendOptions
interface TouchBackendOptions {}
property delay
delay: number;
property delayMouseStart
delayMouseStart: number;
property delayTouchStart
delayTouchStart: number;
property enableHoverOutsideTarget
enableHoverOutsideTarget: boolean;
property enableKeyboardEvents
enableKeyboardEvents: boolean;
property enableMouseEvents
enableMouseEvents: boolean;
property enableTouchEvents
enableTouchEvents: boolean;
property getDropTargetElementsAtPoint
getDropTargetElementsAtPoint?: | undefined | ((x: number, y: number, dropTargets: HTMLElement[]) => HTMLElement[]);
property ignoreContextMenu
ignoreContextMenu: boolean;
property rootElement
rootElement: Node | undefined;
property scrollAngleRanges
scrollAngleRanges?: AngleRange[] | undefined;
property touchSlop
touchSlop: number;
Enums
enum ListenerType
enum ListenerType { mouse = 'mouse', touch = 'touch', keyboard = 'keyboard',}
Package Files (3)
Dependencies (2)
Dev Dependencies (6)
Peer Dependencies (0)
No peer dependencies.
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/react-dnd-touch-backend
.
- Markdown[![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/react-dnd-touch-backend)
- HTML<a href="https://www.jsdocs.io/package/react-dnd-touch-backend"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 2537 ms. - Missing or incorrect documentation? Open an issue for this package.