From 7c394411786db95edffdaa4cceb68e4075001f35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=84=B6=E5=88=99?= <hualei.hl@alibaba-inc.com>
Date: Wed, 14 Jun 2017 15:42:57 +0800
Subject: [PATCH] add custom icon demo for Toast

---
 .../__tests__/__snapshots__/demo.test.web.js.snap    | 12 ++++++++++++
 components/toast/demo/basic.md                       |  8 ++++++--
 components/toast/demo/reload.svg                     |  1 +
 svg.config.js                                        |  1 +
 4 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 components/toast/demo/reload.svg

diff --git a/components/toast/__tests__/__snapshots__/demo.test.web.js.snap b/components/toast/__tests__/__snapshots__/demo.test.web.js.snap
index b699746bdc2..0036d419f5a 100644
--- a/components/toast/__tests__/__snapshots__/demo.test.web.js.snap
+++ b/components/toast/__tests__/__snapshots__/demo.test.web.js.snap
@@ -31,6 +31,18 @@ exports[`renders ./components/toast/demo/basic.md correctly 1`] = `
   <div
     class="am-whitespace am-whitespace-md"
   />
+  <a
+    aria-disabled="false"
+    class="am-button"
+    role="button"
+  >
+    <span>
+      Cumstom Icon
+    </span>
+  </a>
+  <div
+    class="am-whitespace am-whitespace-md"
+  />
   <a
     aria-disabled="false"
     class="am-button"
diff --git a/components/toast/demo/basic.md b/components/toast/demo/basic.md
index 37a64f4a7f3..418cb730691 100644
--- a/components/toast/demo/basic.md
+++ b/components/toast/demo/basic.md
@@ -8,7 +8,7 @@ title:
 text、icon、success、failure、offline、loading
 
 ````jsx
-import { Toast, WhiteSpace, WingBlank, Button } from 'antd-mobile';
+import { Toast, WhiteSpace, WingBlank, Button, Icon } from 'antd-mobile';
 
 function showToast() {
   Toast.info('This is a toast tips !!!', 1);
@@ -35,7 +35,7 @@ function loadingToast() {
     console.log('Load complete !!!');
   });
 }
-
+/* eslint global-require: 0 */
 const ToastExample = () => (
   <WingBlank>
     <WhiteSpace />
@@ -43,6 +43,10 @@ const ToastExample = () => (
     <WhiteSpace />
     <Button onClick={showToastNoMask}>Without mask</Button>
     <WhiteSpace />
+    <Button onClick={() => Toast.info(<Icon type={require('./reload.svg')} />, 1)}>
+      Cumstom Icon
+    </Button>
+    <WhiteSpace />
     <Button onClick={successToast}>Success toast</Button>
     <WhiteSpace />
     <Button onClick={failToast}>Failed toast</Button>
diff --git a/components/toast/demo/reload.svg b/components/toast/demo/reload.svg
new file mode 100644
index 00000000000..874fb5a1e5f
--- /dev/null
+++ b/components/toast/demo/reload.svg
@@ -0,0 +1 @@
+<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title>Share Icons Copy</title><path d="M59.177 29.5s-1.25 0-1.25 2.5c0 14.471-11.786 26.244-26.253 26.244C17.206 58.244 5.417 46.47 5.417 32c0-13.837 11.414-25.29 25.005-26.26v6.252c0 .622-.318 1.635.198 1.985a1.88 1.88 0 0 0 1.75.19l21.37-8.545c.837-.334 1.687-1.133 1.687-2.384C55.425 1.99 53.944 2 53.044 2h-21.37C15.134 2 1.667 15.46 1.667 32c0 16.543 13.467 30 30.007 30 16.538 0 29.918-13.458 29.993-30 .01-2.5-1.24-2.5-1.24-2.5h-1.25" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/svg.config.js b/svg.config.js
index 5475172bcdf..960f7b759cf 100644
--- a/svg.config.js
+++ b/svg.config.js
@@ -15,6 +15,7 @@ module.exports = (config, includeDemo) => {
       path.resolve(__dirname, 'components/action-sheet/demo/'),
       path.resolve(__dirname, 'components/result/demo/'),
       path.resolve(__dirname, 'components/menu/demo/'),
+      path.resolve(__dirname, 'components/toast/demo/'),
     ]);
   }
   // Can not process SVG files twice