speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 02:48:21 +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"> <script lang="ts">
import { Index, MaybeIndex, equals } from '../../util'; import { Index, MaybeIndex, equals, variantOf } from '../../util';
import { Fields } from './NicerForm.vue'; import { Fields } from './NicerForm.vue';
export type Variant = { export type Variant = {
@ -34,7 +34,7 @@ const emit = defineEmits<{
}>(); }>();
// Local Variables for Two-Way bindings // Local Variables for Two-Way bindings
let modelValue: MaybeEnumValue = $ref(null); let modelValue = $ref(null as MaybeEnumValue);
// Sync from v-model // Sync from v-model
onMounted(() => { onMounted(() => {
watch(() => props.modelValue, (val) => { watch(() => props.modelValue, (val) => {
@ -49,8 +49,14 @@ onMounted(() => {
}, { deep: true, immediate: true }); }, { deep: true, immediate: true });
}); });
// Sync to v-model // Sync to v-model
watch($$(modelValue), (val) => { watch($$(modelValue), (val, oldVal) => {
if (equals(val, props.modelValue)) return; 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)); emit('update:modelValue', typeof val === 'string' ? val : Object.assign({}, val));
}, { deep: true }); }, { deep: true });
@ -88,4 +94,4 @@ watchEffect(() => {
border: 1px solid var(--cl-fg); border: 1px solid var(--cl-fg);
padding: calc(0.25rem - 1px); padding: calc(0.25rem - 1px);
} }
</style> </style>