@afeefa/vue-app 0.0.222 → 0.0.224
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
0.0.
|
|
1
|
+
0.0.224
|
package/package.json
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
:label="label"
|
|
20
20
|
:rules="validationRules"
|
|
21
21
|
placeholder="Mausklick oder Space/↓-Taste zum Auswählen"
|
|
22
|
-
:clearable="!!selectedItems.length"
|
|
22
|
+
:clearable="clearable && !!selectedItems.length"
|
|
23
23
|
appendIcon="$dropdown"
|
|
24
24
|
@keydown.space.prevent="open"
|
|
25
25
|
@keydown.down.prevent="open"
|
|
@@ -91,6 +91,13 @@ export default class FormFieldSearchSelect extends Mixins(FormFieldMixin) {
|
|
|
91
91
|
return (this.model[this.name] && this.model[this.name].getTitle()) || null
|
|
92
92
|
}
|
|
93
93
|
|
|
94
|
+
get clearable () {
|
|
95
|
+
if (this.validator && this.validator.getParam('filled')) {
|
|
96
|
+
return false
|
|
97
|
+
}
|
|
98
|
+
return true
|
|
99
|
+
}
|
|
100
|
+
|
|
94
101
|
calculateSelectorSize () {
|
|
95
102
|
const input = this.$refs.input.$el
|
|
96
103
|
const inputWidth = input.offsetWidth
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
item-text="itemText"
|
|
8
8
|
item-value="itemValue"
|
|
9
9
|
|
|
10
|
+
:clearable="clearable && !!model[name]"
|
|
11
|
+
|
|
10
12
|
:validator="validator"
|
|
11
13
|
v-bind="$attrs"
|
|
12
14
|
v-on="$listeners"
|
|
@@ -33,6 +35,13 @@ export default class FormFieldSelect extends Mixins(FormFieldMixin) {
|
|
|
33
35
|
}
|
|
34
36
|
}
|
|
35
37
|
|
|
38
|
+
get clearable () {
|
|
39
|
+
if (this.validator && this.validator.getParam('filled')) {
|
|
40
|
+
return false
|
|
41
|
+
}
|
|
42
|
+
return true
|
|
43
|
+
}
|
|
44
|
+
|
|
36
45
|
get _items () {
|
|
37
46
|
return this.$attrs.items || this.items || []
|
|
38
47
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="listColumnHeader">
|
|
3
3
|
<div
|
|
4
|
-
:class="['content', {order}]"
|
|
4
|
+
:class="['content', {order, right}]"
|
|
5
5
|
@click="toggleSort"
|
|
6
6
|
>
|
|
7
7
|
<div
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
import { Component, Vue } from '@a-vue'
|
|
43
43
|
|
|
44
44
|
@Component({
|
|
45
|
-
props: ['text', 'icon', 'order']
|
|
45
|
+
props: ['text', 'icon', 'order', {right: false}]
|
|
46
46
|
})
|
|
47
47
|
export default class ListColumnHeader extends Vue {
|
|
48
48
|
get orderValue () {
|
|
@@ -110,6 +110,10 @@ export default class ListColumnHeader extends Vue {
|
|
|
110
110
|
user-select: none;
|
|
111
111
|
cursor: pointer;
|
|
112
112
|
}
|
|
113
|
+
|
|
114
|
+
&.right {
|
|
115
|
+
justify-content: end;
|
|
116
|
+
}
|
|
113
117
|
}
|
|
114
118
|
|
|
115
119
|
:deep(.v-icon) {
|