概述
只从 shared-ui 导入 IconParkMenuTabIcon 与 MenuTab，不要把原始 IconPark 直接塞进菜单配置。
- icon — IconPark 组件
- pluginName — 通常为 metadata.name
- 配合 MenuTab 做本地化标签
用法
见英文代码示例。
TSXmenu.add
1import { IconParkMenuTabIcon, MenuTab } from "@quan-erp/shared-ui";
2import { SettingTwo, Bookmark } from "@icon-park/react";
3import metadata from "../../module.metadata.json" with { type: "json" };
4import { Locale } from "./locale.export";
5
6AppRegistry.menu.add({
7 name: (
8 <MenuTab
9 pluginName={metadata.name}
10 icon={
11 <IconParkMenuTabIcon
12 pluginName={metadata.name}
13 icon={SettingTwo}
14 />
15 }
16 labelKey="settings-tab"
17 fallbackLabel="Settings"
18 locale={Locale}
19 />
20 ),
21 pluginName: metadata.name,
22 children: [
23 {
24 name: (
25 <MenuTab
26 pluginName={metadata.name}
27 icon={
28 <IconParkMenuTabIcon
29 pluginName={metadata.name}
30 icon={Bookmark}
31 />
32 }
33 labelKey="sub-item"
34 fallbackLabel="Sub Item"
35 locale={Locale}
36 />
37 ),
38 path: `/${metadata.name}/sub-route`,
39 requiredApis: [
40 { url: `/${metadata.name}/endpoints/`, method: "GET" },
41 ],
42 },
43 ],
44});