@ditojs/admin 2.45.0 → 2.46.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.45.0",
+  "version": "2.46.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",
@@ -39,34 +39,34 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.45.0",
-    "@ditojs/utils": "^2.45.0",
+    "@ditojs/ui": "^2.46.0",
+    "@ditojs/utils": "^2.46.0",
     "@kyvg/vue3-notification": "^3.4.1",
     "@lk77/vue3-color": "^3.0.6",
-    "@tiptap/core": "^2.11.5",
-    "@tiptap/extension-blockquote": "^2.11.5",
-    "@tiptap/extension-bold": "^2.11.5",
-    "@tiptap/extension-bullet-list": "^2.11.5",
-    "@tiptap/extension-code": "^2.11.5",
-    "@tiptap/extension-code-block": "^2.11.5",
-    "@tiptap/extension-document": "^2.11.5",
-    "@tiptap/extension-hard-break": "^2.11.5",
-    "@tiptap/extension-heading": "^2.11.5",
-    "@tiptap/extension-history": "^2.11.5",
-    "@tiptap/extension-horizontal-rule": "^2.11.5",
-    "@tiptap/extension-italic": "^2.11.5",
-    "@tiptap/extension-link": "^2.11.5",
-    "@tiptap/extension-list-item": "^2.11.5",
-    "@tiptap/extension-ordered-list": "^2.11.5",
-    "@tiptap/extension-paragraph": "^2.11.5",
-    "@tiptap/extension-strike": "^2.11.5",
-    "@tiptap/extension-subscript": "^2.11.5",
-    "@tiptap/extension-superscript": "^2.11.5",
-    "@tiptap/extension-text": "^2.11.5",
-    "@tiptap/extension-text-style": "^2.11.5",
-    "@tiptap/extension-underline": "^2.11.5",
-    "@tiptap/pm": "^2.11.5",
-    "@tiptap/vue-3": "^2.11.5",
+    "@tiptap/core": "^2.11.7",
+    "@tiptap/extension-blockquote": "^2.11.7",
+    "@tiptap/extension-bold": "^2.11.7",
+    "@tiptap/extension-bullet-list": "^2.11.7",
+    "@tiptap/extension-code": "^2.11.7",
+    "@tiptap/extension-code-block": "^2.11.7",
+    "@tiptap/extension-document": "^2.11.7",
+    "@tiptap/extension-hard-break": "^2.11.7",
+    "@tiptap/extension-heading": "^2.11.7",
+    "@tiptap/extension-history": "^2.11.7",
+    "@tiptap/extension-horizontal-rule": "^2.11.7",
+    "@tiptap/extension-italic": "^2.11.7",
+    "@tiptap/extension-link": "^2.11.7",
+    "@tiptap/extension-list-item": "^2.11.7",
+    "@tiptap/extension-ordered-list": "^2.11.7",
+    "@tiptap/extension-paragraph": "^2.11.7",
+    "@tiptap/extension-strike": "^2.11.7",
+    "@tiptap/extension-subscript": "^2.11.7",
+    "@tiptap/extension-superscript": "^2.11.7",
+    "@tiptap/extension-text": "^2.11.7",
+    "@tiptap/extension-text-style": "^2.11.7",
+    "@tiptap/extension-underline": "^2.11.7",
+    "@tiptap/pm": "^2.11.7",
+    "@tiptap/vue-3": "^2.11.7",
     "@vueuse/integrations": "^13.0.0",
     "codeflask": "^1.4.1",
     "filesize": "^10.1.6",
@@ -84,10 +84,10 @@
     "vue-upload-component": "^3.1.17"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.45.0",
+    "@ditojs/build": "^2.46.0",
     "typescript": "^5.8.2",
-    "vite": "^6.2.3"
+    "vite": "^6.2.4"
   },
   "types": "types",
-  "gitHead": "dfcb589d51438ee3d7ef0c34017cd7090e691653"
+  "gitHead": "7b8291912cfb1f1de8fe55dd7658ac544c23545a"
 }

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)
   }