docs(numberkeyboard): toast usage update

src/packages/__VUE/numberkeyboard/demo.vue

@@ -82,6 +82,7 @@
 <script lang="ts">
 import { ref, getCurrentInstance, reactive } from 'vue';
 import { createComponent } from '@/packages/utils/create';
+import { showToast } from '@/packages/nutui.vue';
 const { createDemo, translate } = createComponent('number-keyboard');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
@@ -111,7 +112,6 @@ export default createDemo({
   props: {},
   setup() {
     initTranslate();
-    let { proxy } = getCurrentInstance() as any;
     const visible1 = ref(false);
     const visible2 = ref(false);
     const visible3 = ref(false);
@@ -124,13 +124,13 @@ export default createDemo({
     const customKey3 = reactive(['X']);
     const visibleArr = [visible1, visible2, visible3, visible4, visible5, visible6];
     function input(number: any) {
-      proxy.$toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function showKeyBoard(index: number) {
       visibleArr[index - 1].value = true;
     }
     function onDelete() {
-      proxy.$toast.text('删除');
+      showToast.text('删除');
     }
     function close(index: number) {
       console.log('关闭');

src/packages/__VUE/numberkeyboard/doc.en-US.md

@@ -26,7 +26,8 @@ For online debugging, please change the browser to mobile mode
 </template>
 <script>
 import { ref } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -34,10 +35,10 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`enter：${number}`);
+      showToast.text(`enter：${number}`);
     }
     function onDelete() {
-      Toast.text('delete');
+      showToast.text('delete');
     }
     function close() {
       visible.value = false;
@@ -73,7 +74,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -82,7 +84,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`enter${number}`);
+      showToast.text(`enter${number}`);
     }
     function close() {
       visible.value = false;
@@ -119,7 +121,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -128,7 +131,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`enter：${number}`);
+      showToast.text(`enter：${number}`);
     }
     function close() {
       visible.value = false;
@@ -162,7 +165,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -171,7 +175,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`enter：${number}`);
+      showToast.text(`enter：${number}`);
     }
     function close() {
       visible.value = false;
@@ -204,7 +208,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -213,7 +218,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`enter：${number}`);
+      showToast.text(`enter：${number}`);
     }
     function close() {
       visible.value = false;
@@ -253,7 +258,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);

src/packages/__VUE/numberkeyboard/doc.md

@@ -26,7 +26,8 @@ app.use(NumberKeyboard);
 </template>
 <script>
 import { ref } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -34,10 +35,10 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function onDelete() {
-      Toast.text('删除');
+      showToast.text('删除');
     }
     function close() {
       visible.value = false;
@@ -73,7 +74,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -82,7 +84,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -119,7 +121,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -128,14 +131,14 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function close() {
       visible.value = false;
     }
     return {
       visible,
-    customKey,
+      customKey,
       input,
       showKeyBoard,
       close,
@@ -162,7 +165,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -171,7 +175,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -204,7 +208,8 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
+import { showToast } from '@nutui/nutui';
+import '@nutui/nutui/dist/packages/toast/style';
 export default{
   setup() {
     const visible = ref(false);
@@ -213,7 +218,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      showToast.text(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -253,7 +258,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);

src/packages/__VUE/numberkeyboard/doc.taro.md

@@ -26,7 +26,6 @@ app.use(NumberKeyboard);
 </template>
 <script>
 import { ref } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);
@@ -34,10 +33,10 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      console.log(`输入：${number}`);
     }
     function onDelete() {
-      Toast.text('删除');
+      console.log('删除');
     }
     function close() {
       visible.value = false;
@@ -73,7 +72,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);
@@ -82,7 +80,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      console.log(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -119,7 +117,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);
@@ -128,7 +125,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      console.log(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -162,7 +159,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);
@@ -171,7 +167,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      console.log(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -204,7 +200,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);
@@ -213,7 +208,7 @@ export default{
       visible.value = true;
     }
     function input(number) {
-      Toast.text(`输入：${number}`);
+      console.log(`输入：${number}`);
     }
     function close() {
       visible.value = false;
@@ -253,7 +248,6 @@ export default{
 </template>
 <script>
 import { ref,reactive } from 'vue';
-import { Toast } from '@nutui/nutui';
 export default{
   setup() {
     const visible = ref(false);