50 lines
943 B
TypeScript
50 lines
943 B
TypeScript
import { defineComponent, h } 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;
|
|
}
|
|
if (nextBracketOpen > 0) parsed.push(str.substring(0, nextBracketOpen));
|
|
parsed.push({
|
|
arg: str.substring(nextBracketOpen + 1, nextBracketClose),
|
|
});
|
|
|
|
str = str.substring(nextBracketClose + 1);
|
|
}
|
|
|
|
return h(
|
|
this.tag,
|
|
parsed.map((x) =>
|
|
typeof x === "string"
|
|
? this.textTag
|
|
? h(this.textTag, x)
|
|
: x
|
|
: this.$slots[x.arg](),
|
|
),
|
|
);
|
|
},
|
|
});
|