| 提交 | 用户 | age | ||
| cbcd90 | 1 | <template> |
| 0ec1a6 | 2 | <MenuItem> |
| V | 3 | <!-- <MenuItem :class="getLevelClass"> --> |
| a65ad9 | 4 | <MenuItemContent v-bind="$props" :item="item" /> |
| cbcd90 | 5 | </MenuItem> |
| V | 6 | </template> |
| 7 | <script lang="ts"> | |
| 0ec1a6 | 8 | import { defineComponent } from 'vue'; |
| cbcd90 | 9 | import { Menu } from 'ant-design-vue'; |
| V | 10 | import { useDesign } from '/@/hooks/web/useDesign'; |
| 11 | import { itemProps } from '../props'; | |
| 12 | ||
| a65ad9 | 13 | import MenuItemContent from './MenuItemContent.vue'; |
| cbcd90 | 14 | export default defineComponent({ |
| V | 15 | name: 'BasicMenuItem', |
| a65ad9 | 16 | components: { MenuItem: Menu.Item, MenuItemContent }, |
| cbcd90 | 17 | props: itemProps, |
| 0ec1a6 | 18 | setup() // props |
| V | 19 | { |
| cbcd90 | 20 | const { prefixCls } = useDesign('basic-menu-item'); |
| V | 21 | |
| 0ec1a6 | 22 | // const getLevelClass = computed(() => { |
| V | 23 | // const { level, theme } = props; |
| cbcd90 | 24 | |
| 0ec1a6 | 25 | // const levelCls = [`${prefixCls}__level${level}`, theme]; |
| V | 26 | // return levelCls; |
| 27 | // }); | |
| cbcd90 | 28 | return { |
| V | 29 | prefixCls, |
| 0ec1a6 | 30 | // getLevelClass, |
| cbcd90 | 31 | }; |
| V | 32 | }, |
| 33 | }); | |
| 34 | </script> | |
