wave-ui 1.53.0 → 1.54.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wave-ui",
3
- "version": "1.53.0",
3
+ "version": "1.54.0",
4
4
  "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
5
5
  "author": "Antoni Andre <antoniandre.web@gmail.com>",
6
6
  "main": "./dist/wave-ui.umd.js",
@@ -10,6 +10,7 @@
10
10
  "exports": {
11
11
  "./dist/wave-ui.css": "./dist/wave-ui.css",
12
12
  "./dist/wave-ui.cjs.js": "./dist/wave-ui.cjs.js",
13
+ "./src/wave-ui": "./src/wave-ui/index.js",
13
14
  ".": {
14
15
  "import": "./dist/wave-ui.es.js",
15
16
  "require": "./dist/wave-ui.umd.js"
@@ -134,6 +134,7 @@ export default {
134
134
  icon: { type: String, default: '' },
135
135
  itemLabelKey: { type: String, default: 'label' }, // Name of the label field.
136
136
  itemValueKey: { type: String, default: 'value' }, // Name of the value field.
137
+ itemClassKey: { type: String, default: 'value' }, // Name of the class field.
137
138
  itemColorKey: { type: String, default: 'color' }, // Support a different color per item.
138
139
  itemRouteKey: { type: String, default: 'route' }, // Name of the route field for `nav` lists.
139
140
  itemClass: { type: String },
@@ -230,7 +231,7 @@ export default {
230
231
  'w-list__item-label--selectable': this.isSelectable,
231
232
  [item.color]: !!item.color,
232
233
  [this.SelectionColor]: item._selected && !item.color && this.SelectionColor,
233
- [this.itemClass]: !!this.itemClass
234
+ [item[this.itemClassKey] || this.itemClass]: item[this.itemClassKey] || this.itemClass
234
235
  }
235
236
  },
236
237
 
@@ -84,7 +84,7 @@ export default {
84
84
  persistent: { type: Boolean },
85
85
  delay: { type: Number }
86
86
  // Other props in the detachable mixin:
87
- // detachTo, appendTo, fixed, top, bottom, left, right, alignTop, alignBottom, alignLeft,
87
+ // appendTo, fixed, top, bottom, left, right, alignTop, alignBottom, alignLeft,
88
88
  // alignRight, noPosition, zIndex, activator.
89
89
  },
90
90
 
@@ -204,7 +204,7 @@ export default {
204
204
  watch: {
205
205
  value (value) {
206
206
  this.inputValue = value
207
- this.computeHeight()
207
+ this.$nextTick(this.computeHeight)
208
208
  },
209
209
  resizable (value) {
210
210
  if (value) this.height = null
@@ -44,7 +44,7 @@ export default {
44
44
  persistent: { type: Boolean },
45
45
  delay: { type: Number }
46
46
  // Other props in the detachable mixin:
47
- // detachTo, appendTo, fixed, top, bottom, left, right, alignTop, alignBottom, alignLeft,
47
+ // appendTo, fixed, top, bottom, left, right, alignTop, alignBottom, alignLeft,
48
48
  // alignRight, noPosition, zIndex, activator.
49
49
  },
50
50
 
@@ -16,7 +16,7 @@
16
16
 
17
17
  .grow {flex-grow: 1;flex-basis: auto;}
18
18
  .no-grow {flex-grow: 0;}
19
- .shrink {flex-shrink: 1;margin-left: auto;margin-right: auto;}
19
+ .shrink {flex-shrink: 1;}
20
20
  .no-shrink {flex-shrink: 0;}
21
21
  .fill-width {width: 100%;}
22
22
  .fill-height {height: 100%;}