From 439e3b0f076280311b7cd4251a95820730242780 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期三, 07 八月 2024 10:43:33 +0800
Subject: [PATCH] 一些更新
---
src/components/Menu/src/components/BasicSubMenuItem.vue | 50 +++++++++++++++++---------------------------------
1 files changed, 17 insertions(+), 33 deletions(-)
diff --git a/src/components/Menu/src/components/BasicSubMenuItem.vue b/src/components/Menu/src/components/BasicSubMenuItem.vue
index d5139fc..e3e15f7 100644
--- a/src/components/Menu/src/components/BasicSubMenuItem.vue
+++ b/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -1,6 +1,6 @@
<template>
<BasicMenuItem v-if="!menuHasChildren(item) && getShowMenu" v-bind="$props" />
- <SubMenu
+ <Menu.SubMenu
v-if="menuHasChildren(item) && getShowMenu"
:class="[theme]"
:key="`submenu-${item.path}`"
@@ -13,43 +13,27 @@
<template v-for="childrenItem in item.children || []" :key="childrenItem.path">
<BasicSubMenuItem v-bind="$props" :item="childrenItem" />
</template>
- </SubMenu>
+ </Menu.SubMenu>
</template>
-<script lang="ts">
- import type { Menu as MenuType } from '/@/router/types';
- import { defineComponent, computed } from 'vue';
+<script lang="ts" setup>
+ import type { Menu as MenuType } from '@/router/types';
+ import { computed } from 'vue';
import { Menu } from 'ant-design-vue';
- import { useDesign } from '/@/hooks/web/useDesign';
import { itemProps } from '../props';
import BasicMenuItem from './BasicMenuItem.vue';
import MenuItemContent from './MenuItemContent.vue';
- export default defineComponent({
- name: 'BasicSubMenuItem',
- isSubMenu: true,
- components: {
- BasicMenuItem,
- SubMenu: Menu.SubMenu,
- MenuItemContent,
- },
- props: itemProps,
- setup(props) {
- const { prefixCls } = useDesign('basic-menu-item');
+ defineOptions({ name: 'BasicSubMenuItem', isSubMenu: true });
- const getShowMenu = computed(() => !props.item.meta?.hideMenu);
- function menuHasChildren(menuTreeItem: MenuType): boolean {
- return (
- !menuTreeItem.meta?.hideChildrenInMenu &&
- Reflect.has(menuTreeItem, 'children') &&
- !!menuTreeItem.children &&
- menuTreeItem.children.length > 0
- );
- }
- return {
- prefixCls,
- menuHasChildren,
- getShowMenu,
- };
- },
- });
+ const props = defineProps(itemProps);
+
+ const getShowMenu = computed(() => !props.item.meta?.hideMenu);
+ function menuHasChildren(menuTreeItem: MenuType): boolean {
+ return (
+ !menuTreeItem.meta?.hideChildrenInMenu &&
+ Reflect.has(menuTreeItem, 'children') &&
+ !!menuTreeItem.children &&
+ menuTreeItem.children.length > 0
+ );
+ }
</script>
--
Gitblit v1.9.3