Blame view

node_modules/vue/src/compiler/helpers.js 4.01 KB
aaac7fed   liuqimichale   add
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
  /* @flow */
  
  import { emptyObject } from 'shared/util'
  import { parseFilters } from './parser/filter-parser'
  
  export function baseWarn (msg: string) {
    console.error(`[Vue compiler]: ${msg}`)
  }
  
  export function pluckModuleFunction<F: Function> (
    modules: ?Array<Object>,
    key: string
  ): Array<F> {
    return modules
      ? modules.map(m => m[key]).filter(_ => _)
      : []
  }
  
  export function addProp (el: ASTElement, name: string, value: string) {
    (el.props || (el.props = [])).push({ name, value })
    el.plain = false
  }
  
  export function addAttr (el: ASTElement, name: string, value: any) {
    (el.attrs || (el.attrs = [])).push({ name, value })
    el.plain = false
  }
  
  // add a raw attr (use this in preTransforms)
  export function addRawAttr (el: ASTElement, name: string, value: any) {
    el.attrsMap[name] = value
    el.attrsList.push({ name, value })
  }
  
  export function addDirective (
    el: ASTElement,
    name: string,
    rawName: string,
    value: string,
    arg: ?string,
    modifiers: ?ASTModifiers
  ) {
    (el.directives || (el.directives = [])).push({ name, rawName, value, arg, modifiers })
    el.plain = false
  }
  
  export function addHandler (
    el: ASTElement,
    name: string,
    value: string,
    modifiers: ?ASTModifiers,
    important?: boolean,
    warn?: Function
  ) {
    modifiers = modifiers || emptyObject
    // warn prevent and passive modifier
    /* istanbul ignore if */
    if (
      process.env.NODE_ENV !== 'production' && warn &&
      modifiers.prevent && modifiers.passive
    ) {
      warn(
        'passive and prevent can\'t be used together. ' +
        'Passive handler can\'t prevent default event.'
      )
    }
  
    // check capture modifier
    if (modifiers.capture) {
      delete modifiers.capture
      name = '!' + name // mark the event as captured
    }
    if (modifiers.once) {
      delete modifiers.once
      name = '~' + name // mark the event as once
    }
    /* istanbul ignore if */
    if (modifiers.passive) {
      delete modifiers.passive
      name = '&' + name // mark the event as passive
    }
  
    // normalize click.right and click.middle since they don't actually fire
    // this is technically browser-specific, but at least for now browsers are
    // the only target envs that have right/middle clicks.
    if (name === 'click') {
      if (modifiers.right) {
        name = 'contextmenu'
        delete modifiers.right
      } else if (modifiers.middle) {
        name = 'mouseup'
      }
    }
  
    let events
    if (modifiers.native) {
      delete modifiers.native
      events = el.nativeEvents || (el.nativeEvents = {})
    } else {
      events = el.events || (el.events = {})
    }
  
    const newHandler: any = {
      value: value.trim()
    }
    if (modifiers !== emptyObject) {
      newHandler.modifiers = modifiers
    }
  
    const handlers = events[name]
    /* istanbul ignore if */
    if (Array.isArray(handlers)) {
      important ? handlers.unshift(newHandler) : handlers.push(newHandler)
    } else if (handlers) {
      events[name] = important ? [newHandler, handlers] : [handlers, newHandler]
    } else {
      events[name] = newHandler
    }
  
    el.plain = false
  }
  
  export function getBindingAttr (
    el: ASTElement,
    name: string,
    getStatic?: boolean
  ): ?string {
    const dynamicValue =
      getAndRemoveAttr(el, ':' + name) ||
      getAndRemoveAttr(el, 'v-bind:' + name)
    if (dynamicValue != null) {
      return parseFilters(dynamicValue)
    } else if (getStatic !== false) {
      const staticValue = getAndRemoveAttr(el, name)
      if (staticValue != null) {
        return JSON.stringify(staticValue)
      }
    }
  }
  
  // note: this only removes the attr from the Array (attrsList) so that it
  // doesn't get processed by processAttrs.
  // By default it does NOT remove it from the map (attrsMap) because the map is
  // needed during codegen.
  export function getAndRemoveAttr (
    el: ASTElement,
    name: string,
    removeFromMap?: boolean
  ): ?string {
    let val
    if ((val = el.attrsMap[name]) != null) {
      const list = el.attrsList
      for (let i = 0, l = list.length; i < l; i++) {
        if (list[i].name === name) {
          list.splice(i, 1)
          break
        }
      }
    }
    if (removeFromMap) {
      delete el.attrsMap[name]
    }
    return val
  }