all files / directives/ on.js

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
 
 
 
 
1×
 
49×
 
 
49×
49×
49×
 
 
122×
 
49×
49×
26×
26×
 
26×
 
26×
2×
2×
 
26×
 
 
 
 
 
 
130×
 
26×
26×
26×
 
 
 
49×
49×
 
49×
49×
49×
 
 
 
4×
 
 
import { avalon, inBrowser } from '../seed/core'
 
import { addScope, makeHandle } from '../parser/index'
 
avalon.directive('on', {
    beforeInit: function() {
        this.getter = avalon.noop
    },
    init: function() {
        var vdom = this.node
        var underline = this.name.replace('ms-on-', 'e').replace('-', '_')
        var uuid = underline + '_' + this.expr.
        replace(/\s/g, '').
        replace(/[^$a-z]/ig, function(e) {
            return e.charCodeAt(0)
        })
        var fn = avalon.eventListeners[uuid]
        if (!fn) {
            var arr = addScope(this.expr)
            var body = arr[0],
                filters = arr[1]
            body = makeHandle(body)
 
            if (filters) {
                filters = filters.replace(/__value__/g, '$event')
                filters += '\nif($event.$return){\n\treturn;\n}'
            }
            var ret = [
                'try{',
                '\tvar __vmodel__ = this;',
                '\t' + filters,
                '\treturn ' + body,
                '}catch(e){avalon.log(e, "in on dir")}'
            ].filter(function(el) {
                return /\S/.test(el)
            })
            fn = new Function('$event', ret.join('\n'))
            fn.uuid = uuid
            avalon.eventListeners[uuid] = fn
        }
 
 
        var dom = avalon.vdom(vdom, 'toDOM')
        dom._ms_context_ = this.vm
 
        this.eventType = this.param.replace(/\-(\d)$/, '')
        delete this.param
        avalon(dom).bind(this.eventType, fn)
    },
 
    beforeDispose: function() {
        avalon(this.node.dom).unbind(this.eventType)
    }
})