62 lines
1.2 KiB
Vue
62 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<mk-button class="kudkigyw" @click="click()" :primary="value.primary">{{ hpml.interpolate(value.text) }}</mk-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
import MkButton from '../ui/button.vue';
|
|
|
|
export default Vue.extend({
|
|
components: {
|
|
MkButton
|
|
},
|
|
props: {
|
|
value: {
|
|
required: true
|
|
},
|
|
hpml: {
|
|
required: true
|
|
}
|
|
},
|
|
methods: {
|
|
click() {
|
|
if (this.value.action === 'dialog') {
|
|
this.hpml.eval();
|
|
this.$root.dialog({
|
|
text: this.hpml.interpolate(this.value.content)
|
|
});
|
|
} else if (this.value.action === 'resetRandom') {
|
|
this.hpml.updateRandomSeed(Math.random());
|
|
this.hpml.eval();
|
|
} else if (this.value.action === 'pushEvent') {
|
|
this.$root.api('page-push', {
|
|
pageId: this.hpml.page.id,
|
|
event: this.value.event,
|
|
...(this.value.var ? {
|
|
var: this.hpml.vars[this.value.var]
|
|
} : {})
|
|
});
|
|
|
|
this.$root.dialog({
|
|
type: 'success',
|
|
text: this.hpml.interpolate(this.value.message)
|
|
});
|
|
} else if (this.value.action === 'callAiScript') {
|
|
this.hpml.callAiScript(this.value.fn);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.kudkigyw {
|
|
display: inline-block;
|
|
min-width: 200px;
|
|
max-width: 450px;
|
|
margin: 8px 0;
|
|
}
|
|
</style>
|