@ditojs/admin 2.21.0 → 2.23.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.21.0",
+  "version": "2.23.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",
@@ -33,57 +33,57 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.21.0",
-    "@ditojs/utils": "^2.21.0",
-    "@kyvg/vue3-notification": "^3.1.3",
+    "@ditojs/ui": "^2.23.0",
+    "@ditojs/utils": "^2.23.0",
+    "@kyvg/vue3-notification": "^3.1.4",
     "@lk77/vue3-color": "^3.0.6",
-    "@tiptap/core": "^2.1.13",
-    "@tiptap/extension-blockquote": "^2.1.13",
-    "@tiptap/extension-bold": "^2.1.13",
-    "@tiptap/extension-bullet-list": "^2.1.13",
-    "@tiptap/extension-code": "^2.1.13",
-    "@tiptap/extension-code-block": "^2.1.13",
-    "@tiptap/extension-document": "^2.1.13",
-    "@tiptap/extension-hard-break": "^2.1.13",
-    "@tiptap/extension-heading": "^2.1.13",
-    "@tiptap/extension-history": "^2.1.13",
-    "@tiptap/extension-horizontal-rule": "^2.1.13",
-    "@tiptap/extension-italic": "^2.1.13",
-    "@tiptap/extension-link": "^2.1.13",
-    "@tiptap/extension-list-item": "^2.1.13",
-    "@tiptap/extension-ordered-list": "^2.1.13",
-    "@tiptap/extension-paragraph": "^2.1.13",
-    "@tiptap/extension-strike": "^2.1.13",
-    "@tiptap/extension-text": "^2.1.13",
-    "@tiptap/extension-underline": "^2.1.13",
-    "@tiptap/pm": "^2.1.13",
-    "@tiptap/vue-3": "^2.1.13",
-    "@vueuse/integrations": "^10.7.1",
+    "@tiptap/core": "^2.2.2",
+    "@tiptap/extension-blockquote": "^2.2.2",
+    "@tiptap/extension-bold": "^2.2.2",
+    "@tiptap/extension-bullet-list": "^2.2.2",
+    "@tiptap/extension-code": "^2.2.2",
+    "@tiptap/extension-code-block": "^2.2.2",
+    "@tiptap/extension-document": "^2.2.2",
+    "@tiptap/extension-hard-break": "^2.2.2",
+    "@tiptap/extension-heading": "^2.2.2",
+    "@tiptap/extension-history": "^2.2.2",
+    "@tiptap/extension-horizontal-rule": "^2.2.2",
+    "@tiptap/extension-italic": "^2.2.2",
+    "@tiptap/extension-link": "^2.2.2",
+    "@tiptap/extension-list-item": "^2.2.2",
+    "@tiptap/extension-ordered-list": "^2.2.2",
+    "@tiptap/extension-paragraph": "^2.2.2",
+    "@tiptap/extension-strike": "^2.2.2",
+    "@tiptap/extension-text": "^2.2.2",
+    "@tiptap/extension-underline": "^2.2.2",
+    "@tiptap/pm": "^2.2.2",
+    "@tiptap/vue-3": "^2.2.2",
+    "@vueuse/integrations": "^10.7.2",
     "codeflask": "^1.4.1",
     "filesize": "^10.1.0",
     "filesize-parser": "^1.5.0",
     "focus-trap": "^7.5.4",
-    "nanoid": "^5.0.4",
-    "sortablejs": "^1.15.1",
+    "nanoid": "^5.0.5",
+    "sortablejs": "^1.15.2",
     "tinycolor2": "^1.6.0",
     "tippy.js": "^6.3.7",
     "type-fest": "^4.9.0",
-    "vue": "~3.4.5",
+    "vue": "3.4.10",
     "vue-multiselect": "^3.0.0-beta.3",
     "vue-router": "^4.2.5",
     "vue-upload-component": "^3.1.8"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.21.0",
-    "@vitejs/plugin-vue": "^5.0.2",
-    "@vue/compiler-sfc": "~3.4.5",
+    "@ditojs/build": "^2.23.0",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vue/compiler-sfc": "3.4.10",
     "pug": "^3.0.2",
-    "sass": "1.69.7",
+    "sass": "1.70.0",
     "typescript": "^5.3.3",
-    "vite": "^5.0.11"
+    "vite": "^5.1.0"
   },
   "types": "types",
-  "gitHead": "4f5dfe7ff3112bb3f796c598a947de3b705592f0",
+  "gitHead": "6aee1fd0e7569c8eb21f46138012c532b9ac8db7",
   "scripts": {
     "build": "vite build",
     "watch": "yarn build --mode 'development' --watch",

package/src/components/DitoSchema.vue

@@ -166,7 +166,7 @@ export default DitoComponent.component('DitoSchema', {
           ? data(this.context)
           : data
       ),
-      currentTab: null,
+      selectedTab: null,
       componentsRegistry: {},
       panesRegistry: {},
       panelsRegistry: {},
@@ -195,16 +195,6 @@ export default DitoComponent.component('DitoSchema', {
       return getNamedSchemas(this.schema.tabs)
     },
 
-    selectedTab: {
-      get() {
-        return this.currentTab || this.defaultTab || null
-      },
-
-      set(selectedTab) {
-        this.currentTab = selectedTab
-      }
-    },
-
     defaultTab() {
       let first = null
       if (this.tabs) {
@@ -376,7 +366,7 @@ export default DitoComponent.component('DitoSchema', {
         // handled, but remove the trailing `/create` or `/:id` from it so that
         // tabs informs that stay open after creation still work.
         if (this.hasRootTabs) {
-          this.currentTab = hash?.slice(1) || null
+          this.selectedTab = hash?.slice(1) || null
         }
       }
     },
@@ -412,6 +402,10 @@ export default DitoComponent.component('DitoSchema', {
     }
   },
 
+  mounted() {
+    this.selectedTab = this.defaultTab
+  },
+
   unmounted() {
     this.emitEvent('destroy')
     this._register(false)

package/src/mixins/TypeMixin.js

@@ -151,6 +151,10 @@ export default {
       }
     }),
 
+    maxLength: getSchemaAccessor('maxLength', {
+      type: Number
+    }),
+
     placeholder: getSchemaAccessor('placeholder', {
       type: String
     }),
@@ -189,6 +193,7 @@ export default {
         attributes.readonly = this.readonly
         attributes.autofocus = this.autofocus
         if (textField) {
+          attributes.maxlength = this.maxLength
           attributes.placeholder = this.placeholder
           attributes.autocomplete = this.autocomplete
         }

package/src/utils/schema.js

@@ -616,7 +616,9 @@ export function getDefaultValue(schema) {
       ? defaultValue
       : getTypeOptions(schema)?.defaultValue
   return isFunction(value)
-    ? value(schema)
+    ? // TODO: Pass `DitoContext` here too, with the (incomplete) item and al
+      // the other bits!
+      value(schema)
     : clone(value)
 }