@dcloudio/uni-h5 2.0.0 → 2.0.1-32920211122002

package/src/platforms/h5/view/components/map/map-marker.js

@@ -0,0 +1,287 @@
+import getRealPath from 'uni-platform/helpers/get-real-path'
+
+export default {
+  props: {
+    id: {
+      type: [Number, String],
+      default: ''
+    },
+    latitude: {
+      type: [Number, String],
+      require: true
+    },
+    longitude: {
+      type: [Number, String],
+      require: true
+    },
+    title: {
+      type: String,
+      default: ''
+    },
+    iconPath: {
+      type: String,
+      require: true
+    },
+    rotate: {
+      type: [Number, String],
+      default: 0
+    },
+    alpha: {
+      type: [Number, String],
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      default: ''
+    },
+    height: {
+      type: [Number, String],
+      default: ''
+    },
+    callout: {
+      type: Object,
+      default: null
+    },
+    label: {
+      type: Object,
+      default: null
+    },
+    anchor: {
+      type: Object,
+      default: null
+    },
+    clusterId: {
+      type: [Number, String],
+      default: ''
+    },
+    customCallout: {
+      type: Object,
+      default: null
+    },
+    ariaLabel: {
+      type: String,
+      default: ''
+    }
+  },
+  mounted () {
+    const $parent = this.$parent
+    $parent.mapReady(() => {
+      this._maps = $parent._maps
+      this._map = $parent._map
+      this.addMarker(this.$props)
+      Object.keys(this.$props).forEach(key => {
+        this.$watch(key, () => {
+          this.updateMarker(this.$props)
+        })
+      })
+    })
+  },
+  beforeDestroy () {
+    this.removeMarker()
+  },
+  methods: {
+    addMarker (props) {
+      const maps = this._maps
+      const map = this._map
+      const marker = this._marker = new maps.Marker({
+        map,
+        flat: true,
+        autoRotation: false
+      })
+      this.$parent._markers[this.id] = marker
+      this.updateMarker(props)
+      maps.event.addListener(marker, 'click', () => {
+        const callout = marker.callout
+        if (callout) {
+          const div = callout.div
+          const parent = div.parentNode
+          if (!callout.alwaysVisible) {
+            callout.set('visible', !callout.visible)
+          }
+          if (callout.visible) {
+            parent.removeChild(div)
+            parent.appendChild(div)
+          }
+        }
+        if (this.id) {
+          this.$parent.$trigger('markertap', {}, {
+            markerId: this.id
+          })
+        }
+      })
+    },
+    updateMarker (option) {
+      const map = this._map
+      const maps = this._maps
+      const marker = this._marker
+      const title = option.title
+      const position = new maps.LatLng(option.latitude, option.longitude)
+      const img = new Image()
+      img.onload = () => {
+        const anchor = option.anchor || {}
+        let icon
+        let w
+        let h
+        const x = typeof anchor.x === 'number' ? anchor.x : 0.5
+        const y = typeof anchor.y === 'number' ? anchor.y : 1
+        if (option.iconPath && (option.width || option.height)) {
+          w = option.width || (img.width / img.height) * option.height
+          h = option.height || (img.height / img.width) * option.width
+        } else {
+          w = img.width / 2
+          h = img.height / 2
+        }
+        const top = h - (h - y * h)
+        if ('MarkerImage' in maps) {
+          icon = new maps.MarkerImage(
+            img.src,
+            null,
+            null,
+            new maps.Point(x * w, y * h),
+            new maps.Size(w, h)
+          )
+        } else {
+          icon = {
+            url: img.src,
+            anchor: new maps.Point(x, y),
+            size: new maps.Size(w, h)
+          }
+        }
+        marker.setPosition(position)
+        marker.setIcon(icon)
+        if ('setRotation' in marker) {
+          marker.setRotation(option.rotate || 0)
+        }
+        const labelOpt = option.label || {}
+        if ('label' in marker) {
+          marker.label.setMap(null)
+          delete marker.label
+        }
+        let label
+        if (labelOpt.content) {
+          const labelStyle = {
+            borderColor: labelOpt.borderColor,
+            borderWidth: (Number(labelOpt.borderWidth) || 0) + 'px',
+            padding: (Number(labelOpt.padding) || 0) + 'px',
+            borderRadius: (Number(labelOpt.borderRadius) || 0) + 'px',
+            backgroundColor: labelOpt.bgColor,
+            color: labelOpt.color,
+            fontSize: (labelOpt.fontSize || 14) + 'px',
+            lineHeight: (labelOpt.fontSize || 14) + 'px',
+            marginLeft: (Number(labelOpt.anchorX || labelOpt.x) || 0) + 'px',
+            marginTop: (Number(labelOpt.anchorY || labelOpt.y) || 0) + 'px'
+          }
+          if ('Label' in maps) {
+            label = new maps.Label({
+              position: position,
+              map: map,
+              clickable: false,
+              content: labelOpt.content,
+              style: labelStyle
+            })
+            marker.label = label
+          } else if ('setLabel' in marker) {
+            const className = this.updateMarkerLabelStyle(this.id, labelStyle)
+            marker.setLabel({
+              text: labelOpt.content,
+              color: labelStyle.color,
+              fontSize: labelStyle.fontSize,
+              className
+            })
+          }
+        }
+        const calloutOpt = option.callout || {}
+        let callout = marker.callout
+        let calloutStyle
+        if (calloutOpt.content || title) {
+          const boxShadow = '0px 0px 3px 1px rgba(0,0,0,0.5)'
+          calloutStyle = calloutOpt.content
+            ? {
+              position,
+              map,
+              top,
+              content: calloutOpt.content,
+              color: calloutOpt.color,
+              fontSize: calloutOpt.fontSize,
+              borderRadius: calloutOpt.borderRadius,
+              bgColor: calloutOpt.bgColor,
+              padding: calloutOpt.padding,
+              boxShadow: calloutOpt.boxShadow || boxShadow,
+              display: calloutOpt.display
+            }
+            : {
+              position,
+              map,
+              top,
+              content: title,
+              boxShadow: boxShadow
+            }
+          if (callout) {
+            callout.setOption(calloutStyle)
+          } else {
+            callout = marker.callout = new maps.Callout(calloutStyle)
+            callout.div.onclick = ($event) => {
+              if (this.id !== '') {
+                this.$parent.$trigger('callouttap', $event, {
+                  markerId: this.id
+                })
+              }
+              $event.stopPropagation()
+              $event.preventDefault()
+            }
+          }
+        } else {
+          if (callout) {
+            callout.setMap(null)
+            delete marker.callout
+          }
+        }
+      }
+      if (option.iconPath) {
+        img.src = getRealPath(option.iconPath)
+      } else {
+        console.error('Marker.iconPath is required.')
+      }
+    },
+    updateMarkerLabelStyle (id, style) {
+      const className = 'uni-map-marker-label-' + id
+      let styleEl = document.getElementById(className)
+      if (!styleEl) {
+        styleEl = document.createElement('style')
+        styleEl.id = className
+        document.head.appendChild(styleEl)
+        this.$once('hook:destroyed', () => {
+          styleEl.remove()
+        })
+      }
+      const newStyle = Object.assign({}, style, {
+        position: 'absolute',
+        top: '70px',
+        borderStyle: 'solid'
+      })
+      const div = document.createElement('div')
+      Object.keys(newStyle).forEach(key => {
+        div.style[key] = newStyle[key] || ''
+      })
+      styleEl.innerText = `.${className}{${div.getAttribute('style')}}`
+      return className
+    },
+    removeMarker () {
+      const marker = this._marker
+      if (marker) {
+        if (marker.label && 'setMap' in marker.label) {
+          marker.label.setMap(null)
+        }
+        if (marker.callout) {
+          marker.callout.setMap(null)
+        }
+        marker.setMap(null)
+      }
+      delete this.$parent._markers[this.id]
+      this._marker = null
+    }
+  },
+  render () {
+    return null
+  }
+}

package/src/platforms/h5/view/components/map/maps/callout.js

@@ -0,0 +1,117 @@
+export function createCallout (maps) {
+  const overlay = new (maps.OverlayView || maps.Overlay)()
+  function onAdd () {
+    const div = this.div
+    const panes = this.getPanes()
+    panes.floatPane.appendChild(div)
+  }
+  function onRemove () {
+    const parentNode = this.div.parentNode
+    if (parentNode) {
+      parentNode.removeChild(this.div)
+    }
+  }
+
+  class Callout {
+    option
+    position
+    index
+    visible
+    alwaysVisible
+    div
+    triangle
+
+    set onclick (callback) {
+      this.div.onclick = callback
+    }
+
+    get onclick () {
+      return this.div.onclick
+    }
+
+    constructor (option = {}) {
+      this.option = option || {}
+      const map = option.map
+      this.position = option.position
+      this.index = 1
+      const visible = (this.visible = this.alwaysVisible = option.display === 'ALWAYS')
+      const div = (this.div = document.createElement('div'))
+      const divStyle = div.style
+      divStyle.position = 'absolute'
+      divStyle.whiteSpace = 'nowrap'
+      divStyle.transform = 'translateX(-50%) translateY(-100%)'
+      divStyle.zIndex = '1'
+      divStyle.boxShadow = option.boxShadow || 'none'
+      divStyle.display = visible ? 'block' : 'none'
+      const triangle = (this.triangle = document.createElement('div'))
+      triangle.setAttribute(
+        'style',
+        'position: absolute;white-space: nowrap;border-width: 4px;border-style: solid;border-color: #fff transparent transparent;border-image: initial;font-size: 12px;padding: 0px;background-color: transparent;width: 0px;height: 0px;transform: translate(-50%, 100%);left: 50%;bottom: 0;'
+      )
+      this.setStyle(option)
+      div.appendChild(triangle)
+      if (map) {
+        this.setMap(map)
+      }
+    }
+
+    onAdd = onAdd
+    construct = onAdd
+    setOption (option) {
+      this.option = option
+      this.setPosition(option.position)
+      if (option.display === 'ALWAYS') {
+        this.alwaysVisible = this.visible = true
+      } else {
+        this.alwaysVisible = false
+      }
+      this.setStyle(option)
+    }
+
+    setStyle (option) {
+      const div = this.div
+      const divStyle = div.style
+      div.innerText = option.content || ''
+      divStyle.lineHeight = (option.fontSize || 14) + 'px'
+      divStyle.fontSize = (option.fontSize || 14) + 'px'
+      divStyle.padding = (option.padding || 8) + 'px'
+      divStyle.color = option.color || '#000'
+      divStyle.borderRadius = (option.borderRadius || 0) + 'px'
+      divStyle.backgroundColor = option.bgColor || '#fff'
+      divStyle.marginTop = '-' + ((option.top || 0) + 5) + 'px'
+      this.triangle.style.borderColor = `${option.bgColor || '#fff'} transparent transparent`
+    }
+
+    setPosition (position) {
+      this.position = position
+      this.draw()
+    }
+
+    draw () {
+      const overlayProjection = this.getProjection()
+      if (!this.position || !this.div || !overlayProjection) {
+        return
+      }
+      const pixel = overlayProjection.fromLatLngToDivPixel(this.position)
+      const divStyle = this.div.style
+      divStyle.left = pixel.x + 'px'
+      divStyle.top = pixel.y + 'px'
+    }
+
+    changed () {
+      const divStyle = this.div.style
+      divStyle.display = this.visible ? 'block' : 'none'
+    }
+
+    onRemove = onRemove
+
+    destroy = onRemove
+  }
+  const prototype = Callout.prototype
+  for (const key in overlay) {
+    if (!(key in prototype)) {
+      prototype[key] = overlay[key]
+    }
+  }
+  return Callout
+}

package/src/platforms/h5/view/components/map/maps/index.js

@@ -0,0 +1,55 @@
+import {
+  MapType,
+  getMapInfo
+} from '../../../../helpers/location'
+import { createCallout } from './callout'
+
+let maps
+const callbacksMap = {}
+const GOOGLE_MAP_CALLBACKNAME = '__map_callback__'
+
+export function loadMaps (libraries, callback) {
+  const mapInfo = getMapInfo()
+  if (!mapInfo.key) {
+    console.error('Map key not configured.')
+    return
+  }
+  const callbacks = (callbacksMap[mapInfo.type] = callbacksMap[mapInfo.type] || [])
+  if (maps) {
+    callback(maps)
+  } else if (
+    window[mapInfo.type] &&
+    window[mapInfo.type].maps
+  ) {
+    maps = window[mapInfo.type].maps
+    maps.Callout = maps.Callout || createCallout(maps)
+    callback(maps)
+  } else if (callbacks.length) {
+    callbacks.push(callback)
+  } else {
+    callbacks.push(callback)
+    const globalExt = window
+    const callbackName = GOOGLE_MAP_CALLBACKNAME + mapInfo.type
+    globalExt[callbackName] = function () {
+      delete globalExt[callbackName]
+      maps = window[mapInfo.type].maps
+      maps.Callout = createCallout(maps)
+      callbacks.forEach((callback) => callback(maps))
+      callbacks.length = 0
+    }
+    const script = document.createElement('script')
+    let src =
+      mapInfo.type === MapType.GOOGLE ? 'https://maps.googleapis.com/maps/api/js?' : 'https://map.qq.com/api/js?v=2.exp&'
+    if (mapInfo.type === MapType.QQ) {
+      libraries.push('geometry')
+    }
+    if (libraries.length) {
+      src += `libraries=${libraries.join('%2C')}&`
+    }
+    script.src = `${src}key=${mapInfo.key}&callback=${callbackName}`
+    script.onerror = function () {
+      console.error('Map load failed.')
+    }
+    document.body.appendChild(script)
+  }
+}

package/src/platforms/h5/view/components/video/index.vue

@@ -364,7 +364,7 @@ export default {
     }
     const danmuList = this.otherData.danmuList = JSON.parse(JSON.stringify(this.danmuList || []))
     danmuList.sort(function (a, b) {
-      return (a.time || 0) - (a.time || 0)
+      return (a.time || 0) - (b.time || 0)
     })
   },
   mounted () {

package/src/platforms/h5/view/index.css

@@ -64,6 +64,10 @@ body {
     content: "\EA08";
 }
 
+.uni-icon-error:before {
+    content: "\EA0B";
+}  
+
 .uni-loading,
 uni-button[loading]:before {
     background: transparent url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat;

package/src/platforms/mp-alipay/runtime/api/protocols.js

@@ -1,5 +1,6 @@
 import {
-  isPlainObject
+  isPlainObject,
+  hasOwn
 } from 'uni-shared'
 import navigateTo from 'uni-helpers/navigate-to'
 import redirectTo from '../../../mp-weixin/helpers/redirect-to'
@@ -251,8 +252,17 @@ const protocols = { // 需要做转换的 API 列表
     // TODO 有没有返回值还需要测试下
   },
   chooseImage: {
-    returnValue: {
-      apFilePaths: 'tempFilePaths'
+    returnValue (result) {
+      const hasTempFilePaths = hasOwn(result, 'tempFilePaths') && result.tempFilePaths
+      if (hasOwn(result, 'apFilePaths') && !hasTempFilePaths) {
+        result.tempFilePaths = result.apFilePaths
+        delete result.apFilePaths
+      }
+      if (!hasOwn(result, 'tempFiles') && hasTempFilePaths) {
+        result.tempFiles = []
+        result.tempFilePaths.forEach(tempFilePath => result.tempFiles.push({ path: tempFilePath }))
+      }
+      return {}
     }
   },
   previewImage: {
@@ -381,6 +391,23 @@ const protocols = { // 需要做转换的 API 列表
       }
     }
   },
+  getUserProfile: {
+    name: my.canIUse('getOpenUserInfo') ? 'getOpenUserInfo' : 'getAuthUserInfo',
+    returnValue (result) {
+      if (my.canIUse('getOpenUserInfo')) {
+        let response = {}
+        try {
+          response = JSON.parse(result.response).response
+        } catch (e) {}
+        result.nickName = response.nickName
+        result.avatar = response.avatar
+      }
+      result.userInfo = {
+        nickName: result.nickName,
+        avatarUrl: result.avatar
+      }
+    }
+  },
   requestPayment: {
     name: 'tradePay',
     args: {

package/src/platforms/mp-baidu/runtime/api/protocols.js

@@ -2,6 +2,7 @@ import navigateTo from 'uni-helpers/navigate-to'
 import redirectTo from '../../../mp-weixin/helpers/redirect-to'
 import previewImage from '../../../mp-weixin/helpers/normalize-preview-image'
 import getSystemInfo from '../../../mp-weixin/helpers/system-info'
+import getUserProfile from '../../../mp-weixin/helpers/get-user-profile'
 
 // 不支持的 API 列表
 const todos = [
@@ -89,6 +90,7 @@ const protocols = {
   previewImage,
   getSystemInfo,
   getSystemInfoSync: getSystemInfo,
+  getUserProfile,
   getRecorderManager: {
     returnValue (fromRet) {
       fromRet.onFrameRecorded = createTodoMethod('RecorderManager', 'onFrameRecorded')
@@ -122,6 +124,9 @@ const protocols = {
   getAccountInfoSync: {
     name: 'getEnvInfoSync',
     returnValue: _handleEnvInfo
+  },
+  login: {
+    name: 'getLoginCode'
   }
 }
 

package/src/platforms/mp-baidu/runtime/wrapper/component-parser.js

@@ -8,9 +8,19 @@ import {
 
 import {
   isPage,
-  initRelation
+  initRelation,
+  mocks
 } from './util'
 
+import {
+  initMocks
+} from 'uni-wrapper/util'
+
+import {
+  fixSetDataStart,
+  fixSetDataEnd
+} from '../../../mp-weixin/runtime/wrapper/fix-set-data'
+
 import parseBaseComponent from '../../../mp-weixin/runtime/wrapper/component-base-parser'
 
 const newLifecycle = swan.canIUse('lifecycle-2-0')
@@ -27,23 +37,14 @@ export default function parseComponent (vueOptions) {
   const oldAttached = componentOptions.lifetimes.attached
   // 百度小程序基础库 3.260 以上支持页面 onInit 生命周期，提前创建 vm 实例
   componentOptions.lifetimes.onInit = function onInit (query) {
-    // 处理百度小程序 onInit 生命周期调用 setData 无效的问题
-    const setData = this.setData
-    const setDataArgs = []
-    this.setData = function () {
-      setDataArgs.push(arguments)
-    }
-    this.__fixInitData = function () {
-      delete this.__fixInitData
-      this.setData = setData
-      if (setDataArgs.length) {
-        this.groupSetData(() => {
-          setDataArgs.forEach(args => {
-            setData.apply(this, args)
-          })
-        })
-      }
+    // 百度小程序后续可能移除 pageinstance 属性，为向后兼容进行补充
+    if (!this.pageinstance || !this.pageinstance.setData) {
+      const pages = getCurrentPages()
+      this.pageinstance = pages[pages.length - 1]
     }
+
+    // 处理百度小程序 onInit 生命周期调用 setData 无效的问题
+    fixSetDataStart(this)
     oldAttached.call(this)
     this.pageinstance.$vm = this.$vm
     this.$vm.__call_hook('onInit', query)
@@ -52,7 +53,8 @@ export default function parseComponent (vueOptions) {
     if (!this.$vm) {
       oldAttached.call(this)
     } else {
-      this.__fixInitData && this.__fixInitData()
+      initMocks(this.$vm, mocks)
+      fixSetDataEnd(this)
     }
     if (isPage.call(this)) { // 百度 onLoad 在 attached 之前触发（基础库小于 3.70）
       // 百度 当组件作为页面时 pageinstancce 不是原来组件的 instance

package/src/platforms/mp-baidu/runtime/wrapper/util.js

@@ -3,7 +3,8 @@ export const mocks = ['nodeId', 'componentName', '_componentId', 'uniquePrefix']
 export function isPage () {
   // 百度小程序组件的id，某些情况下可能是number类型的0，不能直接return !this.ownerId 判断当前组件是否是Page
   // 否则会导致mounted不执行
-  return typeof this.ownerId === 'undefined'
+  // 基础库 3.290.33 及以上 ownerId 为 null
+  return typeof this.ownerId === 'undefined' || this.ownerId === null
 }
 
 export function initRelation (detail) {

package/src/platforms/mp-kuaishou/runtime/api/protocols.js

@@ -2,13 +2,15 @@ import navigateTo from 'uni-helpers/navigate-to'
 import redirectTo from '../../../mp-weixin/helpers/redirect-to'
 import previewImage from '../../../mp-weixin/helpers/normalize-preview-image'
 import getSystemInfo from '../../../mp-weixin/helpers/system-info'
+import getUserProfile from '../../../mp-weixin/helpers/get-user-profile'
 
 export const protocols = {
   navigateTo,
   redirectTo,
   previewImage,
   getSystemInfo,
-  getSystemInfoSync: getSystemInfo
+  getSystemInfoSync: getSystemInfo,
+  getUserProfile
 }
 export const todos = [
   'vibrate'

package/src/platforms/mp-kuaishou/runtime/wrapper/component-parser.js

@@ -1,5 +1,25 @@
 import parseBaseComponent from '../../../mp-weixin/runtime/wrapper/component-parser'
 
+import { isPage } from '../../../mp-weixin/runtime/wrapper/util'
+
+import {
+  fixSetDataStart,
+  fixSetDataEnd
+} from '../../../mp-weixin/runtime/wrapper/fix-set-data'
+
 export default function parseComponent (vueComponentOptions) {
-  return parseBaseComponent(vueComponentOptions)
+  const componentOptions = parseBaseComponent(vueComponentOptions)
+  const oldAttached = componentOptions.lifetimes.attached
+  componentOptions.lifetimes.attached = function attached () {
+    // 暂不区分版本
+    if (isPage.call(this)) {
+      // 解决快手小程序页面 attached 生命周期 setData 导致数据同步异常的问题
+      fixSetDataStart(this)
+      setTimeout(() => {
+        fixSetDataEnd(this)
+      }, 0)
+    }
+    oldAttached.call(this)
+  }
+  return componentOptions
 }