fix(ui): allow custom QWindow menu icon

Author: hawkeye64

packages/ui/src/components/QWindow.ts

@@ -276,6 +276,17 @@ export default defineComponent({
      * @category titlebar
      */
     noMenu: Boolean,
+    /**
+     * Icon used by the built-in title bar actions menu button.
+     *
+     * @category titlebar
+     * @default "more_vert"
+     * @example menu-icon="more_horiz"
+     */
+    menuIcon: {
+      type: String,
+      default: 'more_vert',
+    },
     /**
      * Disables dragging by the title bar.
      *

packages/ui/src/components/composables/useToolbar.ts

@@ -141,7 +141,7 @@ export default function useToolbar(
         flat: true,
         round: true,
         dense: true,
-        icon: 'more_vert',
+        icon: props.menuIcon,
       },
       () => [renderMenu(menuData)],
     )

packages/ui/test/QWindow.test.ts

@@ -95,6 +95,7 @@ describe('QWindow exports', () => {
           QWindow,
           {
             embedded: true,
+            menuIcon: 'more_horiz',
             modelValue: true,
             title: 'SSR Window',
           },
@@ -111,6 +112,7 @@ describe('QWindow exports', () => {
     expect(html).toContain('q-window')
     expect(html).toContain('role="region"')
     expect(html).toContain('aria-label="SSR Window"')
+    expect(html).toContain('more_horiz')
     expect(html).toContain('SSR Window')
     expect(html).toContain('SSR window content')
   })