forked from sbfkcel/towxml
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.js
118 lines (104 loc) · 4.05 KB
/
index.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
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
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','u'].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',
// 依赖父级的元素
relyList = ['li'],
// 精简数据,并初始化相关事件等
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,isRichTextContent) => {
obj.children = obj.children || [];
_e.child = _e.child || [];
let child = obj.children,
child_e = _e.child;
arr.forEach(item => {
if(item.type === 'comment'){
return;
};
let o = {
type:item.type === 'text' ? 'text' : isRichTextContent ? 'node' : item.type
},
e = {},
attrs = o.attrs = item.attribs || {};
if(item.type === 'text'){
o.text = e.text = item.data;
}else{
if(isRichTextContent){
o.name = item.name;
}else{
o.tag = getWxmlTag(item.name); // 转换之后的标签
// o.tag = o.tag === 'text' ? 'view' : o.tag;
e.tag = item.name; // 原始
o.attrs = item.attribs;
e.attrs = JSON.parse(JSON.stringify(attrs));
};
attrs.class = attrs.class ? `h2w__${item.name} ${attrs.class}` : `h2w__${item.name}`;
// 处理资源相对路径
if(base && attrs.src){
let src = attrs.src;
switch (src.indexOf('//')) {
case 0:
attrs.src = `https:${src}`;
break;
case -1:
attrs.src = `${base}${src}`;
break;
};
};
};
o.rely = relyList.indexOf(e.tag) > -1; // 判断是否不能嵌套其它标签
if(item.children){
eachFn(item.children,o,e,isRichTextContent || item.name === 'rich-text');
};
child.push(o);
child_e.push(e);
});
})(obj,result,result._e,false);
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);
};