@ditojs/admin 2.66.0 → 2.68.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.66.0",
+  "version": "2.68.0",
   "type": "module",
   "description": "Dito.js Admin is a schema based admin interface for Dito.js Server, featuring auto-generated views and forms and built with Vue.js",
   "repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
@@ -42,8 +42,8 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.66.0",
-    "@ditojs/utils": "^2.66.0",
+    "@ditojs/ui": "^2.68.0",
+    "@ditojs/utils": "^2.68.0",
     "@kyvg/vue3-notification": "^3.4.2",
     "@lk77/vue3-color": "^3.0.6",
     "@tiptap/core": "^3.13.0",
@@ -89,9 +89,9 @@
     "vue-upload-component": "^3.1.17"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.66.0",
+    "@ditojs/build": "^2.68.0",
     "typescript": "^5.9.3",
     "vite": "^7.2.6"
   },
-  "gitHead": "f4c1f6cf632c396e160a701d90fbcafe0cdf8478"
+  "gitHead": "8dbd4ce3ff84d83e8e4ebd8e90772ae51b25b8ce"
 }

package/src/DitoTypeComponent.js

@@ -18,6 +18,7 @@ export default {
   defaultValue: null,
   defaultNested: true,
   defaultVisible: true,
+  defaultMultiple: false,
   generateLabel: true,
   excludeValue: false,
   ignoreMissingValue: null,

package/src/mixins/OptionsMixin.js

@@ -1,6 +1,10 @@
 import DitoContext from '../DitoContext.js'
 import DataMixin from './DataMixin.js'
-import { hasViewSchema, getViewEditPath } from '../utils/schema.js'
+import {
+  hasViewSchema,
+  getViewEditPath,
+  getMultipleValue
+} from '../utils/schema.js'
 import { getSchemaAccessor } from '../utils/accessor.js'
 import { setTemporaryId, isReference } from '../utils/data.js'
 import {
@@ -18,6 +22,11 @@ export default {
   mixins: [DataMixin],
 
   computed: {
+    // @overridable
+    multiple() {
+      return getMultipleValue(this.schema)
+    },
+
     selectedValue: {
       get() {
         const convertValue = value => {
@@ -33,7 +42,7 @@ export default {
         }
 
         const value =
-          this.relate && isArray(this.value)
+          this.multiple && isArray(this.value)
             ? this.value.map(convertValue).filter(value => value !== null)
             : convertValue(this.value)
 
@@ -61,7 +70,7 @@ export default {
             : value
 
         this.value =
-          this.relate && isArray(value)
+          this.multiple && isArray(value)
             ? value.map(convertValue)
             : convertValue(value)
       }
@@ -275,9 +284,10 @@ export default {
       // TODO: Convert to using `relateBy`:
       const processRelate = value => (value ? { id: value.id } : value)
       // Selected options can be both objects & arrays, e.g. 'checkboxes':
-      value = isArray(value)
-        ? value.map(processRelate)
-        : processRelate(value)
+      value =
+        getMultipleValue(schema) && isArray(value)
+          ? value.map(processRelate)
+          : processRelate(value)
     }
     return value
   }

package/src/types/DitoTypeCheckboxes.vue

@@ -29,8 +29,14 @@ export default DitoTypeComponent.register('checkboxes', {
   nativeField: true,
   defaultValue: [],
   defaultWidth: 'auto',
+  defaultMultiple: true,
 
   computed: {
+    // @override
+    multiple() {
+      return true
+    },
+
     selectedOptions: {
       get() {
         return (this.selectedValue || []).filter(value => value)

package/src/types/DitoTypeMultiselect.vue

@@ -104,6 +104,7 @@ export default DitoTypeComponent.register('multiselect', {
       return this.searchedOptions || this.options
     },
 
+    // @override
     multiple: getSchemaAccessor('multiple', {
       type: Boolean,
       default: false

package/src/utils/schema.js

@@ -670,6 +670,10 @@ export function shouldIgnoreMissingValue(schema, context) {
   return !!getTypeOptions(schema)?.ignoreMissingValue?.(getContext(context))
 }
 
+export function getMultipleValue(schema) {
+  return schema.multiple ?? !!getTypeOptions(schema)?.defaultMultiple
+}
+
 export function setDefaultValues(schema, data = {}, component) {
   const options = { component, rootData: data }