@ditojs/admin 2.2.6 → 2.2.7-debug.0

package/package.json

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

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', 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,15 @@ export function createFiltersPanel(api, filters, dataPath, proxy) {
 
     methods: {
       applyFilters() {
+        console.log(
+          'applyFilters()',
+          JSON.stringify({
+            ...proxy.query,
+            filter: this.filters,
+            // Clear pagination when applying or clearing filters:
+            page: undefined
+          })
+        )
         proxy.query = {
           ...proxy.query,
           filter: this.filters,
@@ -118,6 +127,7 @@ export function createFiltersPanel(api, filters, dataPath, proxy) {
       },
 
       clearFilters() {
+        console.log('clearFilters()')
         this.resetData()
         this.applyFilters()
       }