x

2026-06-02 09:55:06 +08:00
parent ecc6b8ab8a
commit 8cca6f9d32
28 changed files with 1951 additions and 2658 deletions
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { useInventory } from '@/modules/inventory/composables/useInventory'
+
+const { state, menuGroups, openGroups, toggleGroup, handleMenuClick } = useInventory()
+</script>
+
+<template>
+  <el-menu
+    :default-active="state.activeTab"
+    class="inventory-sidebar"
+    @select="(key: string) => handleMenuClick(key)"
+  >
+    <div v-for="group in menuGroups" :key="group.key" class="sidebar-group">
+      <div class="sidebar-group-title" @click="toggleGroup(group.key)">
+        <span>{{ group.title }}</span>
+        <el-icon><component :is="openGroups[group.key] ? 'ArrowDown' : 'ArrowRight'" /></el-icon>
+      </div>
+      <template v-if="openGroups[group.key]">
+        <el-menu-item
+          v-for="item in group.items"
+          :key="group.key + '-' + item.key"
+          :index="item.key"
+        >
+          {{ item.label }}
+        </el-menu-item>
+      </template>
+    </div>
+  </el-menu>
+</template>