fix: afcl multiple select to have empty array if no items selected (instead of null)

Author: SerVitasik

adminforth/documentation/docs/tutorial/03-Customization/14-afcl.md

@@ -118,6 +118,14 @@ const selected = ref(null)
 
 <div class="split-screen" >
   <div >
+
+```js
+//diff-remove
+const selected = ref(null)
+//diff-add
+const selected = ref([])
+```
+
 ```html
 <Select
   class="w-full"

adminforth/spa/src/afcl/Select.vue

@@ -228,8 +228,7 @@ const toogleItem = (item) => {
     search.value = '';
   }
 
-  const list = selectedItems.value.map(item => item.value);
-  const updValue = list.length ? list : null;
+  const updValue = selectedItems.value.map(item => item.value);
   let emitValue;
   if (!props.multiple) {
     emitValue = updValue ? updValue[0] : null;

adminforth/spa/src/components/Filters.vue

@@ -27,7 +27,7 @@
               multiple
               class="w-full"
               :options="columnOptions[c.name] || []"
-              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event || undefined })"
+              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event.length ? $event : undefined  })"
               :modelValue="filtersStore.filters.find(f => f.field === c.name && f.operator === 'in')?.value || []"
             />
             <Select
@@ -40,7 +40,7 @@
                 // if field is not required, undefined might be there, and user might want to filter by it
                 ...(c.required ? [] : [ { label: $t('Unset'), value: undefined } ])
               ]"
-              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event || undefined })"
+              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event.length ? $event : undefined  })"
               :modelValue="filtersStore.filters.find(f => f.field === c.name && f.operator === 'in')?.value || []"
             />
 
@@ -49,7 +49,7 @@
               class="w-full"
               v-else-if="c.enum"
               :options="c.enum"
-              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event || undefined })"
+              @update:modelValue="setFilterItem({ column: c, operator: 'in', value: $event.length ? $event : undefined })"
               :modelValue="filtersStore.filters.find(f => f.field === c.name && f.operator === 'in')?.value || []"
             />