@ditojs/admin 2.2.3 → 2.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.2.3",
+  "version": "2.2.5",
   "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",
@@ -82,7 +82,7 @@
     "vite": "^4.3.1"
   },
   "types": "types",
-  "gitHead": "7102747103c7d60e9fffca44ca6ae459bea67cc1",
+  "gitHead": "7d19908fc86cbc1367cdd07753f8d80cf159fa2c",
   "scripts": {
     "build": "vite build",
     "watch": "yarn build --mode 'development' --watch",

package/src/mixins/TypeMixin.js

@@ -25,6 +25,7 @@ export default {
   data() {
     return {
       parsedValue: null,
+      changedValue: null,
       focused: false
     }
   },
@@ -297,12 +298,21 @@ export default {
     },
 
     onChange() {
+      const value =
+        this.parsedValue !== undefined ? this.parsedValue : this.value
+
+      if (this.$options.nativeField) {
+        // For some odd reason, the native change event now sometimes fires
+        // twice on Vue3. Filter out second call.
+        // TODO: Investigate why this happens, and if it's a bug in Vue3.
+        if (value === this.changedValue) return
+        this.changedValue = value
+      }
+
       this.markDirty()
       this.emitEvent('change', {
-        context:
-          this.parsedValue !== undefined
-            ? { value: this.parsedValue }
-            : null,
+        // Prevent endless parse recursion:
+        context: { value },
         // Pass `schemaComponent` as parent, so change events can propagate up.
         parent: this.schemaComponent
       })