feat: toast update

docs/examples-docs/toast.md

@@ -25,6 +25,12 @@ export default {
     showFailToast() {
       Toast.fail('失败文案');
     },
+    showForbidClickToast() {
+      Toast({
+        message: '背景不能点击',
+        forbidClick: true
+      })
+    },
     showCustomizedToast(duration) {
       let leftSec = duration / 1000;
       let toast = Toast({
@@ -40,6 +46,12 @@ export default {
         }
         toast.message = (--leftSec).toString();
       }, 1000);
+    },
+    showToast() {
+      this.toast = Toast('我是提示文案，建议不超过十五字~');
+    },
+    closeToast() {
+      this.toast.clear();
     }
   }
 };
@@ -55,6 +67,7 @@ export default {
 <zan-button @click="showLoadingToast">加载Toast</zan-button>
 <zan-button @click="showSuccessToast">成功</zan-button>
 <zan-button @click="showFailToast">失败</zan-button>
+<zan-button @click="showForbidClickToast">背景不能点击</zan-button>
 <zan-button @click="showCustomizedToast(5000)">倒数5秒</zan-button>
 
 <script>
@@ -74,6 +87,12 @@ export default {
     showFailToast() {
       Toast.fail('失败文案');
     },
+    showForbidClickToast() {
+      Toast({
+        message: '背景不能点击',
+        forbidClick: true
+      })
+    },
     showCustomizedToast(duration) {
       let leftSec = duration / 1000;
       let toast = Toast({
@@ -96,9 +115,67 @@ export default {
 ```
 :::
 
-### API
+### 手动关闭
+
+:::demo 手动关闭
+```html
+<zan-button @click="showToast">打开</zan-button>
+<zan-button @click="closeToast">关闭</zan-button>
+
+<script>
+import { Toast } from 'src/index';
+
+export default {
+  methods: {
+    showToast() {
+      this.toast = Toast('我是提示文案，建议不超过十五字~');
+    },
+    closeToast() {
+      this.toast.clear();
+    }
+  }
+};
+</script>
+```
+:::
+
+
+
+### 基础用法
+### Toast(options)
 
 | 参数       | 说明      | 类型       | 默认值       | 可选值       |
 |-----------|-----------|-----------|-------------|-------------|
 | type | 类型 | String  | 'text' | 'text', 'loading', 'success', 'failure'  |
+| message | 内容 | String  | '' | - |\| message | 内容 | String  | '' | - 
+| forbidClick | 不允许背景点击 | Boolean  | false | true, false|
+
+### 快速用法
+### Toast(message)
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
 | message | 内容 | String  | '' | - |
+
+### Toast.loading() || Toast.loading(message, options)
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| forbidClick | 不允许背景点击 | Boolean  | false | true, false|
+
+### Toast.success(message) || Toast.success(message, options)
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| type | 类型 | String  | 'text' | 'text', 'loading', 'success', 'failure'  |
+| forbidClick | 不允许背景点击 | Boolean  | false | true, false|
+
+### Toast.fail(message) || Toast.fail(message, options)
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| type | 类型 | String  | 'text' | 'text', 'loading', 'success', 'failure'  |
+| forbidClick | 不允许背景点击 | Boolean  | false | true, false|
+
+### instanceOfToast.clear()
+关闭toast。