@afeefa/vue-app 0.0.125 → 0.0.127

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

@@ -1 +1 @@
-0.0.125
+0.0.127

package/package.json

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

package/src/components/ASearchSelect.vue

@@ -62,6 +62,7 @@
         :listAction="listAction"
         :q="q"
         :selectedItems="selectedItems"
+        :isDisabled="isDisabled"
         :events="false"
         :history="false"
         :filterSource="filterSource"
@@ -122,7 +123,10 @@ import { ComponentWidthMixin } from './mixins/ComponentWidthMixin'
       loadOnlyIfKeyword: false,
       autoOpen: false,
       closeOnSelect: true,
-      selectedItems: []
+      selectedItems: [],
+      isDisabled: {
+        default: () => () => false
+      }
     }
   ],
   components: {

package/src/components/ATableRow.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="['a-table-row', getFontSizeCssClass, {border: hasBorder, selected}]"
+    :class="['a-table-row', getFontSizeCssClass, {border: hasBorder, selected, disabled}]"
     @click="$emit('click')"
   >
     <slot />
@@ -12,7 +12,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: ['small', 'selected']
+  props: ['small', 'selected', 'disabled']
 })
 export default class ATableRow extends Vue {
   $hasOptions = ['border']
@@ -73,6 +73,11 @@ export default class ATableRow extends Vue {
     background: #F4F4F4;
   }
 
+  &.disabled {
+    pointer-events: none;
+    opacity: .5;
+  }
+
   &.active {
     background: #EEEEFF;
   }

package/src/components/ATextField.vue

@@ -81,6 +81,7 @@ export default class ATextField extends Mixins(ComponentWidthMixin) {
       this.setInternalValue('')
       this.$emit('input', this.emptyValue)
       this.validate()
+      this.$emit('clear')
     }
   }
 

package/src/components/form/EditForm.vue

@@ -73,6 +73,8 @@ export default class EditForm extends Vue {
    * as a date field, which could turn a null to a default date.
    * Using the created() method would result in already having set
    * the default date, hence not detecting a valid "change" anymore.
+   *
+   * comment 14.12. -> this should not be necessary if components do not alter models
    */
   // @Watch('modelToEdit', {immediate: true})
   // @Watch('modelToEdit')

package/src/components/form/fields/FormFieldSearchSelect.vue

@@ -6,6 +6,7 @@
     :getSearchInput="() => $refs.searchInput"
     diffXControls="-.5rem"
     diffYControls="-.5rem"
+    v-bind="$attrs"
     @select="itemSelected"
     @close="focusInput"
     @beforeOpen="calculateSelectorSize"
@@ -13,14 +14,16 @@
     <template #activator="{open}">
       <a-text-field
         ref="input"
-        v-model="inputModel"
+        :value="inputModel"
         readonly
         :label="label"
         :rules="validationRules"
-        placeholder="Mausklick oder Space-Taste zum Auswählen"
+        placeholder="Mausklick oder Space/↓-Taste zum Auswählen"
+        :clearable="!!selectedItems.length"
         @keydown.space.prevent="open"
         @keydown.down.prevent="open"
         @keydown.enter.prevent="open"
+        @clear="clear"
       />
     </template>
 
@@ -102,6 +105,10 @@ export default class FormFieldSearchSelect extends Mixins(FormFieldMixin) {
   focusInput () {
     this.$refs.input.setFocus(true)
   }
+
+  clear () {
+    this.itemSelected(null)
+  }
 }
 </script>
 

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

@@ -22,7 +22,7 @@
           v-for="(model, index) in models_"
           :key="model.id"
           small
-          :class="['row-' + index, {selected: isSelected(model), active: activeModelIndex === index}]"
+          :class="['row-' + index, {selected: isSelected(model), disabled: isDisabled(model), active: activeModelIndex === index}]"
         >
           <slot
             name="row"
@@ -52,7 +52,7 @@ import { Component, Mixins } from '@a-vue'
 import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
 
 @Component({
-  props: ['q', 'selectedItems']
+  props: ['q', 'selectedItems', 'isDisabled']
 })
 export default class SearchSelectList extends Mixins(ListViewMixin) {
   activeModelIndex = -1