@mixd-id/web-scaffold 0.1.240411006 → 0.1.240411007
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div class="flex-1 flex flex-col gap-3">
|
|
4
4
|
<div class="flex flex-row gap-4 justify-end items-center p-3 pr-6">
|
|
5
5
|
<slot name="moreButtons"></slot>
|
|
6
|
-
<a v-if="
|
|
6
|
+
<a v-if="canDownload" :href="imageUrl" target="_blank" download>
|
|
7
7
|
<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>
|
|
8
8
|
</a>
|
|
9
9
|
<button @click="close">
|
|
@@ -32,8 +32,17 @@ export default{
|
|
|
32
32
|
|
|
33
33
|
},
|
|
34
34
|
|
|
35
|
+
computed: {
|
|
36
|
+
|
|
37
|
+
canDownload(){
|
|
38
|
+
return this.download || this.downloadable
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
},
|
|
42
|
+
|
|
35
43
|
data(){
|
|
36
44
|
return {
|
|
45
|
+
downloadable: false,
|
|
37
46
|
isOpen: false,
|
|
38
47
|
imageUrl: null
|
|
39
48
|
}
|
|
@@ -41,9 +50,10 @@ export default{
|
|
|
41
50
|
|
|
42
51
|
methods: {
|
|
43
52
|
|
|
44
|
-
open(imageUrl){
|
|
53
|
+
open(imageUrl, opt = {}){
|
|
45
54
|
this.imageUrl = imageUrl
|
|
46
55
|
this.isOpen = true
|
|
56
|
+
this.downloadable = opt.download || this.downloadable
|
|
47
57
|
window.addEventListener('keyup', this.onKeyUp)
|
|
48
58
|
},
|
|
49
59
|
|