feat(web): 插件侧边栏改为三级菜单结构 — 按插件名分组可折叠

插件菜单从扁平列表改为三级结构:
  插件(分组)→ 插件名(可折叠子标题)→ 页面列表

- store 新增 PluginMenuGroup 类型和 pluginMenuGroups getter
- MainLayout 新增 SidebarSubMenu 组件,支持展开/收起
- 折叠侧边栏时子菜单显示插件图标 + tooltip
- 子菜单项增加缩进样式区分层级
- CRM 插件 name 改为 "CRM" 避免与页面标题重名
This commit is contained in:
iven
2026-04-17 01:01:19 +08:00
parent ae62e2ecb2
commit f4dd228a67
4 changed files with 173 additions and 36 deletions

View File

@@ -9,13 +9,19 @@ export interface PluginMenuItem {
pluginId: string;
entity?: string;
pageType: 'crud' | 'tree' | 'tabs' | 'detail' | 'graph' | 'dashboard';
menuGroup?: string;
}
export interface PluginMenuGroup {
pluginId: string;
pluginName: string;
items: PluginMenuItem[];
}
interface PluginStore {
plugins: PluginInfo[];
loading: boolean;
pluginMenuItems: PluginMenuItem[];
pluginMenuGroups: PluginMenuGroup[];
schemaCache: Record<string, PluginSchemaResponse>;
fetchPlugins: (page?: number, status?: PluginStatus) => Promise<void>;
refreshMenuItems: () => void;
@@ -25,6 +31,7 @@ export const usePluginStore = create<PluginStore>((set, get) => ({
plugins: [],
loading: false,
pluginMenuItems: [],
pluginMenuGroups: [],
schemaCache: {},
fetchPlugins: async (page = 1, status?: PluginStatus) => {
@@ -124,5 +131,23 @@ export const usePluginStore = create<PluginStore>((set, get) => ({
}
set({ pluginMenuItems: items });
// 按 pluginId 分组生成三级菜单(复用上方已解构的 plugins
const groupMap = new Map<string, PluginMenuItem[]>();
for (const item of items) {
const list = groupMap.get(item.pluginId) || [];
list.push(item);
groupMap.set(item.pluginId, list);
}
const groups: PluginMenuGroup[] = [];
for (const [pluginId, groupItems] of groupMap) {
const plugin = plugins.find((p) => p.id === pluginId);
groups.push({
pluginId,
pluginName: plugin?.name || pluginId,
items: groupItems,
});
}
set({ pluginMenuGroups: groups });
},
}));