123 lines
3.2 KiB
JavaScript
123 lines
3.2 KiB
JavaScript
/**
|
||
|
||
@Name : layui.laytpl 模板引擎
|
||
@Author：贤心
|
||
@License：MIT
|
||
|
||
*/
|
||
|
||
layui.define(function(exports){
|
||
|
||
"use strict";
|
||
|
||
var config = {
|
||
open: '{{',
|
||
close: '}}'
|
||
};
|
||
|
||
var tool = {
|
||
exp: function(str){
|
||
return new RegExp(str, 'g');
|
||
},
|
||
//匹配满足规则内容
|
||
query: function(type, _, __){
|
||
var types = [
|
||
'#([\\s\\S])+?', //js语句
|
||
'([^{#}])*?' //普通字段
|
||
][type || 0];
|
||
return exp((_||'') + config.open + types + config.close + (__||''));
|
||
},
|
||
escape: function(html){
|
||
return String(html||'').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
|
||
.replace(/</g, '<').replace(/>/g, '>').replace(/'/g, ''').replace(/"/g, '"');
|
||
},
|
||
error: function(e, tplog){
|
||
var error = 'Laytpl Error：';
|
||
typeof console === 'object' && console.error(error + e + '\n'+ (tplog || ''));
|
||
return error + e;
|
||
}
|
||
};
|
||
|
||
var exp = tool.exp, Tpl = function(tpl){
|
||
this.tpl = tpl;
|
||
};
|
||
|
||
Tpl.pt = Tpl.prototype;
|
||
|
||
window.errors = 0;
|
||
|
||
//编译模版
|
||
Tpl.pt.parse = function(tpl, data){
|
||
var that = this, tplog = tpl;
|
||
var jss = exp('^'+config.open+'#', ''), jsse = exp(config.close+'$', '');
|
||
|
||
tpl = tpl.replace(/\s+|\r|\t|\n/g, ' ')
|
||
.replace(exp(config.open+'#'), config.open+'# ')
|
||
.replace(exp(config.close+'}'), '} '+config.close).replace(/\\/g, '\\\\')
|
||
|
||
//不匹配指定区域的内容
|
||
.replace(exp(config.open + '!(.+?)!' + config.close), function(str){
|
||
str = str.replace(exp('^'+ config.open + '!'), '')
|
||
.replace(exp('!'+ config.close), '')
|
||
.replace(exp(config.open + '|' + config.close), function(tag){
|
||
return tag.replace(/(.)/g, '\\$1')
|
||
});
|
||
return str
|
||
})
|
||
|
||
//匹配JS规则内容
|
||
.replace(/(?="|')/g, '\\').replace(tool.query(), function(str){
|
||
str = str.replace(jss, '').replace(jsse, '');
|
||
return '";' + str.replace(/\\/g, '') + ';view+="';
|
||
})
|
||
|
||
//匹配普通字段
|
||
.replace(tool.query(1), function(str){
|
||
var start = '"+(';
|
||
if(str.replace(/\s/g, '') === config.open+config.close){
|
||
return '';
|
||
}
|
||
str = str.replace(exp(config.open+'|'+config.close), '');
|
||
if(/^=/.test(str)){
|
||
str = str.replace(/^=/, '');
|
||
start = '"+_escape_(';
|
||
}
|
||
return start + str.replace(/\\/g, '') + ')+"';
|
||
});
|
||
|
||
tpl = '"use strict";var view = "' + tpl + '";return view;';
|
||
|
||
try{
|
||
that.cache = tpl = new Function('d, _escape_', tpl);
|
||
return tpl(data, tool.escape);
|
||
} catch(e){
|
||
delete that.cache;
|
||
return tool.error(e, tplog);
|
||
}
|
||
};
|
||
|
||
Tpl.pt.render = function(data, callback){
|
||
var that = this, tpl;
|
||
if(!data) return tool.error('no data');
|
||
tpl = that.cache ? that.cache(data, tool.escape) : that.parse(that.tpl, data);
|
||
if(!callback) return tpl;
|
||
callback(tpl);
|
||
};
|
||
|
||
var laytpl = function(tpl){
|
||
if(typeof tpl !== 'string') return tool.error('Template not found');
|
||
return new Tpl(tpl);
|
||
};
|
||
|
||
laytpl.config = function(options){
|
||
options = options || {};
|
||
for(var i in options){
|
||
config[i] = options[i];
|
||
}
|
||
};
|
||
|
||
laytpl.v = '1.2.0';
|
||
|
||
exports('laytpl', laytpl);
|
||
|
||
}); |