wave-ui 2.32.0 → 2.32.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "2.32.0",
+  "version": "2.32.1",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "main": "./dist/wave-ui.umd.js",

package/src/wave-ui/components/w-icon.vue

@@ -48,7 +48,7 @@ export default {
     ligature () {
       if (!config.iconsLigature) return false
 
-      const [fontName, icon] = this.$slots.default()[0]?.children?.split(' ')
+      const [fontName, icon] = this.icon.split(' ')
       return fontName === config.iconsLigature && { fontName, icon }
     },
     forcedSize () {
@@ -66,7 +66,7 @@ export default {
     },
     classes () {
       return {
-        [this.$slots.default()[0].children]: true,
+        [this.icon]: true,
         [this.color]: this.color,
         [`${this.bgColor}--bg`]: this.bgColor,
         [`size--${this.presetSize}`]: this.presetSize && !this.forcedSize,
@@ -87,6 +87,16 @@ export default {
     styles () {
       return this.forcedSize && `font-size: ${this.forcedSize}`
     }
+  },
+
+  created () {
+    this.icon = this.$slots.default && this.$slots.default()[0].children
+  },
+
+  // Using the slot content directly in the classes computed is not always reacting to changes.
+  // https://github.com/antoniandre/wave-ui/issues/81
+  updated () {
+    this.icon = this.$slots.default && this.$slots.default()[0].children
   }
 }
 </script>

package/src/wave-ui/components/w-list.vue

@@ -19,92 +19,6 @@ ul.w-list(:class="classes")
       :is="checklist ? 'w-checkbox' : (nav && !li.disabled && li.route ? (hasRouter ? 'router-link' : 'a') : 'div')"
       v-bind="liLabelProps(li, i, li._selected)")
 
-    //- Vue 2.x only. Keep this comment to simplify the master branch merge into next.
-    //-----------------------------------------------------
-    //- When there are slots.
-    //- template(v-if="$slots[`item.${i + 1}`] || $slots.item || $slots.default")
-      //- Checklist items. (separated case cz it needs a @click.native, can't be in v-on)
-      w-checkbox.w-list__item-label(
-        v-if="checklist"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)"
-        @click.native="onCheckboxWrapperClick")
-        slot(
-          v-if="$slots[`item.${i + 1}`] && $slots[`item.${i + 1}`]()"
-          :name="`item.${i + 1}`"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(
-          v-else-if="$slots.item"
-          name="item"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(v-else :item="cleanLi(li)" :index="i + 1" :selected="li._selected") {{ li._label }}
-      //- Router link list items. (separated case cz it needs a @click.native, can't be in v-on)
-      router-link.w-list__item-label(
-        v-else-if="nav && !li.disabled && li[itemRouteKey] && hasRouter"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)"
-        @click.native="$emit('item-select', cleanLi(li))")
-        slot(
-          v-if="$slots[`item.${i + 1}`] && $slots[`item.${i + 1}`]()"
-          :name="`item.${i + 1}`"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(
-          v-else-if="$slots.item"
-          name="item"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(v-else :item="cleanLi(li)" :index="i + 1" :selected="li._selected") {{ li._label }}
-      //- Nav & simple list items.
-      component.w-list__item-label(
-        v-else
-        :is="nav && !li.disabled && li[itemRouteKey] ? 'a' : 'div'"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)")
-        slot(
-          v-if="$slots[`item.${i + 1}`] && $slots[`item.${i + 1}`]()"
-          :name="`item.${i + 1}`"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(
-          v-else-if="$slots.item"
-          name="item"
-          :item="cleanLi(li)"
-          :index="i + 1"
-          :selected="li._selected")
-        slot(v-else :item="cleanLi(li)" :index="i + 1" :selected="li._selected") {{ li._label }}
-
-    //- When there are no slots.
-    //- template(v-else)
-      //- Checklist items. (separated case cz it needs a @click.native, can't be in v-on)
-      w-checkbox.w-list__item-label(
-        v-if="checklist"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)"
-        @click.native="onCheckboxWrapperClick")
-      //- Router link list items. (separated case cz it needs a @click.native, can't be in v-on)
-      router-link.w-list__item-label(
-        v-else-if="nav && !li.disabled && li[itemRouteKey] && hasRouter"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)"
-        @click.native="$emit('item-select', cleanLi(li))"
-        v-html="li._label")
-      //- Nav & simple list items.
-      component.w-list__item-label(
-        v-else
-        :is="nav && !li.disabled && li[itemRouteKey] ? 'a' : 'div'"
-        v-bind="liLabelProps(li, i, li._selected)"
-        v-on="liLabelEvents(li)"
-        v-html="li._label")
-    //-----------------------------------------------------
-
     //- Children lists.
     w-list(
       v-if="(li.children || []).length"