fix(h5): improve toast,loading logic #541

src/core/helpers/protocol/popup.js

@@ -90,6 +90,10 @@ export const showLoading = {
   visible: {
     type: Boolean,
     default: true
+  },
+  isShowLoading: {
+    type: Boolean,
+    default: true
   }
 }
 

src/core/service/api/popup.js

@@ -27,7 +27,7 @@ export function showLoading (args) {
 }
 
 export function hideLoading () {
-  emit('onHideToast')
+  emit('onHideLoading')
   return {}
 }
 

src/platforms/h5/components/app/index.vue

@@ -11,8 +11,7 @@
       v-show="showTabBar"
       v-bind="tabBar" />
     <toast
-      v-bind="showToast"
-      @close="_onModalClose" />
+      v-bind="showToast"/>
     <action-sheet
       v-bind="showActionSheet"
       @close="_onActionSheetClose" />

src/platforms/h5/components/app/popup/mixins/toast.js

@@ -8,14 +8,30 @@ export default {
   },
   created () {
     UniServiceJSBridge.on('onShowToast', args => {
-      setTimeout(() => { // 延迟一下 show 可解决窗口打开前调用 showToast,showLoading 在 onHidePopup 之后触发
+      setTimeout(() => { // 延迟一下 show 可解决窗口打开前调用 showToast 在 onHidePopup 之后触发
         this.showToast = args
       }, 10)
     })
-    UniServiceJSBridge.on(['onHidePopup', 'onHideToast'], args => {
-      setTimeout(() => { // 与 show 对应延迟10ms，避免快速调用 show，hide 导致无法关闭
-        this.showToast.visible = false
-      }, 10)
-    })
+
+    const createOnHide = (type) => {
+      return () => {
+        let warnMsg = ''
+        if (type === 'onHideToast' && this.showToast.isShowLoading) {
+          warnMsg = '请注意 showToast 与 hideToast 必须配对使用'
+        } else if (type === 'onHideLoading' && !this.showToast.isShowLoading) {
+          warnMsg = '请注意 showLoading 与 hideLoading 必须配对使用'
+        }
+        if (warnMsg) {
+          return console.warn(warnMsg)
+        }
+        setTimeout(() => { // 与 show 对应延迟10ms，避免快速调用 show，hide 导致无法关闭
+          this.showToast.visible = false
+        }, 10)
+      }
+    }
+
+    UniServiceJSBridge.on('onHidePopup', createOnHide('onHidePopup'))
+    UniServiceJSBridge.on('onHideToast', createOnHide('onHideToast'))
+    UniServiceJSBridge.on('onHideLoading', createOnHide('onHideLoading'))
   }
 }