@backoffice-plus/jsonforms-vue-vanilla
This is a set of vanilla renderers for JSON Forms 3.2 for Vue 3. Most renderers are direct ports from the Vue 2 Vuetify renderer set and thus fill the gap of missing renderers from the [Vue 3
9,890
| Install | |
|---|---|
npm install @backoffice-plus/jsonforms-vue-vanilla |
|
| Latest Version: | 0.1.3 |
| Vue: | 3 |
| License: | MIT |
| Last Updated: | Feb 8, 2024 |
| Links: | npm |
Maintainer: davewww
BO+ Vue Vanilla Renderer
This is a set of vanilla renderers for JSON Forms 3.2 for Vue 3. Most renderers are direct ports from the Vue 2 Vuetify renderer set and thus fill the gap of missing renderers from the Vue 3 Vanilla renderer set.
Here is a comparison of all renderers: Example Page
Installation
Using npm:
$ npm install @backoffice-plus/jsonforms-vue-vanilla
Usage
import {vanillaRenderers, defaultStyles} from "@jsonforms/vue-vanilla";
import {boplusVanillaRenderers, bopStyles} from "@backoffice-plus/jsonforms-vue-vanilla";
const jsonFormRenderers = Object.freeze([
...vanillaRenderers,
...boplusVanillaRenderers,
]);
provide('styles', {...defaultStyles,...bopStyles});
Renderer sets
https://jsonforms.io/docs/renderer-sets
| JSON Schema | Renderer | overruled Renderer | Vue Vanilla | Vue2 Vuetify | Bo+ Vue Vanilla |
|---|---|---|---|---|---|
| boolean | Toggle | Boolean | ❌ | ✔️ | ✔️ |
| integer | Slider | Integer | ❌ | ✔️ | ✔️ |
| string | Password | String | ❌ | ✔️ | ✔️ |
| Enum | Autocomplete | Enum | ❌ | ✔️ | ✔️ |
| Enum | RadioGroup | Enum | ❌ | ✔️ | ✔️ |
| oneOf (const / title) | Autocomplete | EnumOneOf | ❌ | ✔️ | ✔️ |
| oneOf (const / title) | RadioGroup | EnumOneOf | ❌ | ✔️ | ✔️ |
| Array of objects | Table | ArrayList | ❌ | ✔️ | ✔️ |
| Array of objects | List with Detail | ArrayList | ❌ | ✔️ | ✔️ |
| Array of enums | Multiple Choice | ArrayList | ❌ | ✔️ | ✔️ |
| allOf | Tabs | - | ❌ | ✔️ | ✔️ |
| anyOf | Tabs | - | ❌ | ✔️ | ✔️ |
| Categorization | Tabs | - | ❌ | ✔️ | ✔️ |
| Categorization Stepper | Tabs | - | ❌ | ✔️ | ✔️ |
| const type safety | Const | Enum | ⚠️ | ❌ | ✔️ |
| string (format: time) | Time | Time | ⚠️ | ️ ✔️ | ✔️ |
| string (format: datetime) | DateTime | DateTime | ⚠️ | ️ ✔️ | ✔️ |
Older Version
For JSON Forms 3.0, here is an older version that still contains the Object and OneOf Renderer https://github.com/backoffice-plus/jsonforms-vue-vanilla-boplus/tree/v0.0.10
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.3 | ^3.2.45 | MIT | |
| 0.1.2 | ^3.2.45 | MIT | |
| 0.1.1 | ^3.2.45 | MIT | |
| 0.1.0 | ^3.2.45 | MIT | |
| 0.0.13 | ^3.2.45 | MIT | |
| 0.0.12 | ^3.2.45 | MIT | |
| 0.0.11 | ^3.2.45 | MIT | |
| 0.0.10 | ^3.2.45 | MIT | |
| 0.0.8 | ^3.2.45 | MIT | |
| 0.0.7 | ^3.2.45 | MIT | |
| 0.0.6 | ^3.2.45 | MIT | |
| 0.0.5 | ^3.2.45 | MIT | |
| 0.0.4 | ^3.2.45 | MIT | |
| 0.0.3 | ^3.2.45 | MIT | |
| 0.0.2 | ^3.2.45 | MIT | |
| 0.0.1 | ^3.2.45 | MIT |