feat: breadcrumb add menu icon

flingyp · Dec 28, 2023 · 246753b · 246753b
1 parent 8bf5aeb
commit 246753b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/auto-imports.d.ts b/auto-imports.d.ts
@@ -165,6 +165,7 @@ declare global {
   const useDebounce: typeof import('@vueuse/core')['useDebounce']
   const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
   const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
+  const useDemoRender: typeof import('./src/composables/common/useDemoRender/index')['default']
   const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
   const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
   const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
@@ -486,6 +487,7 @@ declare module 'vue' {
     readonly useDebounce: UnwrapRef<typeof import('@vueuse/core')['useDebounce']>
     readonly useDebounceFn: UnwrapRef<typeof import('@vueuse/core')['useDebounceFn']>
     readonly useDebouncedRefHistory: UnwrapRef<typeof import('@vueuse/core')['useDebouncedRefHistory']>
+    readonly useDemoRender: UnwrapRef<typeof import('./src/composables/common/useDemoRender/index')['default']>
     readonly useDeviceMotion: UnwrapRef<typeof import('@vueuse/core')['useDeviceMotion']>
     readonly useDeviceOrientation: UnwrapRef<typeof import('@vueuse/core')['useDeviceOrientation']>
     readonly useDevicePixelRatio: UnwrapRef<typeof import('@vueuse/core')['useDevicePixelRatio']>

diff --git a/src/layout/components/GlobalBreadCrumbMenu.vue b/src/layout/components/GlobalBreadCrumbMenu.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useDeepClone } from '@flypeng/tool/browser';
 import { VAdmireMenuOption } from 'naive-ui';
+import RenderIconify from '~/components/common/RenderIconify.vue';
 import { transformMenu } from '~/utils';
 
 const { t } = useI18n();
@@ -28,7 +29,10 @@ const clickBreadCrumbItem = (key: string) => {
     <NBreadcrumb>
       <NBreadcrumbItem v-for="item in transformMenuList" :key="item.key">
         <NDropdown :options="item.children" @select="clickBreadCrumbItem">
-          <span>{{ item.label }}</span>
+          <div class="flex items-center space-x-1">
+            <RenderIconify :icon="item.iconLabel" />
+            <span>{{ item.label }}</span>
+          </div>
         </NDropdown>
       </NBreadcrumbItem>
     </NBreadcrumb>