@afeefa/vue-app 0.0.222 → 0.0.224

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

@@ -1 +1 @@
-0.0.222
+0.0.224

package/package.json

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

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

@@ -19,7 +19,7 @@
         :label="label"
         :rules="validationRules"
         placeholder="Mausklick oder Space/↓-Taste zum Auswählen"
-        :clearable="!!selectedItems.length"
+        :clearable="clearable && !!selectedItems.length"
         appendIcon="$dropdown"
         @keydown.space.prevent="open"
         @keydown.down.prevent="open"
@@ -91,6 +91,13 @@ export default class FormFieldSearchSelect extends Mixins(FormFieldMixin) {
     return (this.model[this.name] && this.model[this.name].getTitle()) || null
   }
 
+  get clearable () {
+    if (this.validator && this.validator.getParam('filled')) {
+      return false
+    }
+    return true
+  }
+
   calculateSelectorSize () {
     const input = this.$refs.input.$el
     const inputWidth = input.offsetWidth

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

@@ -7,6 +7,8 @@
     item-text="itemText"
     item-value="itemValue"
 
+    :clearable="clearable && !!model[name]"
+
     :validator="validator"
     v-bind="$attrs"
     v-on="$listeners"
@@ -33,6 +35,13 @@ export default class FormFieldSelect extends Mixins(FormFieldMixin) {
     }
   }
 
+  get clearable () {
+    if (this.validator && this.validator.getParam('filled')) {
+      return false
+    }
+    return true
+  }
+
   get _items () {
     return this.$attrs.items || this.items || []
   }

package/src-admin/components/list/ListColumnHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="listColumnHeader">
     <div
-      :class="['content', {order}]"
+      :class="['content', {order, right}]"
       @click="toggleSort"
     >
       <div
@@ -42,7 +42,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: ['text', 'icon', 'order']
+  props: ['text', 'icon', 'order', {right: false}]
 })
 export default class ListColumnHeader extends Vue {
   get orderValue () {
@@ -110,6 +110,10 @@ export default class ListColumnHeader extends Vue {
     user-select: none;
     cursor: pointer;
   }
+
+  &.right {
+    justify-content: end;
+  }
 }
 
 :deep(.v-icon) {