@d-mok/quasar-app-extension-quasar-axe 2.1.95 → 2.1.97

package/package.json

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

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

@@ -18,9 +18,14 @@ import { ref } from 'vue'
 
 let modelValue = defineModel<string>({ required: true })
 
-const { autocomplete, immediate = false } = defineProps<{
+const {
+    autocomplete,
+    immediate = false,
+    noFilter = false,
+} = defineProps<{
     autocomplete: string[]
     immediate?: boolean
+    noFilter?: boolean
 }>()
 
 let options = ref<string[]>([])
@@ -28,6 +33,10 @@ let options = ref<string[]>([])
 function filterFn(val: any, update: any) {
     if (!val) val = modelValue.value
     update(() => {
+        if (noFilter) {
+            options.value = autocomplete
+            return
+        }
         if (!immediate && !val) {
             options.value = []
             return

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

@@ -24,7 +24,10 @@ async function base(options: QDialogOptions): Promise<string> {
 
     return new Promise<string>((resolve, reject) =>
         Dialog.create(opt)
-            .onOk((data: unknown) => resolve(String(data)))
+            .onOk((data: unknown) => {
+                if (Array.isArray(data)) resolve(JSON.stringify(data))
+                resolve(String(data))
+            })
             .onCancel(() => reject('dialog cancelled by user.'))
     )
 }
@@ -141,7 +144,8 @@ export async function askRadio<T>(
     title: string,
     message: string = '',
     items: T[],
-    label: (string & keyof T) | Mapper<T, string> = $ => String($)
+    prefill: T = items[0],
+    label?: (string & keyof T) | Mapper<T, string>
 ): Promise<T> {
     let labelFunc = ($: any) => getLabelFunc(label)($)
     let values = items.map(labelFunc)
@@ -150,7 +154,7 @@ export async function askRadio<T>(
         title,
         message,
         options: {
-            model: '',
+            model: labelFunc(prefill),
             type: 'radio',
             items: values.map($ => ({ label: $, value: $ })),
             isValid: $ => typeof $ === 'string' && values.includes($),
@@ -159,3 +163,31 @@ export async function askRadio<T>(
 
     return items.find($ => labelFunc($) === value)!
 }
+
+/**
+ * Ask to select multiple object by a checkbox button group.
+ */
+export async function askCheckbox<T>(
+    title: string,
+    message: string = '',
+    items: T[],
+    prefill: T[] = [],
+    label?: (string & keyof T) | Mapper<T, string>
+): Promise<T[]> {
+    let labelFunc = ($: any) => getLabelFunc(label)($)
+    let values = items.map(labelFunc)
+
+    let value = await base({
+        title,
+        message,
+        options: {
+            model: prefill.map(labelFunc),
+            type: 'checkbox',
+            items: values.map($ => ({ label: $, value: $ })),
+            // isValid: $ => typeof $ === 'string' && values.includes($),
+        },
+    })
+
+    let selected: string[] = JSON.parse(value)
+    return items.filter($ => selected.includes(labelFunc($)))
+}

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

@@ -66,7 +66,6 @@ import { ref } from 'vue'
 import { toSchema, isMatchSchema, isPrimitive, clone } from './schema'
 import { unparseCSV } from '../../csv'
 import { copyToClipboard } from 'quasar'
-import { validate } from 'json-schema'
 
 defineEmits([...useDialogPluginComponent.emits])