fix pulling amount

src/component/index.js

@@ -1,5 +1,4 @@
 import React from 'react'
-import { clamp } from 'lodash'
 import { StyleSheet, css } from 'aphrodite'
 
 const styles = StyleSheet.create({
@@ -23,25 +22,28 @@ const styles = StyleSheet.create({
   }
 })
 
-export default (props, state, children) => [
-  <div
-    key='pull'
-    className={css(
-      styles.comp,
-      state.refreshing && styles.refreshing,
-      state.refreshed && styles.refreshed,
-      state.willRefresh && styles.willRefresh
-    )}
-    style={{
-      height: clamp(state.y, 0, props.max)
-    }}
-  >
-    { state.refreshing && 'refreshing :' }
-    { state.refreshed && 'refreshed :' }
-    { state.willRefresh && 'willRefresh :' }
-    { parseInt(state.y, 10) }
-  </div>,
-  children
-]
+export default (props, state, children) => {
+  const p = Math.atan(state.y / props.max)
+  return [
+    <div
+      key='pull'
+      className={css(
+        styles.comp,
+        state.refreshing && styles.refreshing,
+        state.refreshed && styles.refreshed,
+        state.willRefresh && styles.willRefresh
+      )}
+      style={{
+        height: Math.max(p * props.max, 0)
+      }}
+    >
+      { state.refreshing && 'refreshing :' }
+      { state.refreshed && 'refreshed :' }
+      { state.willRefresh && 'willRefresh :' }
+      { parseInt(state.y, 10) }
+    </div>,
+    children
+  ]
+}
 
 

src/index.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import Spring from './spring'
-import { clamp } from 'lodash'
 import scrollTop from './scrollTop'
 import defaultRender from './component'
 
@@ -40,12 +39,11 @@ export default class PullRefresh extends Component {
     }
   }
   onMove(evt) {
-    const { max } = this.props
     const { refreshed, refreshing } = this.state
     if(!this._down || refreshed || refreshing) return
     const ey = evt.touches ? evt.touches[0].pageY : evt.pageY
     if(scrollTop(this) <= 0) {
-      this._y = clamp(this._y + ey - this._py, 0, max + 10)
+      this._y = this._y + ey - this._py
       this._spring.endValue = this._y
     }
     this._py = ey