fix: Add Numeric field types

- Int
- Float
- Currency

src/components/Controls/Base.vue

@@ -68,8 +68,12 @@ export default {
       this.$refs.input.focus();
     },
     triggerChange(value) {
+      value = this.parse(value);
       this.$emit('change', value);
     },
+    parse(value) {
+      return value;
+    },
     isNumeric(df) {
       return ['Int', 'Float', 'Currency'].includes(df.fieldtype);
     }

src/components/Controls/Currency.vue

@@ -0,0 +1,8 @@
+<script>
+import Float from './Float';
+
+export default {
+  name: 'Currency',
+  extends: Float
+};
+</script>

src/components/Controls/DynamicLink.vue

@@ -6,7 +6,7 @@ export default {
   extends: Link,
   created() {
     this.targetWatcher = this.$watch(`doc.${this.df.references}`, function(newTarget, oldTarget) {
-      if (newTarget !== oldTarget) {
+      if (oldTarget && newTarget !== oldTarget) {
         this.triggerChange('');
       }
     });

src/components/Controls/Float.vue

@@ -0,0 +1,13 @@
+<script>
+import Int from './Int';
+
+export default {
+  name: 'Float',
+  extends: Int,
+  methods: {
+    parse(value) {
+      return parseFloat(value);
+    }
+  }
+};
+</script>

src/components/Controls/FormControl.js

@@ -7,6 +7,9 @@ import AutoComplete from './AutoComplete';
 import Check from './Check';
 import AttachImage from './AttachImage';
 import DynamicLink from './DynamicLink';
+import Int from './Int';
+import Float from './Float';
+import Currency from './Currency';
 
 export default {
   name: 'FormControl',
@@ -20,7 +23,10 @@ export default {
       AutoComplete,
       Check,
       AttachImage,
-      DynamicLink
+      DynamicLink,
+      Int,
+      Float,
+      Currency
     };
     let { df } = this.$attrs;
     return h(controls[df.fieldtype] || Data, {

src/components/Controls/Int.vue

@@ -0,0 +1,13 @@
+<script>
+import Data from './Data';
+
+export default {
+  name: 'Int',
+  extends: Data,
+  methods: {
+    parse(value) {
+      return parseInt(value, 10);
+    }
+  }
+};
+</script>