@d-mok/quasar-app-extension-quasar-axe 2.0.17 → 2.0.20

package/package.json

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

@@ -0,0 +1,46 @@
+<template>
+    <q-select
+        v-model="text"
+        :use-input="text === null"
+        input-debounce="0"
+        :options="options"
+        @filter="filterFn"
+        new-value-mode="add-unique"
+        v-bind="$attrs"
+        clearable
+    >
+    </q-select>
+</template>
+
+<script lang="ts" setup>
+import { useVModel } from '@vueuse/core'
+import _ from 'lodash'
+import { ref } from 'vue'
+
+const props = defineProps<{
+    autocomplete: string[]
+    modelValue: any
+}>()
+
+const emits = defineEmits(['update:modelValue'])
+
+const text = useVModel(props, 'modelValue', emits)
+if (!text.value) text.value = null
+
+let options = ref<string[]>(props.autocomplete)
+
+function filterFn(val: any, update: any) {
+    if (val === '') {
+        update(() => {
+            options.value = props.autocomplete
+        })
+    } else {
+        update(() => {
+            const needle = val.toLowerCase()
+            options.value = props.autocomplete.filter(
+                v => v.toLowerCase().indexOf(needle) > -1
+            )
+        })
+    }
+}
+</script>

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

@@ -23,6 +23,13 @@ async function base(component: QDialogOptions['component'], props: any) {
     )
 }
 
+export async function custom(
+    component: QDialogOptions['component'],
+    props: any
+) {
+    await base(component, props)
+}
+
 /**
  * Ask for a string by a text area. Allow empty.
  */
@@ -125,6 +132,7 @@ type FormPrefill = Record<
     | number
     | boolean
     | { type: 'select'; value: string; options: string[] }
+    | { type: 'autocomplete'; value: string; options: string[] }
 >
 
 type FormFlat<T extends FormPrefill> = {

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

@@ -33,6 +33,12 @@
                         :options="(prefill[field] as any).options"
                         :label="field"
                     />
+                    <qx-input-autocomplete
+                        v-if="getType(field) === 'autocomplete'"
+                        v-model="dummy[field]"
+                        :autocomplete="(prefill[field] as any).options"
+                        :label="field"
+                    />
                 </div>
                 <div
                     class="text-red"
@@ -77,6 +83,7 @@ type prefill = Record<
     | number
     | boolean
     | { type: 'select'; value: string; options: string[] }
+    | { type: 'autocomplete'; value: string; options: string[] }
 >
 
 const props = defineProps<{

package/src/templates/src/utils/puppets/table.ts

@@ -63,9 +63,17 @@ export function TABLE<
             this.order(...ordering)
         }
 
-        /** Get an item by `criteria`. If not found, return a new object. */
+        /** Get an item by `criteria`. If not found, throw error. */
         got(criteria: Criteria<T>): T {
-            return this.get(criteria) ?? new EntityClass({})
+            let obj = this.get(criteria)
+            if (obj === undefined) {
+                throw (
+                    EntityClass.name +
+                    ' has no element matching ' +
+                    JSON.stringify(criteria)
+                )
+            }
+            return obj
         }
 
         /** make reactive */