Bump 0.0.1

Author: paranoidjk

HISTORY.md

@@ -2,3 +2,6 @@
 ----
 
 
+## 0.0.1 / 2017-07-21
+
+Support Tap, Press, Swipe, Pinch, Rotate

README.md

@@ -45,7 +45,7 @@ import Gesture from 'rc-gesture';
 
 ReactDOM.render(
   <Gesture
-    onTap={(gesture, event) => { console.log(gesture, event); }}
+    onTap={(gestureStauts) => { console.log(gestureStauts); }}
   >
     <div>container</div>
   </Gesture>,
@@ -55,7 +55,7 @@ container);
 
 ## API
 
-all callback funtion will one parammeter: `(gesture) => {}`
+all callback funtion will one parammeter: `type GestureHandler = (s: IGestureStauts) => void;`
 
 - gesture: the rc-gesture state object, container all information you may need, see [gesture](#gesture)
 
@@ -136,7 +136,7 @@ all callback funtion will one parammeter: `(gesture) => {}`
     </tbody>
 </table>
 
-#### Pan (**Unsupported Yet*)
+#### Pan (**Unsupported Yet**)
 <table class="table table-bordered table-striped">
     <thead>
     <tr>
@@ -289,6 +289,41 @@ pinch gesture is not enabled by default, you must set `props.enableRotate = true
 
 ## gesture
 
+```tsx
+// http://hammerjs.github.io/api/#event-object
+export interface IGestureStauts {
+    /* start status snapshot */
+    startTime: number;
+    startTouches: Finger[];
+
+    startMutliFingerStatus?: MultiFingerStatus[];
+
+    /* now status snapshot */
+    time: number;
+    touches: Finger[];
+
+    mutliFingerStatus?: MultiFingerStatus[];
+
+    /* delta status from touchstart to now, just for singe finger */
+    moveStatus?: SingeFingerMoveStatus;
+
+    /* whether is a long tap */
+    press?: boolean;
+
+    /* whether is a swipe*/
+    swipe?: boolean;
+    direction?: number;
+
+    /* whether is in pinch process */
+    pinch?: boolean;
+    scale?: number;
+
+    /* whether is in rotate process */
+    rotate?: boolean;
+    rotation?: number; // Rotation (in deg) that has been done when multi-touch. 0 on a single touch.
+};
+```
+
 ## Development
 
 ```

examples/simple.tsx

@@ -33,13 +33,11 @@ class Demo extends Component<any, any> {
   }
 
   log = (type: string, keys?: string[]) => (...args) => {
-    this.doTapOrPress(type, keys, ...args);
+    console.log(type, ...args);
+    this.doLog(type, keys, ...args);
     this.doTransform(type, ...args);
   }
-  doTapOrPress = (type, keys, ...args) => {
-    if (['onTap', 'onPress', 'onPressUp'].indexOf(type) === -1) {
-      return;
-    }
+  doLog = (type, keys, ...args) => {
     const extInfo = keys ? keys.map(key => `${key} = ${args[0][key]}`).join(', ') : '';
     const logEl = this.refs.log as any;
     logEl.innerHTML += `<p>${type} ${extInfo}</p>`;
@@ -55,7 +53,6 @@ class Demo extends Component<any, any> {
       this._rotation = rotation;
     }
     let transform: any = [];
-    // console.log(type, ...args);    let transform: any = [];
     this._scale && transform.push(`scale(${this._scale})`);
     this._rotation && transform.push(`rotate(${this._rotation}deg)`);
 
@@ -76,18 +73,16 @@ class Demo extends Component<any, any> {
             onTap={this.log('onTap')}
             onPress={this.log('onPress')}
             onPressUp={this.log('onPressUp')}
-            onSwipe={this.log('onSwipe', ['angle', 'direction'])}
-            onSwipeLeft = {this.log('onSwipeLeft', ['angle', 'direction'])}
-            onSwipeRight = {this.log('onSwipeRight', ['angle', 'direction'])}
-            onSwipeUp = {this.log('onSwipeUp', ['angle', 'direction'])}
-            onSwipeDown = {this.log('onSwipeDown', ['angle', 'direction'])}
-            onPan={this.log('onPan')}
-            onPanStart={this.log('onPanStart')}
-            onPinch={this.log('onPinch', ['pinchLen', 'scale'])}
-            onPinchStart={this.log('onPinchStart', ['pinchLen', 'scale'])}
-            onPinchMove={this.log('onPinchMove', ['pinchLen', 'scale'])}
-            onPinchEnd={this.log('onPinchEnd', ['pinchLen', 'scale'])}
-            onPinchCancel={this.log('onPinchCancel', ['pinchLen', 'scale'])}
+            onSwipe={this.log('onSwipe', ['direction'])}
+            onSwipeLeft = {this.log('onSwipeLeft', ['direction'])}
+            onSwipeRight = {this.log('onSwipeRight', ['direction'])}
+            onSwipeUp = {this.log('onSwipeUp', ['direction'])}
+            onSwipeDown = {this.log('onSwipeDown', ['direction'])}
+            onPinch={this.log('onPinch', ['scale'])}
+            onPinchStart={this.log('onPinchStart', ['scale'])}
+            onPinchMove={this.log('onPinchMove', ['scale'])}
+            onPinchEnd={this.log('onPinchEnd', ['scale'])}
+            onPinchCancel={this.log('onPinchCancel', ['scale'])}
             onRotate={this.log('onRotate', ['rotation'])}
             onRotateStart={this.log('onRotateStart', ['rotation'])}
             onRotateMove={this.log('onRotateMove', ['rotation'])}

package.json

@@ -9,7 +9,7 @@
     "gesture",
     "touch"
   ],
-  "homepage": "https://react-component.github.io/gesture/",
+  "homepage": "http://github.com/react-component/gesture/",
   "repository": {
     "type": "git",
     "url": "[email protected]:react-component/gesture.git"