@mixd-id/web-scaffold 0.1.230406369 → 0.1.230406370

package/package.json

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

package/src/components/VirtualGrid.vue

@@ -82,6 +82,8 @@ export default{
           this.isOnEndScroll = false
         }
       }
+
+      this.scrolled = this.scrollTop > 0
     }, 16),
 
     init(){
@@ -218,6 +220,8 @@ export default{
       isOnEndScroll: false,
       selectedIndex: -1,
       state: 1,
+      scrolled: false,
+      scrollerCache: {}
     }
   },
 
@@ -227,11 +231,11 @@ export default{
 
   watch: {
 
-    column(to){
+    column(){
       this.resize()
     },
 
-    gap(to){
+    gap(){
       this.resize()
     },
 
@@ -246,6 +250,19 @@ export default{
       }
     },
 
+    scrollerStyle(to){
+      if(this.scrolled && this.scrollerCache?.id){
+        const index = this.items.findIndex(_ => _.id === this.scrollerCache.id)
+        const addToScroll = (index - this.scrollerCache.index) * this.itemHeight
+        this.scrollTop = this.$el.scrollTop = this.scrollTop + addToScroll
+      }
+
+      this.scrollerCache = {
+        id: this.items[this.visibleStartIndex].id,
+        index: this.visibleStartIndex
+      }
+    },
+
   }
 
 }

package/src/components/VirtualTable.vue

@@ -139,7 +139,9 @@ export default{
 			maxVisibleItems: 0,
 			isOnEndScroll: false,
 			selectedIndex: -1,
-			state: 1
+			state: 1,
+      scrolled: false,
+      scrollerCache: {}
 		}
 	},
 
@@ -318,6 +320,8 @@ export default{
 					this.isOnEndScroll = false
 				}
 			}
+
+      this.scrolled = this.scrollTop > 0
 		}, 16),
 
 		passiveScrollSupported() {
@@ -600,7 +604,20 @@ export default{
 			handler(){
 				this.resize()
 			}
-		}
+		},
+
+    scrollerStyle(to){
+      if(this.scrolled && this.scrollerCache?.id){
+        const index = this.items.findIndex(_ => _.id === this.scrollerCache.id)
+        const addToScroll = (index - this.scrollerCache.index) * this.itemHeight
+        this.scrollTop = this.$refs.cont.scrollTop = this.scrollTop + addToScroll
+      }
+
+      this.scrollerCache = {
+        id: this.items[this.visibleStartIndex].id,
+        index: this.visibleStartIndex
+      }
+    },
 
 	}