speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-10 18:38:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Prevented EnumInput from remembering inapplicable values

Browse source
This commit is contained in:
Samuel Lorch 2024-07-30 17:39:39 +02:00
parent 84488b3e63
commit 43454b1641
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
client/src/components/input/EnumInput.vue
View file

@ -1,5 +1,5 @@
<script lang="ts">
import { Index, MaybeIndex, equals } from '../../util';
import { Index, MaybeIndex, equals, variantOf } from '../../util';
import { Fields } from './NicerForm.vue';
export type Variant = {
@ -34,7 +34,7 @@ const emit = defineEmits<{
}>();
// Local Variables for Two-Way bindings
let modelValue: MaybeEnumValue = $ref(null);
let modelValue = $ref(null as MaybeEnumValue);
// Sync from v-model
onMounted(() => {
watch(() => props.modelValue, (val) => {
@ -49,8 +49,14 @@ onMounted(() => {
}, { deep: true, immediate: true });
});
// Sync to v-model
watch($$(modelValue), (val) => {
watch($$(modelValue), (val, oldVal) => {
if (equals(val, props.modelValue)) return;
const [oldVariant, newVariant] = [variantOf(oldVal), variantOf(val)];
// Wipe variant values if variant definitions change
if (typeof val === 'object'
&& val && newVariant && oldVariant
&& !equals(props.variants[newVariant].fields, props.variants[oldVariant].fields))
val[newVariant] = formValue = {};
emit('update:modelValue', typeof val === 'string' ? val : Object.assign({}, val));
}, { deep: true });
@ -88,4 +94,4 @@ watchEffect(() => {
border: 1px solid var(--cl-fg);
padding: calc(0.25rem - 1px);
}
</style>
</style>