npm: possibly marvellous

    @zohodesk/touch-pressure

    1.0.0-beta.0 • Public • Published

    React Pressure

    Run the app server

    npm run start  -server:port=2524 -server:context=public  -disable:contexturl=true
    

    Example Usage

    <Pressure
      handleTouchStart={this.handleTouchStart}
      handleTouchMove={this.handleTouchMove}
      handleTouchForceChange={this.handleTouchForceChange}
      handleTouchEnd={this.handleTouchEnd}
    >
      {children}
    </Pressure>

    Props

    • children : React Element required (React Element)
    • handleTouchStart(evt, inital) : Function handler function
      • evt will return touch start event
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the event
    • handleTouchMove(evt,inital,current) : Function handler function
      • evt will return touch start event
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the starting point
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • handleTouchForceChange(force) : Function handler function
      • force - (0-1) Position of the event
    • handleTouchEnd(evt, current) : Function handler function
      • evt will return touch start event
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • handleSwipeLeft(inital, current) : Function handler function
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the starting point
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • handleSwipeRight(inital, current) : Function handler function
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the starting point
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • handleSwipeUp(inital, current) : Function handler function
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the starting point
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • handleSwipeDown(inital, current) : Function handler function
      • inital {pageX: 0, pageY: 0, force: 0-1} Position of the starting point
      • current {pageX: 0, pageY: 0, force: 0-1} Current Position of the touch point
    • config : Object travelled distance in pixel. default 50.
      • swipeDistance : Number travelled distance in pixel. default 50.
      • longPressDuration : Number This will be usefull when ontouchforcechange is not supported browsers. default 50.
      • preventClickTime : Number To prevent click event time in millis. default 500.
      • preventClickMaxForce : Number To prevent click event by max force. default 0.5
      • preventDefault : boolean

    Keywords

    none

    Install

    npm i @zohodesk/touch-pressure

    DownloadsWeekly Downloads

    31

    Version

    1.0.0-beta.0

    License

    none

    Unpacked Size

    4.25 MB

    Total Files

    70

    Last publish

    Collaborators

    • muthumari
    • sundarrajkumar.m
    • vimalesan27
    • prakash.m
    • maheshmdr
    • akshay.ps
    • _dev_johnson
    • karuppiah.r
    • karthick.a
    • navas-0968
    • vallinayagam.t
    • iambk
    • lakshmi_ts
    • mariappan.r
    • antro.j
    • ganeshkumar.m
    • vimalesan
    • skumaresan
    • kathiresan.r
    • jesinth
    • sriramamoorthy
    • lingam
    • vimalchandhru
    • ponkumar.s
    • sudalaimuthu
    • iniankarthick
    • johnson_raavanan
    • ksamy2020
    • kumaresanm
    • villuvicky
    • indragith