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
| <template>
| <MenuItem :key="itemKey">
| <span class="flex items-center">
| <Icon :icon="icon" class="mr-1" />
| <span>{{ text }}</span>
| </span>
| </MenuItem>
| </template>
| <script lang="ts">
| import { Menu } from 'ant-design-vue';
|
| import { computed, defineComponent, getCurrentInstance } from 'vue';
|
| import Icon from '/@/components/Icon/index';
| import { propTypes } from '/@/utils/propTypes';
|
| export default defineComponent({
| name: 'DropdownMenuItem',
| components: { MenuItem: Menu.Item, Icon },
| props: {
| key: propTypes.string,
| text: propTypes.string,
| icon: propTypes.string,
| },
| setup(props) {
| const instance = getCurrentInstance();
| const itemKey = computed(() => props.key || instance?.vnode?.props?.key);
| return { itemKey };
| },
| });
| </script>
|
|
