@afeefa/vue-app 0.0.133 → 0.0.134

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.133
+0.0.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.133",
+  "version": "0.0.134",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/search-select/SearchSelectList.vue

@@ -8,6 +8,7 @@
     @keydown.tab.prevent.exact="keyenter"
     @keydown.space.prevent="keyenter"
     @keydown.tab.shift.prevent="$emit('backtab')"
+    @keydown.exact="keyinput"
   >
     <template v-if="models_.length">
       <a-table v-bind="$attrs">
@@ -56,6 +57,7 @@ import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
 })
 export default class SearchSelectList extends Mixins(ListViewMixin) {
   activeModelIndex = -1
+  localSearchKey = ''
 
   get hasHeader () {
     return this.$slots.header && this.$slots.header.length > 1
@@ -88,6 +90,19 @@ export default class SearchSelectList extends Mixins(ListViewMixin) {
     }
   }
 
+  keyinput (event) {
+    if (event.key.length !== 1) {
+      return
+    }
+
+    this.localSearchKey = event.key
+    this.activeModelIndex = this.findActiveIndexForLocalSearch()
+
+    setTimeout(() => {
+      this.localSearchKey = ''
+    }, 200)
+  }
+
   keydown () {
     this.activeModelIndex++
     if (this.activeModelIndex > this.models_.length - 1) {
@@ -131,6 +146,19 @@ export default class SearchSelectList extends Mixins(ListViewMixin) {
     }
     return -1
   }
+
+  findActiveIndexForLocalSearch () {
+    for (const [index, model] of this.models_.entries()) {
+      const regex = new RegExp(`^${this.localSearchKey}`, 'i')
+      if (model.getTitle().match(regex)) {
+        if (this.activeModelIndex === index) {
+          continue
+        }
+        return index
+      }
+    }
+    return this.activeModelIndex
+  }
 }
 </script>