28 lines
949 B
Vue
28 lines
949 B
Vue
<template>
|
|
<f-switch
|
|
id="fieldrequired"
|
|
:model-value="modelValue.required"
|
|
label="Erforderlich"
|
|
size="sm"
|
|
name="fieldrequired"
|
|
inline
|
|
@update:modelValue="$emit('update:modelValue', {...modelValue, required: $event})"
|
|
></f-switch>
|
|
<f-text id="min" :model-value="modelValue.min" label="minimaler Wert" size="sm" type="number" @update:modelValue="$emit('update:modelValue', {...modelValue, min: parse($event)})"></f-text>
|
|
<f-text id="max" :model-value="modelValue.max" label="maximaler Wert" size="sm" type="number" @update:modelValue="$emit('update:modelValue', {...modelValue, max: parse($event)})"></f-text>
|
|
</template>
|
|
|
|
<script lang="js" setup>
|
|
const props = defineProps({
|
|
modelValue: {},
|
|
meta: {},
|
|
payload: {},
|
|
});
|
|
|
|
function parse(input) {
|
|
return parseInt(input) === NaN ? null : parseInt(input);
|
|
}
|
|
|
|
const emit = defineEmits(['update:modelValue']);
|
|
</script>
|