@d-mok/quasar-app-extension-quasar-axe 2.1.60 → 2.1.62

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.1.60",
+    "version": "2.1.62",
     "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

@@ -91,7 +91,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 type item = {
     title?: string
     caption?: string
@@ -124,15 +124,11 @@ const props = withDefaults(
 
 let open = ref(false)
 
-import { watch } from 'vue'
 import { useRoute } from 'vue-router'
 const route = useRoute()
-
-const maxPageWidth = ref(2000)
-
-watch(route, (to, from) => {
-    maxPageWidth.value = props.items.get({ link: to.path })?.width ?? 2000
-})
+const maxPageWidth = computed(
+    () => props.items.get({ link: route.path })?.width ?? 2000
+)
 </script>
 
 <style scoped>

package/src/templates/src/utils/dialog/advanced.ts

@@ -215,6 +215,22 @@ export async function askFile(
     return await base(dialogFile, {
         title,
         message,
+        multiple: false,
+        cancel: true,
+    })
+}
+
+/**
+ * Ask to select files.
+ */
+export async function askFiles(
+    title: string,
+    message: string = ''
+): Promise<File[]> {
+    return await base(dialogFile, {
+        title,
+        message,
+        multiple: true,
         cancel: true,
     })
 }

package/src/templates/src/utils/dialog/custom/dialogFile.vue

@@ -10,6 +10,7 @@
                 <q-file
                     v-model="file"
                     label="File"
+                    :multiple="multiple"
                     filled
                     counter
                 />
@@ -42,11 +43,12 @@ defineEmits([...useDialogPluginComponent.emits])
 const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
     useDialogPluginComponent()
 
-let file = ref<File | null>(null)
+let file = ref<File | File[] | null>(null)
 
 const props = defineProps<{
     title: string
     message: string
+    multiple: boolean
     cancel: boolean
 }>()
 </script>