@mixd-id/web-scaffold 0.1.230406233 → 0.1.230406235

package/package.json

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

package/src/components/VirtualGrid.vue

@@ -51,7 +51,7 @@ export default{
 
 		gap: {
 			type: [ String ],
-			default: 'gap-6'
+			default: 'gap-0'
 		},
 
 		items: Array,
@@ -232,9 +232,16 @@ export default{
 			this.resize()
 		},
 
-		items(to){
-			this.resize()
-		},
+    items: {
+      deep: true,
+      handler(to, from){
+        if((to ?? []).length !== (from ?? []).length){
+          this.scrollTop = 0
+        }
+
+        this.resize()
+      }
+    },
 
 	}
 

package/src/components/VirtualScroll.vue

@@ -210,10 +210,14 @@ export default{
 
 		items: {
 			deep: true,
-			handler(){
-				this.resize()
+			handler(to, from){
+        if((to ?? []).length !== (from ?? []).length){
+          this.scrollTop = 0
+        }
+
+        this.resize()
 			}
-		}
+		},
 
   }
 
@@ -241,11 +245,11 @@ export default{
   }
 
 	.item:hover{
-		@apply bg-primary-50;
+		@apply bg-text-50;
 	}
 
 	.item.trSelected{
-		@apply bg-primary-100;
+		@apply bg-text-100;
 	}
 
 	.highlight{

package/src/components/VirtualTable.vue

@@ -405,7 +405,11 @@ export default{
 
 		items: {
 			deep: true,
-			handler(){
+			handler(to, from){
+        if((to ?? []).length !== (from ?? []).length){
+          this.scrollTop = 0
+        }
+
 				this.resize()
 			}
 		},

package/src/index.js

@@ -2,6 +2,7 @@ import {defineAsyncComponent, ref} from "vue"
 import {observeInit} from './utils/helpers.mjs'
 import throttle from "lodash/throttle"
 import dayjs from "dayjs";
+import groupBy from "lodash/groupBy";
 
 let _UNIQID = 0
 const uniqid = (additionalKey = '') => {
@@ -184,13 +185,35 @@ const util = {
     window.addEventListener('mouseup', onMouseUp)
   },
 
-  push: (arr, item, opt = { key:"id" }) => {
-    const index = arr.findIndex((_) => _[opt.key] === item[opt.key])
-    if(index >= 0){
-      Object.assign(arr[index], item)
+  push: (arr, items, opt = { key:"id" }) => {
+    if(!Array.isArray(arr)) return
+    if(!Array.isArray(items)) items = [ items ]
+
+    for(let item of items){
+      if(!item) continue
+
+      const index = arr.findIndex((_) => _[opt.key] === item[opt.key])
+      if(index >= 0){
+        Object.assign(arr[index], item)
+      }
+      else{
+        arr.push(item)
+      }
     }
-    else{
-      arr.push(item)
+  },
+
+  remove: (arr, sliced, opt = { key:'id' }) => {
+    if(!Array.isArray(arr)) return
+    if(!Array.isArray(sliced)) sliced = [ sliced ]
+
+    sliced = groupBy(sliced, opt.key)
+
+    for(let i = arr.length - 1 ; i >= 0 ; i--){
+      if(!arr[i]) continue
+
+      if(arr[i][opt.key] in sliced){
+        arr.splice(i, 1)
+      }
     }
   },