327 lines
9.0 KiB
JavaScript
327 lines
9.0 KiB
JavaScript
|
var keyMap = {}
|
|||
|
|
var keys = [
|
|||
|
|
'break,case,catch,continue,debugger,default,delete,do,else,false',
|
|||
|
|
'finally,for,function,if,in,instanceof,new,null,return,switch,this',
|
|||
|
|
'throw,true,try,typeof,var,void,while,with' /* 关键字*/,
|
|||
|
|
'abstract,boolean,byte,char,class,const,double,enum,export,extends',
|
|||
|
|
'final,float,goto,implements,import,int,interface,long,native',
|
|||
|
|
'package,private,protected,public,short,static,super,synchronized',
|
|||
|
|
'throws,transient,volatile' /*保留字*/,
|
|||
|
|
'arguments,let,yield,async,await,undefined'
|
|||
|
|
].join(',')
|
|||
|
|
keys.replace(/\w+/g, function(a) {
|
|||
|
|
keyMap[a] = true
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
var ridentStart = /[a-z_$]/i
|
|||
|
|
var rwhiteSpace = /[\s\uFEFF\xA0]/
|
|||
|
|
function getIdent(input, lastIndex) {
|
|||
|
|
var result = []
|
|||
|
|
var subroutine = !!lastIndex
|
|||
|
|
lastIndex = lastIndex || 0
|
|||
|
|
//将表达式中的标识符抽取出来
|
|||
|
|
var state = 'unknown'
|
|||
|
|
var variable = ''
|
|||
|
|
for (var i = 0; i < input.length; i++) {
|
|||
|
|
var c = input.charAt(i)
|
|||
|
|
if (c === "'" || c === '"') {
|
|||
|
|
//字符串开始
|
|||
|
|
if (state === 'unknown') {
|
|||
|
|
state = c
|
|||
|
|
} else if (state === c) {
|
|||
|
|
//字符串结束
|
|||
|
|
state = 'unknown'
|
|||
|
|
}
|
|||
|
|
} else if (c === '\\') {
|
|||
|
|
if (state === "'" || state === '"') {
|
|||
|
|
i++
|
|||
|
|
}
|
|||
|
|
} else if (ridentStart.test(c)) {
|
|||
|
|
//碰到标识符
|
|||
|
|
if (state === 'unknown') {
|
|||
|
|
state = 'variable'
|
|||
|
|
variable = c
|
|||
|
|
} else if (state === 'maybePath') {
|
|||
|
|
variable = result.pop()
|
|||
|
|
variable += '.' + c
|
|||
|
|
state = 'variable'
|
|||
|
|
} else if (state === 'variable') {
|
|||
|
|
variable += c
|
|||
|
|
}
|
|||
|
|
} else if (/\w/.test(c)) {
|
|||
|
|
if (state === 'variable') {
|
|||
|
|
variable += c
|
|||
|
|
}
|
|||
|
|
} else if (c === '.') {
|
|||
|
|
if (state === 'variable') {
|
|||
|
|
if (variable) {
|
|||
|
|
result.push(variable)
|
|||
|
|
variable = ''
|
|||
|
|
state = 'maybePath'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else if (c === '[') {
|
|||
|
|
if (state === 'variable' || state === 'maybePath') {
|
|||
|
|
if (variable) {
|
|||
|
|
//如果前面存在变量,收集它
|
|||
|
|
result.push(variable)
|
|||
|
|
variable = ''
|
|||
|
|
}
|
|||
|
|
var lastLength = result.length
|
|||
|
|
var last = result[lastLength - 1]
|
|||
|
|
var innerResult = getIdent(input.slice(i), i)
|
|||
|
|
if (innerResult.length) {
|
|||
|
|
//如果括号中存在变量,那么这里添加通配符
|
|||
|
|
result[lastLength - 1] = last + '.*'
|
|||
|
|
result = innerResult.concat(result)
|
|||
|
|
} else {
|
|||
|
|
//如果括号中的东西是确定的,直接转换为其子属性
|
|||
|
|
var content = input.slice(i + 1, innerResult.i)
|
|||
|
|
try {
|
|||
|
|
var text = scpCompile(['return ' + content])()
|
|||
|
|
result[lastLength - 1] = last + '.' + text
|
|||
|
|
} catch (e) {}
|
|||
|
|
}
|
|||
|
|
state = 'maybePath' //]后面可能还接东西
|
|||
|
|
i = innerResult.i
|
|||
|
|
}
|
|||
|
|
} else if (c === ']') {
|
|||
|
|
if (subroutine) {
|
|||
|
|
result.i = i + lastIndex
|
|||
|
|
addVar(result, variable)
|
|||
|
|
return result
|
|||
|
|
}
|
|||
|
|
} else if (rwhiteSpace.test(c) && c !== '\r' && c !== '\n') {
|
|||
|
|
if (state === 'variable') {
|
|||
|
|
if (addVar(result, variable)) {
|
|||
|
|
state = 'maybePath' // aaa . bbb 这样的情况
|
|||
|
|
}
|
|||
|
|
variable = ''
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
addVar(result, variable)
|
|||
|
|
state = 'unknown'
|
|||
|
|
variable = ''
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
addVar(result, variable)
|
|||
|
|
return result
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addVar(array, element) {
|
|||
|
|
if (element && !keyMap[element]) {
|
|||
|
|
array.push(element)
|
|||
|
|
return true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function addAssign(vars, vmodel, name, binding) {
|
|||
|
|
var ret = []
|
|||
|
|
var prefix = ' = ' + name + '.'
|
|||
|
|
for (var i = vars.length, prop; (prop = vars[--i]); ) {
|
|||
|
|
var arr = prop.split('.')
|
|||
|
|
var first = arr[0]
|
|||
|
|
|
|||
|
|
if (vmodel.hasOwnProperty(first)) {
|
|||
|
|
// log(first, prop, prefix, vmodel)
|
|||
|
|
ret.push(first + prefix + first)
|
|||
|
|
binding.observers.push({
|
|||
|
|
v: vmodel,
|
|||
|
|
p: prop,
|
|||
|
|
type: Anot.type(vmodel[first])
|
|||
|
|
})
|
|||
|
|
vars.splice(i, 1)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return ret
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var rproxy = /(proxy\-[a-z]+)\-[\-0-9a-f]+$/
|
|||
|
|
var variablePool = new Cache(218)
|
|||
|
|
//缓存求值函数，以便多次利用
|
|||
|
|
var evaluatorPool = new Cache(128)
|
|||
|
|
|
|||
|
|
function getVars(expr) {
|
|||
|
|
expr = expr.trim()
|
|||
|
|
var ret = variablePool.get(expr)
|
|||
|
|
if (ret) {
|
|||
|
|
return ret.concat()
|
|||
|
|
}
|
|||
|
|
var array = getIdent(expr)
|
|||
|
|
var uniq = {}
|
|||
|
|
var result = []
|
|||
|
|
for (var i = 0, el; (el = array[i++]); ) {
|
|||
|
|
if (!uniq[el]) {
|
|||
|
|
uniq[el] = 1
|
|||
|
|
result.push(el)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return variablePool.put(expr, result).concat()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function parseExpr(expr, vmodels, binding) {
|
|||
|
|
var filters = binding.filters
|
|||
|
|
if (typeof filters === 'string' && filters.trim() && !binding._filters) {
|
|||
|
|
binding._filters = parseFilter(filters.trim())
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var vars = getVars(expr)
|
|||
|
|
var expose = new Date() - 0
|
|||
|
|
var assigns = []
|
|||
|
|
var names = []
|
|||
|
|
var args = []
|
|||
|
|
binding.observers = []
|
|||
|
|
|
|||
|
|
for (var i = 0, sn = vmodels.length; i < sn; i++) {
|
|||
|
|
if (vars.length) {
|
|||
|
|
var name = 'vm' + expose + '_' + i
|
|||
|
|
names.push(name)
|
|||
|
|
args.push(vmodels[i])
|
|||
|
|
assigns.push.apply(assigns, addAssign(vars, vmodels[i], name, binding))
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
binding.args = args
|
|||
|
|
var dataType = binding.type
|
|||
|
|
var exprId =
|
|||
|
|
vmodels.map(function(el) {
|
|||
|
|
return String(el.$id).replace(rproxy, '$1')
|
|||
|
|
}) +
|
|||
|
|
expr +
|
|||
|
|
dataType
|
|||
|
|
// log(expr, '---------------', assigns)
|
|||
|
|
var getter = evaluatorPool.get(exprId) //直接从缓存，免得重复生成
|
|||
|
|
if (getter) {
|
|||
|
|
if (dataType === 'duplex') {
|
|||
|
|
var setter = evaluatorPool.get(exprId + 'setter')
|
|||
|
|
binding.setter = setter.apply(setter, binding.args)
|
|||
|
|
}
|
|||
|
|
return (binding.getter = getter)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// expr的字段不可枚举时,补上一个随机变量, 避免抛出异常
|
|||
|
|
if (!assigns.length) {
|
|||
|
|
assigns.push('fix' + expose)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dataType === 'duplex') {
|
|||
|
|
var nameOne = {}
|
|||
|
|
assigns.forEach(function(a) {
|
|||
|
|
var arr = a.split('=')
|
|||
|
|
nameOne[arr[0].trim()] = arr[1].trim()
|
|||
|
|
})
|
|||
|
|
expr = expr.replace(/[\$\w]+/, function(a) {
|
|||
|
|
return nameOne[a] ? nameOne[a] : a
|
|||
|
|
})
|
|||
|
|
/* jshint ignore:start */
|
|||
|
|
var fn2 = scpCompile(
|
|||
|
|
names.concat(
|
|||
|
|
'"use strict";\n return function(vvv){' + expr + ' = vvv\n}\n'
|
|||
|
|
)
|
|||
|
|
)
|
|||
|
|
/* jshint ignore:end */
|
|||
|
|
evaluatorPool.put(exprId + 'setter', fn2)
|
|||
|
|
binding.setter = fn2.apply(fn2, binding.args)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (dataType === 'on') {
|
|||
|
|
//事件绑定
|
|||
|
|
if (expr.indexOf('(') === -1) {
|
|||
|
|
expr += '.call(' + names[names.length - 1] + ', $event)'
|
|||
|
|
} else {
|
|||
|
|
expr = expr.replace('(', '.call(' + names[names.length - 1] + ', ')
|
|||
|
|
}
|
|||
|
|
names.push('$event')
|
|||
|
|
expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
|
|||
|
|
var lastIndex = expr.lastIndexOf('\nreturn')
|
|||
|
|
var header = expr.slice(0, lastIndex)
|
|||
|
|
var footer = expr.slice(lastIndex)
|
|||
|
|
expr = header + '\n' + footer
|
|||
|
|
} else {
|
|||
|
|
// 对于非事件绑定的方法, 同样绑定到vm上
|
|||
|
|
binding.observers.forEach(function(it) {
|
|||
|
|
if (it.type === 'function') {
|
|||
|
|
// log(it, expr)
|
|||
|
|
var reg = new RegExp(it.p + '\\(([^)]*)\\)', 'g')
|
|||
|
|
expr = expr.replace(reg, function(s, m) {
|
|||
|
|
m = m.trim()
|
|||
|
|
return (
|
|||
|
|
it.p +
|
|||
|
|
'.call(' +
|
|||
|
|
names[names.length - 1] +
|
|||
|
|
(m ? ', ' + m : '') +
|
|||
|
|
')'
|
|||
|
|
)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
expr = '\nreturn ' + expr + ';' //IE全家 Function("return ")出错，需要Function("return ;")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* jshint ignore:start */
|
|||
|
|
getter = scpCompile(
|
|||
|
|
names.concat(
|
|||
|
|
"'use strict';\ntry{\n var " +
|
|||
|
|
assigns.join(',\n ') +
|
|||
|
|
expr +
|
|||
|
|
'\n}catch(e){console.log(e)}'
|
|||
|
|
)
|
|||
|
|
)
|
|||
|
|
/* jshint ignore:end */
|
|||
|
|
|
|||
|
|
return evaluatorPool.put(exprId, getter)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function normalizeExpr(code) {
|
|||
|
|
var hasExpr = rexpr.test(code) //比如:class="width{{w}}"的情况
|
|||
|
|
if (hasExpr) {
|
|||
|
|
var array = scanExpr(code)
|
|||
|
|
if (array.length === 1) {
|
|||
|
|
return array[0].expr
|
|||
|
|
}
|
|||
|
|
return array
|
|||
|
|
.map(function(el) {
|
|||
|
|
return el.type ? '(' + el.expr + ')' : quote(el.expr)
|
|||
|
|
})
|
|||
|
|
.join(' + ')
|
|||
|
|
} else {
|
|||
|
|
return code
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Anot.normalizeExpr = normalizeExpr
|
|||
|
|
Anot.parseExprProxy = parseExpr
|
|||
|
|
|
|||
|
|
var rthimRightParentheses = /\)\s*$/
|
|||
|
|
var rthimOtherParentheses = /\)\s*\|/g
|
|||
|
|
var rquoteFilterName = /\|\s*([$\w]+)/g
|
|||
|
|
var rpatchBracket = /"\s*\["/g
|
|||
|
|
var rthimLeftParentheses = /"\s*\(/g
|
|||
|
|
function parseFilter(filters) {
|
|||
|
|
filters =
|
|||
|
|
filters
|
|||
|
|
.replace(rthimRightParentheses, '') //处理最后的小括号
|
|||
|
|
.replace(rthimOtherParentheses, function() {
|
|||
|
|
//处理其他小括号
|
|||
|
|
return '],|'
|
|||
|
|
})
|
|||
|
|
.replace(rquoteFilterName, function(a, b) {
|
|||
|
|
//处理|及它后面的过滤器的名字
|
|||
|
|
return '[' + quote(b)
|
|||
|
|
})
|
|||
|
|
.replace(rpatchBracket, function() {
|
|||
|
|
return '"],["'
|
|||
|
|
})
|
|||
|
|
.replace(rthimLeftParentheses, function() {
|
|||
|
|
return '",'
|
|||
|
|
}) + ']'
|
|||
|
|
/* jshint ignore:start */
|
|||
|
|
return scpCompile(['return [' + filters + ']'])()
|
|||
|
|
/* jshint ignore:end */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*********************************************************************
|
|||
|
|
* 编译系统 *
|
|||
|
|
**********************************************************************/
|
|||
|
|
|
|||
|
|
var quote = JSON.stringify
|