42 lines
912 B
TypeScript
42 lines
912 B
TypeScript
import { h, defineComponent } from 'vue';
|
|
|
|
export default defineComponent({
|
|
props: {
|
|
src: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
tag: {
|
|
type: String,
|
|
required: false,
|
|
default: 'span',
|
|
},
|
|
textTag: {
|
|
type: String,
|
|
required: false,
|
|
default: null,
|
|
},
|
|
},
|
|
render() {
|
|
let str = this.src;
|
|
const parsed = [] as (string | { arg: string; })[];
|
|
while (true) {
|
|
const nextBracketOpen = str.indexOf('{');
|
|
const nextBracketClose = str.indexOf('}');
|
|
|
|
if (nextBracketOpen === -1) {
|
|
parsed.push(str);
|
|
break;
|
|
} else {
|
|
if (nextBracketOpen > 0) parsed.push(str.substr(0, nextBracketOpen));
|
|
parsed.push({
|
|
arg: str.substring(nextBracketOpen + 1, nextBracketClose),
|
|
});
|
|
}
|
|
|
|
str = str.substr(nextBracketClose + 1);
|
|
}
|
|
|
|
return h(this.tag, parsed.map(x => typeof x === 'string' ? (this.textTag ? h(this.textTag, x) : x) : this.$slots[x.arg]()));
|
|
},
|
|
});
|