@mixd-id/web-scaffold 0.1.230406153 → 0.1.230406154

package/package.json

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

package/src/components/Modal2.vue

@@ -126,7 +126,15 @@ export default{
 
     computedState(to, from){
       this.setState(to)
-    }
+    },
+
+    $route(to, from){
+      if(from.path !== to.path && !to.hash){
+        let overlay = document.querySelector('.bW9k')
+        if(overlay && overlay.classList.contains('bW9l'))
+          overlay.classList.remove('bW9l')
+      }
+    },
 
   },
 

package/src/components/TreeViewItem.vue

@@ -41,8 +41,6 @@
 
 <script>
 
-import {copyToClipboard} from "../utils/helpers.mjs";
-
 let dragged = null
 let guide1 = null
 
@@ -145,14 +143,6 @@ export default{
 						}
 					}
 
-					/*console.log('#1', {
-						startIdx,
-						targetIdx,
-						destIdx,
-						moveDirection,
-						dragArea: dragged.dragArea
-					})*/
-
 					dragged.targetParent.splice(destIdx, 0, dragged.parent.splice(startIdx, 1)[0])
 
 					this.$emit('change')
@@ -181,7 +171,6 @@ export default{
 			if(dragged.target !== this.item){
 				const rect = this.$refs.item.getBoundingClientRect()
 				dragged.centerY = rect.y + (rect.height / 2)
-				//console.log('#BS', dragged.centerY, this.item.name)
 			}
 			dragged.target = this.item
 			dragged.targetParent = this.parent
@@ -194,8 +183,6 @@ export default{
 				this.$el.insertBefore(guide1, null)
 				dragged.dragArea = 1
 			}
-
-			//console.log('centerY', dragged.dragArea, e.clientY, dragged.centerY)
 		},
 
 		hoverMouseOut(e){
@@ -215,10 +202,14 @@ export default{
 
 	computed: {
 
+    isSelected(){
+      return this.selectedItem === this.item
+    },
+
 		itemClass(){
 			return [
 				this.$style.item,
-				this.selectedItem === this.item ? this.$style.active : '',
+				this.isSelected ? this.$style.active : '',
 				this.state === 3 ? this.$style.active : '',
 			]
 				.filter(_=>_)
@@ -232,7 +223,26 @@ export default{
 			childCollapsed: false,
 			hvm: null
 		}
-	}
+	},
+
+  watch: {
+
+    item: {
+      handler(){
+        this.childCollapsed = false
+      },
+      deep: true
+    },
+
+    isSelected(to){
+      if(to){
+        this.$el.scrollIntoView({
+          behavior: 'smooth',
+        })
+      }
+    }
+
+  },
 
 }