fix(toast): demo optimization #423,#422

src/packages/toast/demo.vue

@@ -1,29 +1,26 @@
 <template>
   <div class="demo">
     <h2>基本用法</h2>
-    <div>
-      <nut-cell
-        title="Text 文字提示"
-        is-link
-        @click="textToast('网络失败，请稍后再试~')"
-      ></nut-cell>
-      <nut-cell
-        title="Success 成功提示"
-        is-link
-        @click="successToast('成功提示')"
-      ></nut-cell>
-      <nut-cell
-        title="Error 失败提示"
-        is-link
-        @click="errorToast('失败提示')"
-      ></nut-cell>
-      <nut-cell
-        title="Warning 警告提示"
-        is-link
-        @click="warningToast('警告提示')"
-      ></nut-cell>
-    </div>
-    <h2>动态更新</h2>
+    <nut-cell
+      title="Text 文字提示"
+      is-link
+      @click="textToast('网络失败，请稍后再试~')"
+    ></nut-cell>
+    <nut-cell
+      title="Success 成功提示"
+      is-link
+      @click="successToast('成功提示')"
+    ></nut-cell>
+    <nut-cell
+      title="Error 失败提示"
+      is-link
+      @click="errorToast('失败提示')"
+    ></nut-cell>
+    <nut-cell
+      title="Warning 警告提示"
+      is-link
+      @click="warningToast('警告提示')"
+    ></nut-cell>
     <nut-cell
       title="Loading 加载提示"
       is-link
@@ -42,10 +39,10 @@ export default createDemo({
     const { proxy } = getCurrentInstance();
 
     const textToast = msg => {
-      proxy.$toast.text(msg, { duration: 100000 });
+      proxy.$toast.text(msg);
     };
     const successToast = msg => {
-      proxy.$toast.success(msg, { duration: 100000 });
+      proxy.$toast.success(msg);
     };
     const errorToast = msg => {
       proxy.$toast.fail(msg);
@@ -54,10 +51,7 @@ export default createDemo({
       proxy.$toast.warn(msg);
     };
     const loadingToast = msg => {
-      proxy.$toast.loading(msg, { duration: 0, id: 'test' });
-      setTimeout(() => {
-        proxy.$toast.success('加载完成', { id: 'test', duration: 2000 });
-      }, 2000);
+      proxy.$toast.loading(msg);
     };
     return {
       textToast,

src/packages/toast/doc.md

@@ -22,34 +22,31 @@ app.use(Toast);
 
 文字提示
 ```javascript
-Toast.text(msg);
+Toast.text('网络失败，请稍后再试~');
 ```
 
 成功提示
 
 ```javascript
-Toast.success(msg);
+Toast.success('成功提示');
 ```
 
 失败提示
 
 ```javascript
-Toast.fail(msg);
+Toast.fail('失败提示');
 ```
 
 警告提示
 
 ```javascript
-Toast.warn(msg);
+Toast.warn('警告提示');
 ```
 
-### 动态更新
+加载提示
 
 ```javascript
-Toast.loading(msg, { duration: 0, id: 'test' });
-setTimeout(() => {
-  Toast.success('加载完成', { id: 'test', duration: 2000 });
-}, 2000);
+Toast.loading('加载中');
 ```
 
 ##¥ 支持在JS模块中导入使用