@d-mok/quasar-app-extension-quasar-axe 2.1.52 → 2.1.54

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.1.52",
+    "version": "2.1.54",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",

package/src/templates/src/boot/axe/components/QxTick.vue

@@ -0,0 +1,14 @@
+<template>
+    <q-icon
+        :name="val ? 'check_box' : 'check_box_outline_blank'"
+        :size="size ?? 'sm'"
+        v-bind="$attrs"
+    />
+</template>
+
+<script lang="ts" setup>
+let props = defineProps<{
+    val: boolean
+    size: string
+}>()
+</script>

package/src/templates/src/utils/storage.ts

@@ -93,12 +93,40 @@ export class SupbaseBucket extends Map<string, string> {
         this.delete(path)
     }
 
-    async downloadZip() {
+    async downloadOne(path: string, filename: string) {
+        let url = this.get(path) ?? ''
+        if (url === '') throw 'url not found'
+        downloadFile(url, filename)
+    }
+
+    async downloadMany(
+        paths: string[],
+        filenames: string[],
+        zipName: string = this.bucketName
+    ) {
+        let urls = paths.map($ => this.get($) ?? '')
+        let zip = await zipCreate(Object.fromEntries(filenames.zip(urls)))
+        await zipDownload(zipName, zip)
+    }
+
+    async downloadAll(zipName: string = this.bucketName) {
         let zip = await zipCreate(Object.fromEntries(this))
-        await zipDownload(this.bucketName, zip)
+        await zipDownload(zipName, zip)
     }
 
     reactive(): this {
         return reactive(this) as this
     }
 }
+
+function downloadFile(url: string, filename: string) {
+    // Create a link element
+    const link = document.createElement('a')
+    link.href = url
+    link.download = filename
+
+    // Simulate a click event on the link element
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+}