From 3114bc3a20d91877550e30f51d34bb20189665dd Mon Sep 17 00:00:00 2001
From: jimczj <jimczj@gmail.com>
Date: Mon, 19 Nov 2018 19:42:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(count-down):=20=E4=BF=AE=E5=A4=8D=20props?=
 =?UTF-8?q?=20=E6=9B=B4=E6=96=B0=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/count-down/index.js | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/count-down/index.js b/src/components/count-down/index.js
index 96d491f26..322d24abc 100644
--- a/src/components/count-down/index.js
+++ b/src/components/count-down/index.js
@@ -6,6 +6,8 @@ import classNames from 'classnames'
 import AtComponent from '../../common/component'
 import './index.scss'
 
+const toSeconds = (day, hours, minutes, seconds) => (day * 60 * 60 * 24) + (hours * 60 * 60) + (minutes * 60) + seconds
+
 export default class AtCountDown extends AtComponent {
   static defaultProps = {
     customStyle: '',
@@ -47,7 +49,7 @@ export default class AtCountDown extends AtComponent {
   constructor () {
     super(...arguments)
     const { day, hours, minutes, seconds } = this.props
-    this.seconds = (day * 60 * 60 * 24) + (hours * 60 * 60) + (minutes * 60) + seconds
+    this.seconds = toSeconds(day, hours, minutes, seconds)
     this.state = { day, hours, minutes, seconds }
     this.timer = null
   }
@@ -56,7 +58,7 @@ export default class AtCountDown extends AtComponent {
     return num <= 9 ? `0${num}` : `${num}`
   }
 
-  componentDidMount () {
+  setTimer () {
     this.timer = setInterval(() => {
       let [day, hours, minutes, seconds] = [0, 0, 0, 0]
       if (this.seconds > 0) {
@@ -75,12 +77,34 @@ export default class AtCountDown extends AtComponent {
     }, 1000)
   }
 
-  componentWillUnmount () {
+  clearTimer () {
     if (this.timer) {
       clearInterval(this.timer)
     }
   }
 
+  componentWillReceiveProps (nextProps) {
+    const props = this.props
+    if (nextProps.day === props.day
+      && nextProps.hours === props.hours
+      && nextProps.minutes === props.minutes
+      && nextProps.seconds === props.seconds
+    ) return
+
+    const { day, hours, minutes, seconds } = nextProps
+    this.seconds = toSeconds(day, hours, minutes, seconds)
+    this.clearTimer()
+    this.setTimer()
+  }
+
+  componentDidMount () {
+    this.setTimer()
+  }
+
+  componentWillUnmount () {
+    this.clearTimer()
+  }
+
   render () {
     const {
       className,