@mixd-id/web-scaffold 0.1.230406160 → 0.1.230406162

package/package.json

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

package/src/components/Alert.vue

@@ -16,7 +16,7 @@
 						</div>
 
 						<div :class="$style.details" v-if="message">
-							<p class="text-center whitespace-pre-line">{{ message }}</p>
+							<p class="text-center break-all whitespace-pre-line">{{ message }}</p>
 						</div>
 
 						<div :class="$style.details" v-if="details">
@@ -103,22 +103,24 @@ export default{
 			return this.alert.buttonText ?? this.$t('OK')
 		},
 
+    err(){
+      return this.alert.reason && this.alert.reason.response ? this.alert.reason.response.data :
+          (this.alert.response && this.alert.response.data ? this.alert.response.data : this.alert)
+    },
+
 		title(){
-			const err = this.alert.response && this.alert.response.data ?
-				this.alert.response.data :
-				this.alert
 
-			if(err.title){
-				return err.title
+			if(this.err.title){
+				return this.err.title
 			}
-			else if(err.name){
-				return unPascalCase(err.name)
+			else if(this.err.name){
+				return unPascalCase(this.err.name)
 			}
-			else if(err.type){
-				return unPascalCase(err.type)
+			else if(this.err.type){
+				return unPascalCase(this.err.type)
 			}
-			else if(err.status){
-				return `Error ${err.status}`
+			else if(this.err.status){
+				return `Error ${this.err.status}`
 			}
 			else{
 				return this.$t('Alert')
@@ -126,17 +128,22 @@ export default{
 		},
 
 		message(){
-			const err = this.alert.response && this.alert.response.data ?
-				this.alert.response.data :
-				this.alert
-
-			if(err.errors){
-				return typeof err.errors === 'object' && Object.keys(err.errors).length > 0 ?
-            Object.values(err.errors).join("\n") :
-            err.errors
+
+			if(this.err.errors){
+				return typeof this.err.errors === 'object' && Object.keys(this.err.errors).length > 0 ?
+            Object.values(this.err.errors).join("\n") :
+            this.err.errors
 			}
-			else if(err.message){
-				return err.message
+      else if(this.err.reason){
+        if(this.err.reason.stack){
+          return this.err.reason.stack
+        }
+        else{
+          return this.err.reason
+        }
+      }
+			else if(this.err.message){
+				return this.err.message
 			}
 			else{
 				return ''

package/src/components/Modal.vue

@@ -241,6 +241,9 @@ export default{
 .modalBody{
 	@apply flex-1 min-h-0 overflow-y-auto flex;
 }
+.modalBody::-webkit-scrollbar {
+  display: none;
+}
 
 .overlay{
 	@apply absolute z-20 left-0 bottom-0 top-0 right-0 bg-white/50 backdrop-blur-sm;

package/src/components/TreeViewItem.vue

@@ -235,11 +235,11 @@ export default{
     },
 
     isSelected(to){
-      if(to){
+      /*if(to){
         this.$el.scrollIntoView({
           behavior: 'smooth',
         })
-      }
+      }*/
     }
 
   },