From 6b81d1b0d5c178703a221726c39dc62c7145d0fd Mon Sep 17 00:00:00 2001
From: 928646789 <30285928+928646789@users.noreply.github.com>
Date: Fri, 22 May 2026 07:26:12 +0800
Subject: [PATCH] fix: preferences-button click to show setting drawer (#7938)

---
 .../src/widgets/preferences/preferences-button.vue       | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/effects/layouts/src/widgets/preferences/preferences-button.vue b/packages/effects/layouts/src/widgets/preferences/preferences-button.vue
index 1ef06fde6..451c936e8 100644
--- a/packages/effects/layouts/src/widgets/preferences/preferences-button.vue
+++ b/packages/effects/layouts/src/widgets/preferences/preferences-button.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
+
 import { Settings } from '@vben/icons';
 
 import { VbenIconButton } from '@vben-core/shadcn-ui';
@@ -10,10 +12,13 @@ const emit = defineEmits<{ clearPreferencesAndLogout: [] }>();
 function clearPreferencesAndLogout() {
   emit('clearPreferencesAndLogout');
 }
+
+const preferencesRef = ref<InstanceType<typeof Preferences> | null>(null);
+
 </script>
 <template>
-  <Preferences @clear-preferences-and-logout="clearPreferencesAndLogout">
-    <VbenIconButton class="hover:animate-[shrink_0.3s_ease-in-out]">
+  <Preferences ref="preferencesRef" @clear-preferences-and-logout="clearPreferencesAndLogout">
+    <VbenIconButton class="hover:animate-[shrink_0.3s_ease-in-out]" @click="preferencesRef?.open();">
       <Settings class="size-4 text-foreground" />
     </VbenIconButton>
   </Preferences>