profectus/Profectus
Template
1
0
Fork 4
Code Issues 38 Pull requests 6 Projects 2 Releases Packages Wiki Activity Actions

Fix presets dropdown not deselecting after creating a save

Browse source
This commit is contained in:
thepaperpilot 2022-05-10 23:37:43 -05:00
parent 55c4476edf
commit 2e3f1de158
2 changed files with 13 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/SavesManager.vue
View file

@ -37,7 +37,7 @@
<Select
v-if="Object.keys(bank).length > 0"
:options="bank"
:modelValue="undefined"
:modelValue="selectedPreset"
@update:modelValue="preset => newFromPreset(preset as string)"
closeOnSelect
placeholder="Select preset"
@ -83,6 +83,7 @@ defineExpose({
const importingFailed = ref(false);
const saveToImport = ref("");
const selectedPreset = ref<string | null>(null);
watch(saveToImport, importedSave => {
if (importedSave) {
@ -246,6 +247,12 @@ function openSave(id: string) {
}
function newFromPreset(preset: string) {
// Reset preset dropdown
selectedPreset.value = preset;
nextTick(() => {
selectedPreset.value = null;
});
if (preset[0] === "{") {
// plaintext. No processing needed
} else if (preset[0] === "e") {

10
src/components/fields/Select.vue
View file

@ -16,7 +16,7 @@
<script setup lang="ts">
import "components/common/fields.css";
import { CoercableComponent } from "features/feature";
import { computeOptionalComponent } from "util/vue";
import { computeOptionalComponent, unwrapRef } from "util/vue";
import { ref, toRef, watch } from "vue";
import VueNextSelect from "vue-next-select";
import "vue-next-select/dist/index.css";
@ -36,12 +36,12 @@ const emit = defineEmits<{
const titleComponent = computeOptionalComponent(toRef(props, "title"), "span");
const value = ref<SelectOption | undefined>(
props.options.find(option => option.value === props.modelValue)
const value = ref<SelectOption | null>(
props.options.find(option => option.value === props.modelValue) ?? null
);
watch(toRef(props, "modelValue"), modelValue => {
if (value.value?.value !== modelValue) {
value.value = props.options.find(option => option.value === modelValue);
if (unwrapRef(value) !== modelValue) {
value.value = props.options.find(option => option.value === modelValue) ?? null;
}
});