Vue Formulate - Extended Plugin
yarn add vue-formulate-extended # don't forget to have the peer dependencies installed yarn add @braid/vue-formulate@2.4.3 # install only if you want to use text-mask feature yarn add imask
// main.js Vue
Added functionalities
- Fix for FormulateForm v-model (see https://github.com/wearebraid/vue-formulate/pull/164)
- Hooks strategy to easily add features (see /features folder for examples)
- Allow standalone FormulateInput (won't register within a FormulateForm) using `
- Allow to use
component
inslotProps
to pass on custom props fromFormulateInput
to the component itself
(Feel free to check out how I extend the Form, Input and Schema components in /components)
Activable features
Events propagation
Events propagation from schema inputs with events: []
in FormulateForm up to the top via @events
Check a live example
Check the tests
Text mask
Text mask on a FormulateInput with vfe-mask
attribute (works in a FormulateForm schema too)
Check a live example
Check the tests
Enforce Number
Force number value on a FormulateInput number type with vfe-number
attribute (works in a FormulateForm schema too)
Check a live example
Check the tests
Q&A / Issues
Feel free to open an issue for any question, request or bug.
Tests
yarn test:unit
Build
yarn build
Note: IIFE bundle is way too big. Need some work.