@ditojs/admin 2.28.1 → 2.28.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.28.1",
+  "version": "2.28.2",
   "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",
@@ -83,7 +83,7 @@
     "vite": "^5.2.10"
   },
   "types": "types",
-  "gitHead": "19a0a2b37e1b5d2089079b6d624912f2a3f03f60",
+  "gitHead": "a9db3666df01cb3ee66a0ec7525d9221e15c5655",
   "scripts": {
     "build": "vite build",
     "watch": "yarn build --mode 'development' --watch",

package/src/components/DitoPanel.vue

@@ -8,6 +8,7 @@ component.dito-panel(
 )
   DitoSchema.dito-panel__schema(
     :schema="panelSchema"
+    :dataSchema="panelDataSchema"
     :dataPath="panelDataPath"
     :data="panelData"
     :meta="meta"
@@ -114,6 +115,10 @@ export default DitoComponent.component('DitoPanel', {
       return this.hasOwnData ? 'form' : 'div'
     },
 
+    panelDataSchema() {
+      return this.hasOwnData ? this.schema : this.schemaComponent.schema
+    },
+
     panelDataPath() {
       // If the panel provides its own data, then it needs to prefix all
       // components with its data-path, but if it shares data with the schema

package/src/components/DitoSchema.vue

@@ -145,6 +145,9 @@ export default DitoComponent.component('DitoSchema', {
 
   props: {
     schema: { type: Object, required: true },
+    // `dataSchema` is only provided for panels, where the panel schema
+    // is different from the data schema for panels without own data.
+    dataSchema: { type: Object, default: props => props.schema },
     dataPath: { type: String, default: '' },
     data: { type: Object, default: null },
     meta: { type: Object, default: () => ({}) },
@@ -675,7 +678,7 @@ export default DitoComponent.component('DitoSchema', {
       // We can't set `this.data = ...` because it's a property, but we can set
       // all known properties on it to the values returned by
       // `setDefaultValues()`, as they are all reactive already from the starts:
-      Object.assign(this.data, setDefaultValues(this.schema, {}, this))
+      Object.assign(this.data, setDefaultValues(this.dataSchema, {}, this))
       this.clearErrors()
     },
 
@@ -715,7 +718,7 @@ export default DitoComponent.component('DitoSchema', {
 
     processData({ target = 'clipboard', schemaOnly = true } = {}) {
       return processData(
-        this.schema,
+        this.dataSchema,
         this.sourceSchema,
         this.data,
         this.dataPath,