You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
2.8 KiB
102 lines
2.8 KiB
/*
|
|
解析和匹配 Css 的选择器
|
|
github：https://github.com/jin-yufeng/Parser
|
|
docs：https://jin-yufeng.github.io/Parser
|
|
author：JinYufeng
|
|
update：2020/03/15
|
|
*/
|
|
var cfg = require('./config.js');
|
|
class CssHandler {
|
|
constructor(tagStyle) {
|
|
var styles = Object.assign({}, cfg.userAgentStyles);
|
|
for (var item in tagStyle)
|
|
styles[item] = (styles[item] ? styles[item] + ';' : '') + tagStyle[item];
|
|
this.styles = styles;
|
|
}
|
|
getStyle = data => this.styles = new CssParser(data, this.styles).parse();
|
|
match(name, attrs) {
|
|
var tmp, matched = (tmp = this.styles[name]) ? tmp + ';' : '';
|
|
if (attrs.class) {
|
|
var items = attrs.class.split(' ');
|
|
for (var i = 0, item; item = items[i]; i++)
|
|
if (tmp = this.styles['.' + item])
|
|
matched += tmp + ';';
|
|
}
|
|
if (tmp = this.styles['#' + attrs.id])
|
|
matched += tmp + ';';
|
|
return matched;
|
|
}
|
|
}
|
|
module.exports = CssHandler;
|
|
class CssParser {
|
|
constructor(data, init) {
|
|
this.data = data;
|
|
this.floor = 0;
|
|
this.i = 0;
|
|
this.list = [];
|
|
this.res = init;
|
|
this.state = this.Space;
|
|
}
|
|
parse() {
|
|
for (var c; c = this.data[this.i]; this.i++)
|
|
this.state(c);
|
|
return this.res;
|
|
}
|
|
section = () => this.data.substring(this.start, this.i);
|
|
isLetter = c => (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z');
|
|
// 状态机
|
|
Space(c) {
|
|
if (c == '.' || c == '#' || this.isLetter(c)) {
|
|
this.start = this.i;
|
|
this.state = this.Name;
|
|
} else if (c == '/' && this.data[this.i + 1] == '*')
|
|
this.Comment();
|
|
else if (!cfg.blankChar[c] && c != ';')
|
|
this.state = this.Ignore;
|
|
}
|
|
Comment() {
|
|
this.i = this.data.indexOf('*/', this.i) + 1;
|
|
if (!this.i) this.i = this.data.length;
|
|
this.state = this.Space;
|
|
}
|
|
Ignore(c) {
|
|
if (c == '{') this.floor++;
|
|
else if (c == '}' && !--this.floor) this.state = this.Space;
|
|
}
|
|
Name(c) {
|
|
if (cfg.blankChar[c]) {
|
|
this.list.push(this.section());
|
|
this.state = this.NameSpace;
|
|
} else if (c == '{') {
|
|
this.list.push(this.section());
|
|
this.Content();
|
|
} else if (c == ',') {
|
|
this.list.push(this.section());
|
|
this.Comma();
|
|
} else if (!this.isLetter(c) && (c < '0' || c > '9') && c != '-' && c != '_')
|
|
this.state = this.Ignore;
|
|
}
|
|
NameSpace(c) {
|
|
if (c == '{') this.Content();
|
|
else if (c == ',') this.Comma();
|
|
else if (!cfg.blankChar[c]) this.state = this.Ignore;
|
|
}
|
|
Comma() {
|
|
while (cfg.blankChar[this.data[++this.i]]);
|
|
if (this.data[this.i] == '{') this.Content();
|
|
else {
|
|
this.start = this.i--;
|
|
this.state = this.Name;
|
|
}
|
|
}
|
|
Content() {
|
|
this.start = ++this.i;
|
|
if ((this.i = this.data.indexOf('}', this.i)) == -1) this.i = this.data.length;
|
|
var content = this.section();
|
|
for (var i = 0, item; item = this.list[i++];)
|
|
if (this.res[item]) this.res[item] += ';' + content;
|
|
else this.res[item] = content;
|
|
this.list = [];
|
|
this.state = this.Space;
|
|
}
|
|
}
|
|
|