perf: simplify the writing of preferences

Author: vince292007

packages/@core/ui-kit/tabs-ui/src/widgets/tool-more.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { DropdownMenuProps } from '@vben-core/shadcn-ui';
 
-import { IcRoundMoreVert } from '@vben-core/iconify';
+import { IcRoundKeyboardArrowDown } from '@vben-core/iconify';
 import { VbenDropdownMenu } from '@vben-core/shadcn-ui';
 
 defineProps<DropdownMenuProps>();
@@ -10,9 +10,9 @@ defineProps<DropdownMenuProps>();
 <template>
   <VbenDropdownMenu :menus="menus" :modal="false">
     <div
-      class="flex-center hover:bg-accent hover:text-foreground text-muted-foreground border-border h-full cursor-pointer border-l px-2 text-lg font-semibold"
+      class="flex-center hover:bg-accent hover:text-foreground text-muted-foreground border-border h-full cursor-pointer border-l px-1.5 text-lg font-semibold"
     >
-      <IcRoundMoreVert />
+      <IcRoundKeyboardArrowDown class="size-5" />
     </div>
   </VbenDropdownMenu>
 </template>

packages/business/layouts/src/basic/layout.vue

@@ -12,7 +12,7 @@ import { VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
 import { mapTree } from '@vben-core/toolkit';
 import { MenuRecordRaw } from '@vben-core/typings';
 
-import { Breadcrumb, CozeAssistant, PreferencesWidget } from '../widgets';
+import { Breadcrumb, CozeAssistant, Preferences } from '../widgets';
 import { LayoutContent } from './content';
 import { Copyright } from './copyright';
 import { LayoutFooter } from './footer';
@@ -153,9 +153,7 @@ function clearPreferencesAndLogout() {
     "
   >
     <template v-if="preferences.app.enablePreferences" #preferences>
-      <PreferencesWidget
-        @clear-preferences-and-logout="clearPreferencesAndLogout"
-      />
+      <Preferences @clear-preferences-and-logout="clearPreferencesAndLogout" />
     </template>
 
     <template #floating-groups>

packages/business/layouts/src/widgets/preferences/index.ts

@@ -1 +1,2 @@
-export { default as PreferencesWidget } from './preferences-widget.vue';
+export { default as Preferences } from './preferences.vue';
+export * from './use-open-preferences';