Fix Actions icon-class, re-add default-icon support

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

src/components/Actions/Actions.vue

@@ -448,6 +448,16 @@ export default {
 			default: null,
 		},
 
+		/**
+		 * Icon to show for the toggle menu button
+		 * when more than one action is inside the actions component.
+		 * Only replace the default three-dot icon if really necessary.
+		 */
+		defaultIcon: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Aria label for the actions menu
 		 */
@@ -730,7 +740,7 @@ export default {
 		 */
 		if (this.isValidSingleAction(actions) && !this.forceMenu) {
 			const firstAction = actions[0]
-			const icon = firstAction?.data?.scopedSlots?.icon()?.[0]
+			const icon = firstAction?.data?.scopedSlots?.icon()?.[0] || h('span', { class: ['icon', firstAction?.componentOptions?.propsData?.icon ] })
 			const title = this.forceTitle ? this.menuTitle : ''
 			const clickListener = firstAction?.componentOptions?.listeners?.click
 			return h('ButtonVue',
@@ -739,8 +749,6 @@ export default {
 						'action-item action-item--single',
 						firstAction?.data?.staticClass,
 						firstAction?.data?.class,
-						// use icon attribute as class if icon slot is not used
-						icon ? undefined : firstAction?.componentOptions?.propsData?.icon,
 					],
 					attrs: {
 						'aria-label': firstAction?.componentOptions?.propsData?.ariaLabel || firstAction?.componentOptions?.children?.[0]?.text,
@@ -782,11 +790,14 @@ export default {
 		 * Otherwise, we render the actions in a popover
 		 */
 		} else {
-			const triggerIcon = this.$slots.icon?.[0] || h('DotsHorizontal', {
+			const triggerIcon = this.$slots.icon?.[0] || (
+				this.defaultIcon
+				? h('span', { class: ['icon', this.defaultIcon ] })
+				: h('DotsHorizontal', {
 				props: {
 					size: 20,
 				},
-			})
+			}))
 			return h('div',
 				{
 					class: [