@ditojs/admin 2.45.0 → 2.45.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.45.0",
+  "version": "2.45.1",
   "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",
@@ -89,5 +89,5 @@
     "vite": "^6.2.3"
   },
   "types": "types",
-  "gitHead": "dfcb589d51438ee3d7ef0c34017cd7090e691653"
+  "gitHead": "6de5398fb812c9cbc030761e3ef82cac9a030117"
 }

package/src/components/DitoTreeItem.vue

@@ -109,6 +109,7 @@ import { getNamedSchemas, hasFormSchema } from '../utils/schema.js'
 // @vue/component
 export default DitoComponent.component('DitoTreeItem', {
   mixins: [ItemMixin, SortableMixin],
+  emits: ['update:data'],
   inject: ['container'],
 
   props: {
@@ -160,24 +161,17 @@ export default DitoComponent.component('DitoTreeItem', {
 
     childrenList: {
       get() {
-        const { name, orderKey } = this.childrenSchema ?? {}
-        const value = name && this.data[name]
-        // In order to fix reactivity for `updateOrder()` at root level of tree
-        // views, we need to access all order keys once, in order to track them
-        // for reactivity.
-        // TODO: Find a proper fix.
-        value?.map(child => child[orderKey])
-        return value
+        const name = this.childrenSchema?.name
+        return name && this.data[name]
       },
 
       set(value) {
         const name = this.childrenSchema?.name
         if (name) {
+          this.updateOrder(this.childrenSchema, value)
           // eslint-disable-next-line vue/no-mutating-props
-          this.data[name] = this.updateOrder(
-            this.childrenSchema,
-            value
-          )
+          this.data[name] = value
+          this.$emit('update:data', value)
         }
       }
     },

package/src/types/DitoTypeTreeList.vue

@@ -12,6 +12,7 @@
       :data="treeData"
       :draggable="draggable"
       :open="true"
+      @update:data="data => (value = data)"
     )
     .dito-tree-form-container(
       v-if="hasEditableForms"

package/src/utils/uid.js

@@ -7,7 +7,7 @@ let uid = 0
 export function getUid(item, getItemId = null) {
   const raw = toRaw(item)
   let id = uidMap.get(raw)
-  if (!id) {
+  if (!id && item) {
     id = getItemId?.(item) || `@${++uid}`
     uidMap.set(raw, id)
   }