@mixd-id/web-scaffold 0.1.240411005 → 0.1.240411007

package/package.json

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

package/src/components/ImagePreview.vue

@@ -3,7 +3,7 @@
 		<div class="flex-1 flex flex-col gap-3">
 			<div class="flex flex-row gap-4 justify-end items-center p-3 pr-6">
         <slot name="moreButtons"></slot>
-				<a v-if="download" :href="imageUrl" target="_blank" download>
+				<a v-if="canDownload" :href="imageUrl" target="_blank" download>
           <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" class="fill-text" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0-alpha3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z"/></svg>
         </a>
 				<button @click="close">
@@ -32,8 +32,17 @@ export default{
 
 	},
 
+  computed: {
+
+    canDownload(){
+      return this.download || this.downloadable
+    }
+
+  },
+
 	data(){
 		return {
+      downloadable: false,
 			isOpen: false,
 			imageUrl: null
 		}
@@ -41,9 +50,10 @@ export default{
 
 	methods: {
 
-		open(imageUrl){
+		open(imageUrl, opt = {}){
 			this.imageUrl = imageUrl
 			this.isOpen = true
+      this.downloadable = opt.download || this.downloadable
 			window.addEventListener('keyup', this.onKeyUp)
 		},
 

package/src/components/List.vue

@@ -427,10 +427,12 @@ export default{
         if(this.presetKey){
           return this.socket.send(this.presetSrc, { key:this.presetKey })
               .then(config => {
-                Object.assign(this.cConfig, config)
+                if(config){
+                  Object.assign(this.cConfig, config)
 
-                if(this.$route.query?.search)
-                  this.preset.search = this.$route.query.search
+                  if(this.$route.query?.search)
+                    this.preset.search = this.$route.query.search
+                }
               })
         }
         return new Promise(resolve => resolve())

package/src/widgets/Dashboard.vue

@@ -1675,10 +1675,12 @@ export default {
     async loadPreset(){
       return this.socket.send(this.presetSrc, { key:this.presetKey })
           .then(async (config) => {
-            Object.assign(this.config, config ?? {})
+            if(config){
+              Object.assign(this.config, config ?? {})
 
-            /*if(this.$route.query?.search)
-              this.preset.search = this.$route.query.search*/
+              /*if(this.$route.query?.search)
+                this.preset.search = this.$route.query.search*/
+            }
           })
           .catch(() => {})
     },

package/src/widgets/WebPageBuilder.vue

@@ -1453,10 +1453,12 @@ export default{
         if(this.presetKey){
           return this.socket.send(this.presetSrc, { key:this.presetKey })
               .then(config => {
-                Object.assign(this.config.params, config.params)
+                if(config){
+                  Object.assign(this.config.params, config.params)
 
-                if(this.$route.query?.search)
-                  this.preset.search = this.$route.query.search
+                  if(this.$route.query?.search)
+                    this.preset.search = this.$route.query.search
+                }
               })
         }
         return new Promise(resolve => resolve())