@dcloudio/uni-h5 2.0.0 → 2.0.1-32920211122002

package/src/platforms/mp-weixin/runtime/wrapper/app-base-parser.js

@@ -1,126 +1,197 @@
-import Vue from 'vue'
-
-import {
-  initHooks,
-  initMocks
-} from 'uni-wrapper/util'
-
-import EventChannel from 'uni-helpers/EventChannel'
-
-import {
-  getEventChannel
-} from 'uni-helpers/navigate-to'
-
-const hooks = [
-  'onShow',
-  'onHide',
-  'onError',
-  'onPageNotFound',
-  'onThemeChange',
-  'onUnhandledRejection'
-]
-
-function initEventChannel () {
-  Vue.prototype.getOpenerEventChannel = function () {
-    // 微信小程序使用自身getOpenerEventChannel
-    if (__PLATFORM__ === 'mp-weixin') {
-      return this.$scope.getOpenerEventChannel()
-    }
-    if (!this.__eventChannel__) {
-      this.__eventChannel__ = new EventChannel()
-    }
-    return this.__eventChannel__
-  }
-  const callHook = Vue.prototype.__call_hook
-  Vue.prototype.__call_hook = function (hook, args) {
-    if (hook === 'onLoad' && args && args.__id__) {
-      this.__eventChannel__ = getEventChannel(args.__id__)
-      delete args.__id__
-    }
-    return callHook.call(this, hook, args)
-  }
-}
-
-export default function parseBaseApp (vm, {
-  mocks,
-  initRefs
-}) {
-  initEventChannel()
-  if (vm.$options.store) {
-    Vue.prototype.$store = vm.$options.store
-  }
-
-  Vue.prototype.mpHost = __PLATFORM__
-
-  Vue.mixin({
-    beforeCreate () {
-      if (!this.$options.mpType) {
-        return
-      }
-
-      this.mpType = this.$options.mpType
-
-      this.$mp = {
-        data: {},
-        [this.mpType]: this.$options.mpInstance
-      }
-
-      this.$scope = this.$options.mpInstance
-
-      delete this.$options.mpType
-      delete this.$options.mpInstance
-      if (this.mpType === 'page' && typeof getApp === 'function') { // hack vue-i18n
-        const app = getApp()
-        if (app.$vm && app.$vm.$i18n) {
-          this._i18n = app.$vm.$i18n
-        }
-      }
-      if (this.mpType !== 'app') {
-        initRefs(this)
-        initMocks(this, mocks)
-      }
-    }
-  })
-
-  const appOptions = {
-    onLaunch (args) {
-      if (this.$vm) { // 已经初始化过了，主要是为了百度，百度 onShow 在 onLaunch 之前
-        return
-      }
-      if (__PLATFORM__ === 'mp-weixin' || __PLATFORM__ === 'mp-qq') {
-        if (wx.canIUse && !wx.canIUse('nextTick')) { // 事实 上2.2.3 即可，简单使用 2.3.0 的 nextTick 判断
-          console.error('当前微信基础库版本过低，请将 微信开发者工具-详情-项目设置-调试基础库版本 更换为`2.3.0`以上')
-        }
-      }
-
-      this.$vm = vm
-
-      this.$vm.$mp = {
-        app: this
-      }
-
-      this.$vm.$scope = this
-      // vm 上也挂载 globalData
-      this.$vm.globalData = this.globalData
-
-      this.$vm._isMounted = true
-      this.$vm.__call_hook('mounted', args)
-
-      this.$vm.__call_hook('onLaunch', args)
-    }
-  }
-
-  // 兼容旧版本 globalData
-  appOptions.globalData = vm.$options.globalData || {}
-  // 将 methods 中的方法挂在 getApp() 中
-  const methods = vm.$options.methods
-  if (methods) {
-    Object.keys(methods).forEach(name => {
-      appOptions[name] = methods[name]
-    })
-  }
-
-  initHooks(appOptions, hooks)
-
-  return appOptions
-}
+import Vue from 'vue'
+
+import {
+  initHooks,
+  initMocks
+} from 'uni-wrapper/util'
+
+import {
+  initAppLocale
+} from 'uni-helpers/i18n/index'
+
+import EventChannel from 'uni-helpers/EventChannel'
+
+import {
+  getEventChannel
+} from 'uni-helpers/navigate-to'
+
+import {
+  uniIdMixin
+} from 'uni-shared'
+
+const hooks = [
+  'onShow',
+  'onHide',
+  'onError',
+  'onPageNotFound',
+  'onThemeChange',
+  'onUnhandledRejection'
+]
+
+if (__PLATFORM__ === 'mp-alipay') {
+  hooks.push('onShareAppMessage')
+}
+
+function initEventChannel () {
+  Vue.prototype.getOpenerEventChannel = function () {
+    // 微信小程序使用自身getOpenerEventChannel
+    if (__PLATFORM__ === 'mp-weixin') {
+      return this.$scope.getOpenerEventChannel()
+    }
+    if (!this.__eventChannel__) {
+      this.__eventChannel__ = new EventChannel()
+    }
+    return this.__eventChannel__
+  }
+  const callHook = Vue.prototype.__call_hook
+  Vue.prototype.__call_hook = function (hook, args) {
+    if (hook === 'onLoad' && args && args.__id__) {
+      this.__eventChannel__ = getEventChannel(args.__id__)
+      delete args.__id__
+    }
+    return callHook.call(this, hook, args)
+  }
+}
+
+function initScopedSlotsParams () {
+  const center = {}
+  const parents = {}
+
+  Vue.prototype.$hasScopedSlotsParams = function (vueId) {
+    const has = center[vueId]
+    if (!has) {
+      parents[vueId] = this
+      this.$on('hook:destroyed', () => {
+        delete parents[vueId]
+      })
+    }
+    return has
+  }
+
+  Vue.prototype.$getScopedSlotsParams = function (vueId, name, key) {
+    const data = center[vueId]
+    if (data) {
+      const object = data[name] || {}
+      return key ? object[key] : object
+    } else {
+      parents[vueId] = this
+      this.$on('hook:destroyed', () => {
+        delete parents[vueId]
+      })
+    }
+  }
+
+  Vue.prototype.$setScopedSlotsParams = function (name, value) {
+    const vueIds = this.$options.propsData.vueId
+    if (vueIds) {
+      const vueId = vueIds.split(',')[0]
+      const object = center[vueId] = center[vueId] || {}
+      object[name] = value
+      if (parents[vueId]) {
+        parents[vueId].$forceUpdate()
+      }
+    }
+  }
+
+  Vue.mixin({
+    destroyed () {
+      const propsData = this.$options.propsData
+      const vueId = propsData && propsData.vueId
+      if (vueId) {
+        delete center[vueId]
+        delete parents[vueId]
+      }
+    }
+  })
+}
+
+export default function parseBaseApp (vm, {
+  mocks,
+  initRefs
+}) {
+  initEventChannel()
+  if (__PLATFORM__ === 'mp-weixin' || __PLATFORM__ === 'mp-qq' || __PLATFORM__ === 'mp-toutiao' || __PLATFORM__ ===
+    'mp-kuaishou' || __PLATFORM__ === 'mp-alipay' || __PLATFORM__ === 'mp-baidu' || __PLATFORM__ === 'mp-lark') {
+    initScopedSlotsParams()
+  }
+  if (vm.$options.store) {
+    Vue.prototype.$store = vm.$options.store
+  }
+  uniIdMixin(Vue)
+
+  Vue.prototype.mpHost = __PLATFORM__
+
+  Vue.mixin({
+    beforeCreate () {
+      if (!this.$options.mpType) {
+        return
+      }
+
+      this.mpType = this.$options.mpType
+
+      this.$mp = {
+        data: {},
+        [this.mpType]: this.$options.mpInstance
+      }
+
+      this.$scope = this.$options.mpInstance
+
+      delete this.$options.mpType
+      delete this.$options.mpInstance
+      if (this.mpType === 'page' && typeof getApp === 'function') { // hack vue-i18n
+        const app = getApp()
+        if (app.$vm && app.$vm.$i18n) {
+          this._i18n = app.$vm.$i18n
+        }
+      }
+      if (this.mpType !== 'app') {
+        initRefs(this)
+        initMocks(this, mocks)
+      }
+    }
+  })
+
+  const appOptions = {
+    onLaunch (args) {
+      if (this.$vm) { // 已经初始化过了，主要是为了百度，百度 onShow 在 onLaunch 之前
+        return
+      }
+      if (__PLATFORM__ === 'mp-weixin' || __PLATFORM__ === 'mp-qq') {
+        if (wx.canIUse && !wx.canIUse('nextTick')) { // 事实 上2.2.3 即可，简单使用 2.3.0 的 nextTick 判断
+          console.error('当前微信基础库版本过低，请将 微信开发者工具-详情-项目设置-调试基础库版本 更换为`2.3.0`以上')
+        }
+      }
+
+      this.$vm = vm
+
+      this.$vm.$mp = {
+        app: this
+      }
+
+      this.$vm.$scope = this
+      // vm 上也挂载 globalData
+      this.$vm.globalData = this.globalData
+
+      this.$vm._isMounted = true
+      this.$vm.__call_hook('mounted', args)
+
+      this.$vm.__call_hook('onLaunch', args)
+    }
+  }
+
+  // 兼容旧版本 globalData
+  appOptions.globalData = vm.$options.globalData || {}
+  // 将 methods 中的方法挂在 getApp() 中
+  const methods = vm.$options.methods
+  if (methods) {
+    Object.keys(methods).forEach(name => {
+      appOptions[name] = methods[name]
+    })
+  }
+
+  initAppLocale(Vue, vm, __GLOBAL__.getSystemInfoSync().language || 'zh-Hans')
+
+  initHooks(appOptions, hooks)
+
+  return appOptions
+}

package/src/platforms/mp-weixin/runtime/wrapper/fix-set-data.js

@@ -0,0 +1,37 @@
+/**
+ * 用于延迟调用 setData
+ * 在 setData 真实调用的时机需执行 fixSetDataEnd
+ * @param {*} mpInstance
+ */
+export function fixSetDataStart (mpInstance) {
+  const setData = mpInstance.setData
+  const setDataArgs = []
+  mpInstance.setData = function () {
+    setDataArgs.push(arguments)
+  }
+  mpInstance.__fixInitData = function () {
+    this.setData = setData
+    const fn = () => {
+      setDataArgs.forEach(args => {
+        setData.apply(this, args)
+      })
+    }
+    if (setDataArgs.length) {
+      if (this.groupSetData) {
+        this.groupSetData(fn)
+      } else {
+        fn()
+      }
+    }
+  }
+}
+/**
+ * 恢复真实的 setData 方法
+ * @param {*} mpInstance
+ */
+export function fixSetDataEnd (mpInstance) {
+  if (mpInstance.__fixInitData) {
+    mpInstance.__fixInitData()
+    delete mpInstance.__fixInitData
+  }
+}

package/src/shared/uni-id-mixin.js

@@ -0,0 +1,77 @@
+let realAtob
+
+const b64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
+const b64re = /^(?:[A-Za-z\d+/]{4})*?(?:[A-Za-z\d+/]{2}(?:==)?|[A-Za-z\d+/]{3}=?)?$/
+
+if (typeof atob !== 'function') {
+  realAtob = function (str) {
+    str = String(str).replace(/[\t\n\f\r ]+/g, '')
+    if (!b64re.test(str)) { throw new Error("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.") }
+
+    // Adding the padding if missing, for semplicity
+    str += '=='.slice(2 - (str.length & 3))
+    var bitmap; var result = ''; var r1; var r2; var i = 0
+    for (; i < str.length;) {
+      bitmap = b64.indexOf(str.charAt(i++)) << 18 | b64.indexOf(str.charAt(i++)) << 12 |
+                    (r1 = b64.indexOf(str.charAt(i++))) << 6 | (r2 = b64.indexOf(str.charAt(i++)))
+
+      result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255)
+        : r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255)
+          : String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255)
+    }
+    return result
+  }
+} else {
+  // 注意atob只能在全局对象上调用，例如：`const Base64 = {atob};Base64.atob('xxxx')`是错误的用法
+  realAtob = atob
+}
+
+function b64DecodeUnicode (str) {
+  return decodeURIComponent(realAtob(str).split('').map(function (c) {
+    return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
+  }).join(''))
+}
+
+function getCurrentUserInfo () {
+  const token = (__PLATFORM__ === 'h5' || __PLATFORM__ === 'app-plus' ? uni : __GLOBAL__).getStorageSync('uni_id_token') || ''
+  const tokenArr = token.split('.')
+  if (!token || tokenArr.length !== 3) {
+    return {
+      uid: null,
+      role: [],
+      permission: [],
+      tokenExpired: 0
+    }
+  }
+  let userInfo
+  try {
+    userInfo = JSON.parse(b64DecodeUnicode(tokenArr[1]))
+  } catch (error) {
+    throw new Error('获取当前用户信息出错，详细错误信息为：' + error.message)
+  }
+  userInfo.tokenExpired = userInfo.exp * 1000
+  delete userInfo.exp
+  delete userInfo.iat
+  return userInfo
+}
+
+export function uniIdMixin (Vue) {
+  Vue.prototype.uniIDHasRole = function (roleId) {
+    const {
+      role
+    } = getCurrentUserInfo()
+    return role.indexOf(roleId) > -1
+  }
+  Vue.prototype.uniIDHasPermission = function (permissionId) {
+    const {
+      permission
+    } = getCurrentUserInfo()
+    return this.uniIDHasRole('admin') || permission.indexOf(permissionId) > -1
+  }
+  Vue.prototype.uniIDTokenValid = function () {
+    const {
+      tokenExpired
+    } = getCurrentUserInfo()
+    return tokenExpired > Date.now()
+  }
+}

package/src/shared/util.js

@@ -193,3 +193,5 @@ export function deepClone (vnodes, createElement) {
 
   return vnodes.map(cloneVNode)
 }
+
+export * from './uni-id-mixin'