FIX: typo

Author: WeiWang120

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-rotatable-draggable",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A rectangle react component which can be resized and rotated",
   "author": "MockingBot",
   "license": "MIT",

src/components/Rect/index.js

@@ -90,7 +90,7 @@ export default class Rect extends PureComponent {
       document.removeEventListener('mouseup', onUp)
       if (!this._isMouseDown) return
       this._isMouseDown = false
-      this.props.onRoateEnd && this.props.onRoateEnd()
+      this.props.onRotateEnd && this.props.onRotateEnd()
     }
     document.addEventListener('mousemove', onMove)
     document.addEventListener('mouseup', onUp)

src/index.example.js

@@ -46,6 +46,8 @@ class AppExample extends Component {
     })
   }
 
+  handleRotateEnd = () => console.log('aa')
+handleRotateStart = () => console.log("start")
   render () {
     const { width, top, left, height, rotateAngle } = this.state
 
@@ -58,9 +60,9 @@ class AppExample extends Component {
           // minHeight={10}
           zoomable='n, w, s, e, nw, ne, se, sw'
           // rotatable={true}
-          // onRotateStart={this.handleRotateStart}
+          onRotateStart={this.handleRotateStart}
           onRotate={this.handleRotate}
-          // onRotateEnd={this.handleRotateEnd}
+          onRotateEnd={this.handleRotateEnd}
           // onResizeStart={this.handleResizeStart}
           onResize={this.handleResize}
           // onResizeEnd={this.handleUp}