feat: 新增菜单管理

src/layout/components/Menu/MenuIcon.vue

@@ -1,11 +1,9 @@
 <template>
-  <GiSvgIcon v-if="props.svgIcon" :name="props.svgIcon" :size="18"></GiSvgIcon>
-  <component v-else-if="props.icon" :is="props.icon" style="height: 18px; width: 18px"></component>
+  <GiSvgIcon :name="props.icon" :size="18" />
 </template>
 
 <script lang="ts" setup>
 interface Props {
-  svgIcon?: string
   icon?: string
 }
 

src/layout/components/Menu/MenuItem.vue

@@ -13,14 +13,14 @@
         <MenuIcon
           :svg-icon="onlyOneChild?.meta?.svgIcon || item?.meta?.svgIcon"
           :icon="onlyOneChild?.meta?.icon || item?.meta?.icon"
-        ></MenuIcon>
+        />
       </template>
       <span>{{ onlyOneChild?.meta?.title }}</span>
     </a-menu-item>
 
     <a-sub-menu v-else v-bind="attrs" :key="item.path" :title="item?.meta?.title">
       <template #icon>
-        <MenuIcon :svg-icon="item?.meta?.svgIcon" :icon="item?.meta?.icon"></MenuIcon>
+        <MenuIcon :icon="item?.meta?.icon" />
       </template>
       <MenuItem v-for="child in item.children" :key="child.path" :item="child"></MenuItem>
     </a-sub-menu>