@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