Merge pull request #45 from reside-ic/mrc-4011

mrc-4011 Add step prop to number input

.github/workflows/test.yml

@@ -0,0 +1,19 @@
+name: test
+on:
+  push:
+    branches:
+      - 'main'
+  pull_request: ~
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 12.x
+      - run: npm install -g codecov
+      - run: npm ci
+      - run: npm run-script build
+      - run: npm test
+      - run: codecov -f coverage/*.json

README.md

@@ -1,6 +1,6 @@
 # vue-dynamic-form 
 
-[![Build Status](https://travis-ci.com/reside-ic/vue-dynamic-form.svg?branch=master)](https://travis-ci.com/reside-ic/vue-dynamic-form)
+![Build Status](https://github.com/reside-ic/vue-dynamic-form/actions/workflows/test.yml/badge.svg?branch=mrc-4011)
 
 Vue component for generating a form dynamically from metadata.
 
@@ -137,6 +137,15 @@ const myFormMeta = {
                         required: true,
                         transform: "$/100"
                     }]
+                },
+                {
+                    label: "Decimal parameter",
+                    controls: [{
+                        name: "dec_param",
+                        type: "number",
+                        required: true,
+                        step: 0.1
+                    }]
                 }
             ]
         }
@@ -146,6 +155,10 @@ const myFormMeta = {
 </script>
 ```
 
+Note that the `step` value on number controls may be any valid value for HTML `input` elements of type `number`. However,
+in read-only mode the form displays numbers according to the default local `Intl.NumberFormat`, typically to three decimal places
+so will round any values with greater precision.  
+
 On user submission the form emits a `submit` event with a payload that contains the form data as JSON. In this example,
 the payload would be of the form:
 ```

example/index.html

@@ -92,6 +92,15 @@ <h2 class="mt-4">Read-only form</h2>
                             type: "number",
                             required: true
                         }]
+                    },
+                    {
+                        label: "Decimal parameter",
+                        controls: [{
+                            name: "dec_param",
+                            type: "number",
+                            required: true,
+                            step: 0.1
+                        }]
                     }
                 ]
             }

jest.config.js

@@ -20,6 +20,7 @@ module.exports = {
     },
     "coverageDirectory": "./coverage/",
     "collectCoverage": true,
+    "coverageProvider": "v8",
     "coveragePathIgnorePatterns": [
         "/node_modules/"
     ]