sub-nvue.js 2.1 KB
Newer Older
fxy060608's avatar
fxy060608 已提交
1 2 3
import {
  requireNativePlugin
} from './require-native-plugin'
雪洛's avatar
雪洛 已提交
4

fxy060608's avatar
fxy060608 已提交
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
function wrapper (webview) {
  webview.$processed = true

  webview.postMessage = function (data) {
    plus.webview.postMessageToUniNView({
      type: 'UniAppSubNVue',
      data
    }, webview.id)
  }
  let callbacks = []
  webview.onMessage = function (callback) {
    callbacks.push(callback)
  }
  webview.$consumeMessage = function (e) {
    callbacks.forEach(callback => callback(e))
  }

  if (!webview.__uniapp_mask_id) {
    return
  }
  const maskColor = webview.__uniapp_mask
fxy060608's avatar
fxy060608 已提交
26
  const maskWebview = webview.__uniapp_mask_id === '0' ? {
fxy060608's avatar
fxy060608 已提交
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
    setStyle ({
      mask
    }) {
      requireNativePlugin('uni-tabview').setMask({
        color: mask
      })
    }
  } : plus.webview.getWebviewById(webview.__uniapp_mask_id)
  const oldShow = webview.show
  const oldHide = webview.hide
  const oldClose = webview.close

  const showMask = function () {
    maskWebview.setStyle({
      mask: maskColor
    })
  }
  const closeMask = function () {
    maskWebview.setStyle({
      mask: 'none'
    })
  }
  webview.show = function (...args) {
    showMask()
    return oldShow.apply(webview, args)
  }
  webview.hide = function (...args) {
    closeMask()
    return oldHide.apply(webview, args)
  }
  webview.close = function (...args) {
    closeMask()
    callbacks = []
    return oldClose.apply(webview, args)
  }
}

export function getSubNVueById (id) {
65 66 67
  const webview = plus.webview.getWebviewById(id)
  if (webview === null || webview === undefined) {
    throw new Error('Unable to find SubNVue, id=' + id)
68
  }
fxy060608's avatar
fxy060608 已提交
69 70 71
  if (webview && !webview.$processed) {
    wrapper(webview)
  }
fxy060608's avatar
fxy060608 已提交
72
  const oldSetStyle = webview.setStyle
雪洛's avatar
雪洛 已提交
73 74 75
  var parentWebview = plus.webview.getWebviewById(webview.__uniapp_mask_id)
  webview.setStyle = function (style) {
    if (style && style.mask) {
76
      parentWebview && parentWebview.setStyle({
雪洛's avatar
雪洛 已提交
77 78 79 80 81 82
        mask: style.mask
      })
      delete style.mask
    }
    oldSetStyle.call(this, style)
  }
fxy060608's avatar
fxy060608 已提交
83
  return webview
雪洛's avatar
雪洛 已提交
84 85
}

86 87
export function getCurrentSubNVue () {
  return getSubNVueById(plus.webview.currentWebview().id)
88
}