Component represent swiping element. This component will work only on childrens, childrens of passed childrens will not have handlers. If you use it with tree of nodes it will not work
- Source:
Members
beingTouched :boolean
- Source:
Indicate move event
Type:
- boolean
elementWidth :number
- Source:
Width of swipe view in px
Type:
- number
handlers :number
- Source:
Contain all click and mouse events
Type:
- number
intervalId :number|null
- Source:
Type:
- number | null
originalOffset :number
- Source:
Right margin on swipe start
Type:
- number
prevTouchX :number
- Source:
Position of element on move event
Type:
- number
state :object
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
right |
number | Number of px from right margin of phone |
children |
Array | object | null | All components passed as children with handlers added for swipe |
Type:
- object
timeOfLastDragEvent :number
- Source:
Time when move start
Type:
- number
touchStartX :number
- Source:
Position of element on move start event
Type:
- number
velocity :number
- Source:
Number of px added on one move event
Type:
- number
Methods
animateSlidingToZero() → {void}
- Source:
Called in interval to remove slider or to move it to defauld coordinates
Returns:
- Type
- void
componentDidMount() → {void}
- Source:
Add handlers on childrens
Returns:
- Type
- void
componentWillUnmount() → {void}
- Source:
clear handlers
Returns:
- Type
- void
handleEnd(clientX) → {void}
- Source:
Record end position and check is it click. Move slider to beggining position or remove it.
Parameters:
| Name | Type | Description |
|---|---|---|
clientX |
number |
Returns:
- Type
- void
handleMouseDown(mouseDownEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
mouseDownEvent |
Event |
Returns:
- Type
- void
handleMouseLeave(mouseUpEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
mouseUpEvent |
Event |
Returns:
- Type
- void
handleMouseMove(mouseMoveEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
mouseMoveEvent |
Event |
Returns:
- Type
- void
handleMouseUp(mouseUpEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
mouseUpEvent |
Event |
Returns:
- Type
- void
handleMove(clientX) → {void}
- Source:
Calculate moving of slider
Parameters:
| Name | Type | Description |
|---|---|---|
clientX |
number |
Returns:
- Type
- void
handleRemoveSelf() → {void}
- Source:
Remove slider
Returns:
- Type
- void
handleStart(clientX) → {void}
- Source:
Record start position
Parameters:
| Name | Type | Description |
|---|---|---|
clientX |
number |
Returns:
- Type
- void
handleTouchEnd(touchEndEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
touchEndEvent |
Event |
Returns:
- Type
- void
handleTouchMove(touchMoveEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
touchMoveEvent |
Event |
Returns:
- Type
- void
handleTouchStart(touchStartEvent) → {void}
- Source:
Parameters:
| Name | Type | Description |
|---|---|---|
touchStartEvent |
Event |
Returns:
- Type
- void
render() → {view}
- Source:
Render
Returns:
- Type
- view
Type Definitions
props
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
children |
Array | object | |
className |
string | |
closeModal |
function | |
onClickElement |
function | |
doNotStyle |
boolean |
Type:
- object