'a'

mh-two-thousand-and-two

2024-04-12 44d2c92345cd156a59fc327b3060292a282d2893

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
import {
  isPage,
  initRelation,
  handleLink,
  components
} from './util'
 
import {
  initSlots,
  initVueIds
} from 'uni-wrapper/util'
 
import parseBaseComponent from '../../../mp-weixin/runtime/wrapper/component-base-parser'
 
function currentComponents (mpInstance, callback) {
  const webviewId = mpInstance.__webviewId__
  const currentComponents = components[webviewId]
  if (currentComponents) {
    callback(currentComponents)
  }
}
 
export default function parseComponent (vueComponentOptions, needVueOptions) {
  const [componentOptions, vueOptions, VueComponent] = parseBaseComponent(vueComponentOptions, {
    isPage,
    initRelation
  }, true)
  const lifetimes = componentOptions.lifetimes
 
  // 基础库 2.0 以上 attached 顺序错乱，按照 created 顺序强制纠正
  lifetimes.created = function created () {
    currentComponents(this, components => {
      components.push(this)
    })
  }
 
  lifetimes.attached = function attached () {
    this.__lifetimes_attached = function () {
      const properties = this.properties
 
      const options = {
        mpType: isPage.call(this) ? 'page' : 'component',
        mpInstance: this,
        propsData: properties
      }
 
      initVueIds(properties.vueId, this)
 
      // 初始化 vue 实例
      this.$vm = new VueComponent(options)
 
      // 处理$slots,$scopedSlots（暂不支持动态变化$slots）
      initSlots(this.$vm, properties.vueSlots)
 
      // 处理父子关系
      initRelation.call(this, {
        vuePid: this._$vuePid,
        mpInstance: this
      })
 
      // 触发首次 setData
      this.$vm.$mount()
    }
    currentComponents(this, components => {
      let component = this
      while (component && component.__lifetimes_attached && components[0] && component === components[0]) {
        components.shift()
        component.__lifetimes_attached()
        delete component.__lifetimes_attached
        component = components[0]
      }
    })
  }
 
  const oldDetached = lifetimes.detached
  lifetimes.detached = function detached () {
    if (typeof oldDetached === 'function') {
      oldDetached.call(this)
    }
    currentComponents(this, components => {
      const index = components.indexOf(this)
      if (index >= 0) {
        components.splice(index, 1)
      }
    })
  }
 
  // ready 比 handleLink 还早，初始化逻辑放到 handleLink 中
  delete lifetimes.ready
 
  componentOptions.methods.__l = handleLink
 
  return needVueOptions ? [componentOptions, vueOptions] : componentOptions
}