@afeefa/vue-app 0.0.87 → 0.0.88

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- 0.0.87
1
+ 0.0.88
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@afeefa/vue-app",
3
- "version": "0.0.87",
3
+ "version": "0.0.88",
4
4
  "description": "",
5
5
  "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
6
6
  "license": "MIT",
@@ -25,9 +25,9 @@
25
25
  <v-card-title v-if="title">
26
26
  <v-avatar
27
27
  v-if="icon"
28
- color="#F4F4F4"
28
+ color="#FFFFFF"
29
29
  size="2rem"
30
- class="mr-2"
30
+ class="ml-n1 mr-2"
31
31
  >
32
32
  <v-icon
33
33
  :color="icon.color"
@@ -5,7 +5,10 @@
5
5
  style="width: max-content;"
6
6
  @click="open"
7
7
  >
8
- <slot name="activator">
8
+ <slot
9
+ v-if="!autoOpen"
10
+ name="activator"
11
+ >
9
12
  <a-icon class="contextButton">
10
13
  $dotsHorizontalIcon
11
14
  </a-icon>
@@ -99,9 +102,10 @@ import { ComponentWidthMixin } from './mixins/ComponentWidthMixin'
99
102
  'listAction',
100
103
  'q',
101
104
  'width',
102
- 'closeOnSelect',
103
105
  'loadOnlyIfKeyword',
104
106
  {
107
+ autoOpen: false,
108
+ closeOnSelect: true,
105
109
  selectedItems: []
106
110
  }
107
111
  ],
@@ -120,6 +124,12 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
120
124
  filters = []
121
125
  count = 0
122
126
 
127
+ mounted () {
128
+ if (this.autoOpen) {
129
+ this.open()
130
+ }
131
+ }
132
+
123
133
  destroyed () {
124
134
  this.close()
125
135
  }
@@ -167,10 +177,6 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
167
177
  return this.loadOnlyIfKeyword === undefined || this.loadOnlyIfKeyword
168
178
  }
169
179
 
170
- get _closeOnSelect () {
171
- return this.closeOnSelect === undefined || this.closeOnSelect
172
- }
173
-
174
180
  positionize () {
175
181
  const position = new PositionConfig()
176
182
  .setAnchor(this, '.activator')
@@ -249,7 +255,7 @@ export default class ASearchSelect extends Mixins(ComponentWidthMixin, UsesPosit
249
255
 
250
256
  selectHandler (model) {
251
257
  return event => {
252
- if (this._closeOnSelect) {
258
+ if (this.closeOnSelect) {
253
259
  this.close()
254
260
  }
255
261
  this.$emit('select', model, {
@@ -15,10 +15,9 @@
15
15
  </v-avatar>
16
16
 
17
17
  <label :class="['label', {'label--withIcon': !!_icon}]">{{ label }}</label>
18
+
18
19
  <div class="pl-2">
19
- <slot
20
- name="actionButton"
21
- />
20
+ <slot name="actionButton" />
22
21
  </div>
23
22
  </div>
24
23