Merge pull request #113 from Jenesius/issue_112

Issue 112

Author: Jenesius

examples/all-inputs/App.vue

@@ -10,7 +10,7 @@
 		<input-field name = "username" label = "Error array" :errors = "['Some mistake', 'Length more then 5']"/>
 		<input-field name = "username" label = "Prefix" prefix = "Login:"/>
 		<input-field name = "username" label = "Placeholder" placeholder = "Write something"/>
-
+		<input-field name = "username" label = "Numeric" numeric/>
 		<h2>Input Textarea</h2>
 		<input-field name = "description" type = "textarea"/>
 		<input-field name = "description" type = "textarea" label = "With label"/>

plugin/widgets/inputs/input-text/widget-input-text.vue

@@ -12,11 +12,13 @@
 				ref="refInput"
 				class="vf-input_clean input-text"
 				type="text"
-				:value="pretty(modelValue)"
+				:value="isFocused ? modelValue : pretty ? pretty(modelValue) : modelValue"
 				:disabled="disabled"
 				:autofocus="autofocus"
 				:placeholder="placeholder"
 				@input="onInput($event.target.value)"
+				@focusin = "isFocused = true"
+				@focusout = "isFocused = false"
 			>
 		</div>
 	</input-wrap>
@@ -47,13 +49,14 @@ const props = withDefaults(defineProps<{
 	pretty: (a: string) => a,
 })
 
+const isFocused = ref(false);
 const refInput = ref<HTMLInputElement>(props.modelValue);
 const emit = defineEmits<{
 	(e: 'update:modelValue', value: any): void
 }>()
 
 function onlyNumber(a: string) {
-	return a.replace(/[^0-9,]/,'')
+	return a.replace(/[^\d,.+-]/,'')
 }
 
 /**