@ditojs/admin 2.2.6 → 2.2.7-debug.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.2.6",
+  "version": "2.2.7-debug.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",
@@ -82,7 +82,7 @@
     "vite": "^4.3.1"
   },
   "types": "types",
-  "gitHead": "f0449472c803ce29c76442f6b11f646c5bb5dd80",
+  "gitHead": "e79299ffdc4c7d26653f609bff4eb6d5df0ab07e",
   "scripts": {
     "build": "vite build",
     "watch": "yarn build --mode 'development' --watch",

package/src/mixins/SourceMixin.js

@@ -3,7 +3,6 @@ import ResourceMixin from './ResourceMixin.js'
 import SchemaParentMixin from '../mixins/SchemaParentMixin.js'
 import { getSchemaAccessor, getStoreAccessor } from '../utils/accessor.js'
 import { getMemberResource } from '../utils/resource.js'
-import { replaceRoute } from '../utils/route.js'
 import {
   processRouteSchema,
   processForms,
@@ -44,6 +43,7 @@ export default {
   data() {
     return {
       wrappedPrimitives: null,
+      ignoreRouteChange: false,
       unwrappingPrimitives: false
     }
   },
@@ -177,9 +177,12 @@ export default {
           ...query
         }
         if (!equals(query, this.$route.query)) {
+          // Tell the `$route` watcher to ignore the changed triggered here:
+          this.ignoreRouteChange = true
+          this.$router.replace({ query, hash: this.$route.hash })
           // Change the route query parameters, but don't trigger a route
           // change, as that would cause the list to reload.
-          replaceRoute({ query })
+          // replaceRoute({ query })
         }
         return query // Let getStoreAccessor() do the actual setting
       }
@@ -314,6 +317,10 @@ export default {
 
   watch: {
     $route(to, from) {
+      if (this.ignoreRouteChange) {
+        this.ignoreRouteChange = false
+        return
+      }
       if (from.path === to.path && from.hash === to.hash) {
         // Paths and hashes remain the same, so only queries have changed.
         // Update filter and reload data without clearing.

package/src/mixins/TypeMixin.js

@@ -293,6 +293,7 @@ export default {
     },
 
     onInput() {
+      console.log('onInput()', this.name)
       this.markDirty()
       this.emitEvent('input')
     },
@@ -305,10 +306,14 @@ export default {
         // 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
+        if (value === this.changedValue) {
+          console.log('onChange() double', this.name)
+          return
+        }
         this.changedValue = value
       }
 
+      console.log('onChange()', this.name, value)
       this.markDirty()
       this.emitEvent('change', {
         // Prevent endless parse recursion:

package/src/types/DitoTypeList.vue

@@ -195,10 +195,17 @@ export default DitoTypeComponent.register('list', {
         },
         set query(query) {
           const component = getListComponent()
+          console.log('set query', !!component)
           if (component) {
             // Filter out undefined values for comparing with equals()
             const filter = obj => pickBy(obj, value => value !== undefined)
+            console.log(
+              'set query',
+              JSON.stringify(filter(query)),
+              JSON.stringify(filter(component.query))
+            )
             if (!equals(filter(query), filter(component.query))) {
+              console.log('load data')
               component.query = query
               component.loadData(false)
             }

package/src/utils/filter.js

@@ -109,6 +109,13 @@ export function createFiltersPanel(api, filters, dataPath, proxy) {
 
     methods: {
       applyFilters() {
+        console.log(
+          'applyFilters()',
+          JSON.stringify({
+            data: this.data,
+            filters: this.filters
+          })
+        )
         proxy.query = {
           ...proxy.query,
           filter: this.filters,
@@ -118,6 +125,7 @@ export function createFiltersPanel(api, filters, dataPath, proxy) {
       },
 
       clearFilters() {
+        console.log('clearFilters()')
         this.resetData()
         this.applyFilters()
       }