import _ from 'lodash';
export default {
type: 'root',
flagLabels: {
i: '忽略大小写',
g: '全局模式',
m: '多行模式',
y: 'Sticky模式',
u: 'Unicode模式'
},
Root nodes contain the top-level Regexp node. Any flags and a few decorative elements are rendered by the root node.
import _ from 'lodash';
export default {
type: 'root',
flagLabels: {
i: '忽略大小写',
g: '全局模式',
m: '多行模式',
y: 'Sticky模式',
u: 'Unicode模式'
},
Renders the root into the currently set container.
_render() {
let flagText;
Render a label for any flags that have been set of the expression.
if (this.flags.length > 0) {
flagText = this.container.text(0, 0, `标志位: ${this.flags.join(', ')}`);
}
Render the content of the regular expression.
return this.regexp.render(this.container.group())
.then(() => {
Move rendered regexp to account for flag label and to allow for decorative elements.
if (flagText) {
this.regexp.transform(Snap.matrix()
.translate(10, flagText.getBBox().height));
} else {
this.regexp.transform(Snap.matrix()
.translate(10, 0));
}
let box = this.regexp.getBBox();
Render decorative elements.
this.container.path(`M${box.ax},${box.ay}H0M${box.ax2},${box.ay}H${box.x2 + 10}`);
this.container.circle(0, box.ay, 5);
this.container.circle(box.x2 + 10, box.ay, 5);
});
},
setup() {
Convert list of flags into text describing each flag.
this.flags = _(this.properties.flags.textValue)
.uniq().sort()
.map(flag => this.flagLabels[flag]).value();
this.regexp = this.properties.regexp
}
};