Merge pull request #1 from CommanderXL/dev

update action-sheet demo and doc

Author: CommanderXL

document/components/docs/en-US/action-sheet.md

@@ -65,7 +65,21 @@ export default {
           {
             content: '豪华型'
           }
-        ]
+        ],
+        onSelect: (item, index) => {
+          this.$createToast({
+            txt: `Clicked ${item.content}`,
+            type: 'correct',
+            time: 1000
+          }).show()
+        },
+        onCancel: () => {
+          this.$createToast({
+            txt: `Clicked canceled`,
+            type: 'warn',
+            time: 1000
+          }).show()
+        }
       }).show()
     }
   }
@@ -96,7 +110,21 @@ export default {
           {
             content: '豪华型'
           }
-        ]
+        ],
+        onSelect: (item, index) => {
+          this.$createToast({
+            txt: `Clicked ${item.content}`,
+            type: 'correct',
+            time: 1000
+          }).show()
+        },
+        onCancel: () => {
+          this.$createToast({
+            txt: `Clicked canceled`,
+            type: 'warn',
+            time: 1000
+          }).show()
+        }
       }).show()
     }
   }

document/components/docs/zh-CN/action-sheet.md

@@ -65,7 +65,21 @@
             {
               content: '豪华型'
             }
-          ]
+          ],
+          onSelect: (item, index) => {
+            this.$createToast({
+              txt: `Clicked ${item.content}`,
+              type: 'correct',
+              time: 1000
+            }).show()
+          },
+          onCancel: () => {
+            this.$createToast({
+              txt: `Clicked canceled`,
+              type: 'warn',
+              time: 1000
+            }).show()
+          }
         }).show()
       }
     }
@@ -95,7 +109,21 @@
             {
               content: '豪华型'
             }
-          ]
+          ],
+          onSelect: (item, index) => {
+            this.$createToast({
+              txt: `Clicked ${item.content}`,
+              type: 'correct',
+              time: 1000
+            }).show()
+          },
+          onCancel: () => {
+            this.$createToast({
+              txt: `Clicked canceled`,
+              type: 'warn',
+              time: 1000
+            }).show()
+          }
         }).show()
       }
     }

example/pages/action-sheet.vue

@@ -57,7 +57,21 @@
             {
               content: '豪华型'
             }
-          ]
+          ],
+          onSelect: (item, index) => {
+            this.$createToast({
+              txt: `Clicked ${item.content}`,
+              type: 'correct',
+              time: 1000
+            }).show()
+          },
+          onCancel: () => {
+            this.$createToast({
+              txt: `Clicked canceled`,
+              type: 'warn',
+              time: 1000
+            }).show()
+          }
         })
         this.actionSheet.show()
       },
@@ -75,7 +89,21 @@
             {
               content: '豪华型'
             }
-          ]
+          ],
+          onSelect: (item, index) => {
+            this.$createToast({
+              txt: `Clicked ${item.content}`,
+              type: 'correct',
+              time: 1000
+            }).show()
+          },
+          onCancel: () => {
+            this.$createToast({
+              txt: `Clicked canceled`,
+              type: 'warn',
+              time: 1000
+            }).show()
+          }
         })
         this.actionSheet.show()
       }