function formatTimes(times) {
if (times === -1) {
return '多次';
} else {
return `${times} 次`;
}
}
export default {
definedProperties: {
Repeat nodes are for the various repetition syntaxes (a*
, a+
, a?
, and
a{1,3}
). It is not rendered directly, but contains data used for the
rendering of MatchFragment nodes.
function formatTimes(times) {
if (times === -1) {
return '多次';
} else {
return `${times} 次`;
}
}
export default {
definedProperties: {
Translation to apply to content to be repeated to account for the loop and skip lines.
contentPosition: {
get: function() {
var matrix = Snap.matrix();
if (this.hasSkip) {
return matrix.translate(15, 10);
} else if (this.hasLoop) {
return matrix.translate(10, 0);
} else {
return matrix.translate(0, 0);
}
}
},
Label to place of loop path to indicate the number of times that path may be followed.
label: {
get: function() {
let repeatCount;
let greedy = this.greedy;
if (this.minimum === this.maximum) {
if (this.minimum === 0) {
repeatCount = '匹配零次';
}
repeatCount = `匹配 ${formatTimes(this.minimum)}`;
} else {
repeatCount = `匹配 ${formatTimes(this.minimum)} 到 ${formatTimes(this.maximum)}`;
}
return greedy ? '贪婪' + repeatCount : '非贪婪' + repeatCount;
}
},
Tooltip to place of loop path label to provide further details.
tooltip: {
get: function() {
let repeatCount;
let greedy = this.greedy;
if (this.minimum === this.maximum) {
if (this.minimum === 0) {
repeatCount = '匹配零次';
} else {
repeatCount = `匹配 ${formatTimes(this.minimum)}`;
}
} else {
repeatCount = `匹配 ${formatTimes(this.minimum)} 到 ${formatTimes(this.maximum)}`;
}
return repeatCount;
}
}
},
Returns the path spec to render the line that skips over the content for fragments that are optionally matched.
skipPath(box) {
let paths = [];
if (this.hasSkip) {
let vert = Math.max(0, box.ay - box.y - 10),
horiz = box.width - 10;
paths.push(`M0,${box.ay}q10,0 10,-10v${-vert}q0,-10 10,-10h${horiz}q10,0 10,10v${vert}q0,10 10,10`);
When the repeat is not greedy, the skip path gets a preference arrow.
if (!this.greedy) {
paths.push(`M10,${box.ay - 15}l5,5m-5,-5l-5,5`);
}
}
return paths;
},
Returns the path spec to render the line that repeats the content for fragments that are matched more than once.
loopPath(box) {
let paths = [];
if (this.hasLoop) {
let vert = box.y2 - box.ay - 10;
paths.push(`M${box.x},${box.ay}q-10,0 -10,10v${vert}q0,10 10,10h${box.width}q10,0 10,-10v${-vert}q0,-10 -10,-10`);
When the repeat is greedy, the loop path gets the preference arrow.
if (this.greedy) {
paths.push(`M${box.x2 + 10},${box.ay + 15}l5,-5m-5,5l-5,-5`);
}
}
return paths;
},
setup() {
this.minimum = this.properties.spec.minimum;
this.maximum = this.properties.spec.maximum;
this.greedy = (this.properties.greedy.textValue === '');
this.hasSkip = (this.minimum === 0);
this.hasLoop = (this.maximum === -1 || this.maximum > 1);
}
}