From fd77f4736d9960f32845323a5ec019e66f989532 Mon Sep 17 00:00:00 2001
From: nrz <jerryni2014@gmail.com>
Date: Mon, 7 May 2018 22:38:35 +0800
Subject: [PATCH] fix: stepper doc (#222)

---
 example/pages/stepper/index.js | 12 ++++++++----
 packages/stepper/README.md     | 16 ++++++++++++----
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/example/pages/stepper/index.js b/example/pages/stepper/index.js
index 5cc5bdd7..53ef8005 100644
--- a/example/pages/stepper/index.js
+++ b/example/pages/stepper/index.js
@@ -18,10 +18,14 @@ Page(Object.assign({}, {
     }
   },
 
-  handleZanStepperChange(e) {
-    const componentId = e.target.dataset.componentId;
-    const stepper = e.detail;
-
+  handleZanStepperChange({
+    detail: stepper,
+    target: {
+      dataset: {
+        componentId
+      }
+    }
+  }) {
     this.setData({
       [`${componentId}.stepper`]: stepper
     });
diff --git a/packages/stepper/README.md b/packages/stepper/README.md
index 3f3eb722..9056d067 100644
--- a/packages/stepper/README.md
+++ b/packages/stepper/README.md
@@ -27,12 +27,20 @@ Page({
     }
   },
 
-  handleZanStepperChange({ componentId, stepper }) {
-    // componentId 即为在模板中传入的 componentId
-    // 用于在一个页面上使用多个 stepper 时，进行区分
+  handleZanStepperChange({
+
     // stepper 代表操作后，应该要展示的数字，需要设置到数据对象里，才会更新页面展示
+    detail: stepper,
+
+    // 模板中传入的 componentId，用于区分一个页面上的多个stepper
+    target: {
+      dataset: {
+        componentId
+      }
+    }
+  }) {
     this.setData({
-      stepper
+      [`${componentId}.stepper`]: stepper
     });
   }
 });