[Doc] english document of all action components (#260)

* [bugfix] CouponList always show empty info

* [bugfix] add click feedback of buttons in components

* [Doc] add custom theme document

* [new feature] Notice bar support more props

* [bugfix] PullRefresh test cases

* [bugfix] unused NoticeBar style

* [bugfix] Swipe width calc error

* [Doc] english document of all action components

docs/examples-docs/zh-CN/actionsheet.md

@@ -8,24 +8,26 @@
     margin-left: 15px;
   }
 
-  .title-actionsheet p {
+  p {
     padding: 20px;
   }
 }
 </style>
 
 <script>
+import { Toast } from 'packages/index';
+
 export default {
   data() {
     return {
       show1: false,
       show2: false,
       show3: false,
-      actions1: [
+      actions: [
         {
           name: '微信安全支付',
           className: 'actionsheet-wx',
-          callback: this.handleActionClick
+          callback: this.onClick
         },
         {
           name: '支付宝支付',
@@ -42,8 +44,8 @@ export default {
   },
 
   methods: {
-    handleActionClick(item) {
-      console.log(item);
+    onClick(item) {
+      Toast(item.name);
     }
   }
 }
@@ -61,14 +63,12 @@ Vue.component(Actionsheet.name, Actionsheet);
 ### 代码演示
 
 #### 基础用法
-
-需要传入一个`actions`的属性，该属性为一个数组，数组的每一项是一个对象，可以根据下面的[action对象](#actions)设置你想要的信息。
+需要传入一个`actions`的数组，数组的每一项是一个对象，对象属性见文档下方表格。
 
 :::demo 基础用法
 ```html
-<van-button @click="show1 = true">弹出actionsheet</van-button>
-<van-actionsheet v-model="show1" :actions="actions1">
-</van-actionsheet>
+<van-button @click="show1 = true">弹出 Actionsheet</van-button>
+<van-actionsheet v-model="show1" :actions="actions" />
 ```
 
 ```javascript
@@ -76,11 +76,11 @@ export default {
   data() {
     return {
       show1: false,
-      actions1: [
+      actions: [
         {
           name: '微信安全支付',
           className: 'actionsheet-wx',
-          callback: this.handleActionClick
+          callback: this.onClick
         },
         {
           name: '支付宝支付',
@@ -97,8 +97,8 @@ export default {
   },
 
   methods: {
-    handleActionClick(item) {
-      console.log(item);
+    onClick(item) {
+      Toast(item.name);
     }
   }
 }
@@ -111,8 +111,8 @@ export default {
 
 :::demo 带取消按钮的 Actionsheet
 ```html
-<van-button @click="show2 = true">弹出带取消按钮的actionsheet</van-button>
-<van-actionsheet v-model="show2" :actions="actions1" cancel-text="取消">
+<van-button @click="show2 = true">弹出带取消按钮的 Actionsheet</van-button>
+<van-actionsheet v-model="show2" :actions="actions" cancel-text="取消">
 </van-actionsheet>
 ```
 
@@ -121,11 +121,11 @@ export default {
   data() {
     return {
       show2: false,
-      actions1: [
+      actions: [
         {
           name: '微信安全支付',
           className: 'actionsheet-wx',
-          callback: this.handleActionClick
+          callback: this.onClick
         },
         {
           name: '支付宝支付',
@@ -150,8 +150,8 @@ export default {
 
 :::demo 带标题的 Actionsheet
 ```html
-<van-button @click="show3 = true">弹出带标题的actionsheet</van-button>
-<van-actionsheet v-model="show3" title="支持以下配送方式" class="title-actionsheet">
+<van-button @click="show3 = true">弹出带标题的 Actionsheet</van-button>
+<van-actionsheet v-model="show3" title="支持以下配送方式">
   <p>一些内容</p>
 </van-actionsheet>
 ```