@mixd-id/web-scaffold 0.1.230406142 → 0.1.230406144

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406142",
+  "version": "0.1.230406144",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/index.js

@@ -1,4 +1,4 @@
-import {defineAsyncComponent, reactive} from "vue"
+import {defineAsyncComponent, ref} from "vue"
 import {observeInit} from './utils/helpers.mjs'
 import throttle from "lodash/throttle"
 
@@ -273,9 +273,9 @@ export default{
         app.config.globalProperties.$observe = observeInit()
       }
 
-      app.config.globalProperties.$screenPrefix = util.calculateMediaPrefix(window.innerWidth)
+      app.config.globalProperties.$screenPrefix = ref(util.calculateMediaPrefix(window.innerWidth))
       const onWindowResize = throttle(() => {
-        app.config.globalProperties.$screenPrefix = util.calculateMediaPrefix(window.innerWidth)
+        app.config.globalProperties.$screenPrefix.value = util.calculateMediaPrefix(window.innerWidth)
         resizeEvents.forEach((fn) => fn())
       }, 1000, { leading:true })
 

package/src/utils/helpers.mjs

@@ -267,14 +267,17 @@ function observeInit(){
 
       const item = entry.target
       const key = item.__observeKey
-      const { type, callback } = observeCols[key]
 
-      if(typeof callback === 'function')
-        callback.apply(item)
+      if(observeCols[key]){
+        const { type, callback } = observeCols[key]
 
-      if(type === 'once'){
-        observer.unobserve(item)
-        delete observeCols[key]
+        if(typeof callback === 'function')
+          callback.apply(item)
+
+        if(type === 'once'){
+          observer.unobserve(item)
+          delete observeCols[key]
+        }
       }
     })
   }

package/src/utils/listview.js

@@ -244,7 +244,7 @@ let ListView = {
       [ 'id', 'desc' ],
     ]
 
-    let attributeIncludes
+    let attributeIncludes = []
     if(this.getAttributeIncludes){
       attributeIncludes = this.getAttributeIncludes(preset)
     }
@@ -265,10 +265,6 @@ let ListView = {
           switch(column.virtual.type){
 
             case 'sql':
-              if(!Array.isArray(attributeIncludes)){
-                attributeIncludes = []
-              }
-
               attributeIncludes.push([
                 Sequelize.literal(`(${column.virtual.value})`), column.key
               ])
@@ -327,10 +323,10 @@ let ListView = {
     let derivedSql
     let { rows:items, count } = await this.model.findAndCountAll({
       where,
-      attributes: {
+      attributes: [
         ...attributes,
-        include: attributeIncludes
-      },
+        ...attributeIncludes
+      ],
       order,
       limit: itemsPerPage + 1,
       replacements,
@@ -1197,7 +1193,6 @@ let ListView = {
               break
 
             case 'in':
-              console.log('#number in', Array.isArray(value) ? value : (value.toString().split(',')))
               whereValue = {
                 ...whereValue,
                 [Op.in]: Array.isArray(value) ? value : (value.toString().split(','))
@@ -1264,8 +1259,6 @@ let ListView = {
 
   async onHooks(model, event, items, socket){
 
-    //console.log('listview.js onHooks', model, event, items)
-
     if(socket.loadParams && socket.loadParams[this.name] && [ 'create', 'update' ].includes(event)){
       const loadParams = { ...socket.loadParams[this.name] }