Blame view

Yi.Vben5.Vue3/packages/effects/layouts/src/basic/menu/menu.vue 925 Bytes
515fceeb   “wangming”   框架初始化
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
  <script lang="ts" setup>
  import type { MenuRecordRaw } from '@vben/types';
  
  import type { MenuProps } from '@vben-core/menu-ui';
  
  import { Menu } from '@vben-core/menu-ui';
  
  interface Props extends MenuProps {
    menus?: MenuRecordRaw[];
  }
  
  const props = withDefaults(defineProps<Props>(), {
    accordion: true,
    menus: () => [],
  });
  
  const emit = defineEmits<{
    open: [string, string[]];
    select: [string, string?];
  }>();
  
  function handleMenuSelect(key: string) {
    emit('select', key, props.mode);
  }
  
  function handleMenuOpen(key: string, path: string[]) {
    emit('open', key, path);
  }
  </script>
  
  <template>
    <Menu
      :accordion="accordion"
      :collapse="collapse"
      :collapse-show-title="collapseShowTitle"
      :default-active="defaultActive"
      :menus="menus"
      :mode="mode"
      :rounded="rounded"
      scroll-to-active
      :theme="theme"
      @open="handleMenuOpen"
      @select="handleMenuSelect"
    />
  </template>