add custom icon demo for Toast

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"

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,14 +35,18 @@ function loadingToast() {
     console.log('Load complete !!!');
   });
 }
-
+/* eslint global-require: 0 */
 const ToastExample = () => (
   <WingBlank>
     <WhiteSpace />
     <Button onClick={showToast}>Text toast</Button>
     <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>

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