@d-mok/quasar-app-extension-quasar-axe 2.1.56 → 2.1.58

package/package.json

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

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

@@ -76,6 +76,7 @@
                         <q-page
                             padding
                             class="q-mx-auto q-gutter-md"
+                            :style="{ 'max-width': globalControl.width + 'px' }"
                         >
                             <component
                                 :is="Component"
@@ -91,7 +92,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-
+import { globalControl } from '../../../utils'
 type item = {
     title: string
     caption?: string

package/src/templates/src/utils/control.ts

@@ -0,0 +1,7 @@
+// global control
+
+import { reactive } from 'vue'
+
+export let globalControl = reactive({
+    width: 2000,
+})

package/src/templates/src/utils/index.ts

@@ -23,3 +23,5 @@ export type { zipFolder } from './zip'
 export * as gSheet from './gSheet'
 
 export { SupbaseBucket } from './storage'
+
+export { globalControl } from './control'

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

@@ -95,28 +95,13 @@ export class SupbaseBucket extends Map<string, string> {
         this.delete(path)
     }
 
-    async downloadOne(path: string, filename: string) {
+    async save(path: string, filename: string): Promise<File> {
         let url = this.get(path) ?? ''
         if (url === '') throw 'url not found'
         let file = await createFileObjectFromUrl(url, filename)
-        let ext = mime.extension(file.type) ?? ''
-        if (ext && !filename.endsWith(ext)) filename += `.${ext}`
-        exportFile(filename, file)
-    }
-
-    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(zipName, zip)
+        file = renameFileObject(file, filename)
+        file = addExtToFileObject(file)
+        return file
     }
 
     reactive(): this {
@@ -128,12 +113,18 @@ async function createFileObjectFromUrl(
     url: string,
     filename: string
 ): Promise<File> {
-    // Fetch the data from the URL
     const response = await fetch(url)
     const data = await response.blob()
     const type = response.headers.get('content-type') ?? undefined
-    // Create a new File object with the data and filename
-    const file = new File([data], filename, { type })
-    // Return the new File object
-    return file
+    return new File([data], filename, { type })
+}
+
+function renameFileObject(file: File, filename: string): File {
+    return new File([file], filename, { type: file.type })
+}
+
+function addExtToFileObject(file: File): File {
+    let ext = mime.extension(file.type) || ''
+    if (file.name.endsWith(ext)) return file
+    return renameFileObject(file, `${file.name}.${ext}`)
 }