@koumoul/vjsf 3.25.3 → 3.25.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.25.3",
+  "version": "3.25.5",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
     "test-tz1": "TZ=Europe/Paris vitest run",

package/src/components/nodes/list.vue

@@ -25,6 +25,8 @@ import useZIndexStack from '../../composables/use-z-index-stack.js'
 
 useDefaults({}, 'VjsfList')
 const vCardProps = useCompDefaults('VjsfList-VCard', { border: true, flat: true, tile: true })
+const vListProps = useCompDefaults('VjsfList-VList', { class: 'py-0' })
+const vListItemProps = useCompDefaults('VjsfList-VListItem', { variant: 'flat', class: 'pa-1' })
 const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500, persistent: true })
 const vEditDialogVSheetProps = useCompDefaults('VjsfList-Edit-VDialog-VSheet', {})
 const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', { width: 500 })
@@ -233,7 +235,7 @@ const toggleDialog = (/** @type {boolean} */value) => {
     v-bind="vCardProps"
     :loading="modelValue.loading"
   >
-    <v-list class="py-0">
+    <v-list v-bind="vListProps">
       <v-list-subheader v-if="modelValue.layout.title">
         {{ modelValue.layout.title }}
       </v-list-subheader>
@@ -242,11 +244,10 @@ const toggleDialog = (/** @type {boolean} */value) => {
         :key="children.findIndex(c => c === child)"
       >
         <v-list-item
-          v-bind="itemBind(childIndex)"
+          v-bind="itemBind(childIndex, vListItemProps)"
           :draggable="draggable === childIndex"
-          variant="flat"
           :style="`border: 1px solid ${itemBorderColor(child, childIndex)}`"
-          class="pa-1 vjsf-list-item"
+          class="vjsf-list-item"
         >
           <v-list-item-title
             v-if="itemTitles?.[childIndex]"

package/src/composables/use-dnd.js

@@ -24,7 +24,8 @@ export default function useDnd (array, callback) {
 
   hovered.value = 1
 
-  const itemBind = (/** @type {number} */itemIndex) => ({
+  const itemBind = (/** @type {number} */itemIndex, /** @type {Record<String, any>} */defaultItemProps) => ({
+    ...defaultItemProps,
     // hover the item
     onMouseenter: () => {
       hovered.value = itemIndex

package/types/composables/use-dnd.d.ts

@@ -10,7 +10,7 @@ export default function useDnd<T>(array: T[], callback: () => void): {
     hovered: import("vue").Ref<number, number>;
     draggable: import("vue").Ref<number, number>;
     dragging: import("vue").Ref<number, number>;
-    itemBind: (itemIndex: number) => {
+    itemBind: (itemIndex: number, defaultItemProps: Record<string, any>) => {
         onMouseenter: () => void;
         onMouseleave: () => void;
         onDragstart: () => void;

package/types/composables/use-dnd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-dnd.d.ts","sourceRoot":"","sources":["../../src/composables/use-dnd.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wDAHW,MAAM,IAAI;;;;;;0BAoBU,MAAM;;;;;;;4BAwBJ,MAAM;;;;EAmBtC"}
+{"version":3,"file":"use-dnd.d.ts","sourceRoot":"","sources":["../../src/composables/use-dnd.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wDAHW,MAAM,IAAI;;;;;;0BAoBU,MAAM,oBAA0B,eAAe,GAAG,CAAC;;;;;;;4BAyBjD,MAAM;;;;EAmBtC"}