|
|
const parse2 = require('./parse2/index'),
|
|
|
// parse5 = require('./parse5/index').parse,
|
|
|
config = require('../config'),
|
|
|
|
|
|
// html与wxml转换关系
|
|
|
correspondTag = (()=>{
|
|
|
let result = {
|
|
|
a:'navigator',
|
|
|
todogroup:'checkbox-group',
|
|
|
audio:'audio-player'
|
|
|
};
|
|
|
|
|
|
// // 该系列的标签都转换为text
|
|
|
// ['span','b','strong','i','em','code','sub','sup','g-emoji','mark','ins'].forEach(item => {
|
|
|
// result[item] = 'text';
|
|
|
// });
|
|
|
|
|
|
// 该系列小程序原生tag，不需转换
|
|
|
[...config.wxml,...config.components].forEach(item => {
|
|
|
result[item] = item;
|
|
|
});
|
|
|
return result;
|
|
|
})(),
|
|
|
|
|
|
// 元素与html对应的wxml标签名
|
|
|
getWxmlTag = tagStr => !tagStr ? undefined : correspondTag[tagStr] || 'view',
|
|
|
|
|
|
// 精简数据，并初始化相关事件等
|
|
|
initObj = (obj,option)=>{
|
|
|
const result = {
|
|
|
theme:option.theme || 'light',
|
|
|
_e:{}
|
|
|
},
|
|
|
events = global._events = {},
|
|
|
base = option.base;
|
|
|
|
|
|
// 主题保存到全局
|
|
|
global._theme = result.theme;
|
|
|
|
|
|
// 事件添加到全局中，各个组件在触发事件时会从全局调用
|
|
|
if(option.events){
|
|
|
for(let key in option.events){
|
|
|
events[key] = option.events[key];
|
|
|
};
|
|
|
};
|
|
|
|
|
|
// 遍历原始数据，处理成能解析的数据
|
|
|
let eachFn;
|
|
|
(eachFn = (arr,obj,_e) => {
|
|
|
obj.child = obj.child || [];
|
|
|
_e.child = _e.child || [];
|
|
|
|
|
|
arr.forEach(item => {
|
|
|
if(item.type === 'comment'){
|
|
|
return;
|
|
|
};
|
|
|
let o = {},
|
|
|
e = {};
|
|
|
o.type = e.type = item.type;
|
|
|
o._e = e;
|
|
|
if(item.type === 'text'){
|
|
|
o.text = e.text = item.data;
|
|
|
}else{
|
|
|
o.tag = getWxmlTag(item.name); // 转换之后的标签
|
|
|
// o.tag = o.tag === 'text' ? 'view' : o.tag;
|
|
|
e.tag = item.name; // 原始
|
|
|
o.attr = item.attribs;
|
|
|
e.attr = JSON.parse(JSON.stringify(item.attribs));
|
|
|
|
|
|
o.attr.class = o.attr.class ? `h2w__${item.name} ${o.attr.class}` : `h2w__${item.name}`;
|
|
|
|
|
|
// 处理资源相对路径
|
|
|
if(base && o.attr.src){
|
|
|
let src = o.attr.src;
|
|
|
switch (src.indexOf('//')) {
|
|
|
case 0:
|
|
|
o.attr.src = `https:${src}`;
|
|
|
break;
|
|
|
case -1:
|
|
|
o.attr.src = `${base}${src}`;
|
|
|
break;
|
|
|
};
|
|
|
};
|
|
|
|
|
|
if(item.children){
|
|
|
eachFn(item.children,o,e);
|
|
|
};
|
|
|
};
|
|
|
_e.child.push(e);
|
|
|
obj.child.push(o);
|
|
|
});
|
|
|
})(obj,result,result._e);
|
|
|
return result;
|
|
|
};
|
|
|
|
|
|
module.exports = (str,option) => {
|
|
|
str = (()=>{
|
|
|
let re = /<body[^>]*>([\s\S]*)<\/body>/i;
|
|
|
if(re.test(str)){
|
|
|
let result = re.exec(str);
|
|
|
return result[1] || str;
|
|
|
}else{
|
|
|
return str;
|
|
|
};
|
|
|
})();
|
|
|
return initObj(parse2(str,{decodeEntities:true}),option);
|
|
|
}; |
