2019-07-10 18:30:51 +09:00
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<div>{{ script.interpolate(value.title) }}</div>
|
2020-01-30 04:37:25 +09:00
|
|
|
<mk-radio v-for="x in value.values" v-model="v" :value="x" :key="x">{{ x }}</mk-radio>
|
2019-07-10 18:30:51 +09:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
2020-01-30 04:37:25 +09:00
|
|
|
import MkRadio from '../ui/radio.vue';
|
2019-07-10 18:30:51 +09:00
|
|
|
|
|
|
|
export default Vue.extend({
|
2020-01-30 04:37:25 +09:00
|
|
|
components: {
|
|
|
|
MkRadio
|
|
|
|
},
|
2019-07-10 18:30:51 +09:00
|
|
|
props: {
|
|
|
|
value: {
|
|
|
|
required: true
|
|
|
|
},
|
|
|
|
script: {
|
|
|
|
required: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
v: this.value.default,
|
|
|
|
};
|
|
|
|
},
|
|
|
|
watch: {
|
|
|
|
v() {
|
|
|
|
this.script.aiScript.updatePageVar(this.value.name, this.v);
|
|
|
|
this.script.eval();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|