@koumoul/vjsf 3.20.3 → 3.20.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.20.3",
+  "version": "3.20.5",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test": "vitest run",

package/src/compat/v2.js

@@ -161,9 +161,8 @@ const processFragment = (schema, getJSONRef, schemaId, processed) => {
       layout.if = '!summary'
     }
 
-    if (schema.type === 'array' && schema.items && !layout.getItems) {
-      if (!Array.isArray(schema.items)) {
-        layout.comp = layout.comp ?? 'list'
+    if (schema.type === 'array' && schema.items && !layout.getItems && !Array.isArray(schema.items)) {
+      if (!layout.comp || layout.comp === 'list') {
         if (schema['x-itemTitle']) layout.itemTitle = `data["${schema['x-itemTitle']}"]`
         else {
           // vjsf 2 implicitly used a title property as an item title in lists

package/src/components/nodes/card.vue

@@ -23,7 +23,7 @@ defineProps({
 </script>
 
 <template>
-  <v-card :title="modelValue.layout.title ?? ''">
+  <v-card :title="modelValue.layout.title || undefined">
     <v-container fluid>
       <section-header
         :node="modelValue"

package/src/components/nodes/list.vue

@@ -24,7 +24,7 @@ import useZIndexStack from '../../composables/use-z-index-stack.js'
 
 useDefaults({}, 'VjsfList')
 const vCardProps = useCompDefaults('VjsfList-VCard', { border: true, flat: true, tile: true })
-const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500 })
+const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500, persistent: true })
 const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', { width: 500 })
 const theme = useTheme()
 
@@ -116,7 +116,7 @@ const itemSubtitles = computed(() => {
 const pushEmptyItem = () => {
   const newData = (props.modelValue.data ?? []).concat([undefined])
   props.statefulLayout.input(props.modelValue, newData)
-  if (layout.value.listEditMode === 'inline-single') {
+  if (layout.value.listEditMode === 'inline-single' || layout.value.listEditMode === 'dialog') {
     props.statefulLayout.activateItem(props.modelValue, newData.length - 1)
   }
 }
@@ -496,7 +496,10 @@ const itemBorderColor = computed(() => (/** @type {import('@json-layout/core').S
         v-bind="vEditDialogProps"
       >
         <v-sheet>
-          <v-toolbar density="compact">
+          <v-toolbar
+            density="compact"
+            color="surface"
+          >
             <v-spacer />
             <v-btn
               :title="modelValue.messages.close"

package/src/styles/vjsf.css

@@ -17,6 +17,9 @@
 .vjsf-input--readonly.v-input--disabled .v-field__clearable {
   display: none;
 }
+.vjsf-input--readonly.v-input--disabled.v-number-input .v-field__append-inner {
+  display: none;
+}
 .vjsf-node.vjsf-has-help {
   padding-right: 28px!important;
 }

package/types/compat/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAuOA;;;;;;GAMG;AACH,kCALW,MAAM,2CAEN,MAAM,0BAoBhB;sBA/PqB,KAAK"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAsOA;;;;;;GAMG;AACH,kCALW,MAAM,2CAEN,MAAM,0BAoBhB;sBA9PqB,KAAK"}