mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 17:44:35 +08:00
1 line
135 KiB
JavaScript
1 line
135 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["c613f3b7"],{"83fbe3fc":function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"texts",{enumerable:!0,get:function(){return r;}}),n("c57ce436");let r=[{value:"Navigation is an important part of any website, as a good navigation setup allows users to move around the site quickly and efficiently. Ant Design offers two navigation options: top and side. Top navigation provides all the categories and functions of the website. Side navigation provides the multi-level structure of the website.",paraId:0,tocIndex:0},{value:"More layouts with navigation: ",paraId:1,tocIndex:0},{value:"Layout",paraId:2,tocIndex:0},{value:".",paraId:1,tocIndex:0},{value:"Menu is rendered as a ",paraId:3,tocIndex:1},{value:"ul",paraId:3,tocIndex:1},{value:" element, so it only supports ",paraId:3,tocIndex:1},{value:"li",paraId:3,tocIndex:1},{value:" and ",paraId:3,tocIndex:1},{value:"script-supporting",paraId:3,tocIndex:1},{value:" elements",paraId:3,tocIndex:1},{value:" as children nodes. Your customized node should be wrapped by ",paraId:3,tocIndex:1},{value:"Menu.Item",paraId:3,tocIndex:1},{value:".",paraId:3,tocIndex:1},{value:"Menu needs to collect its node structure, so its children should be ",paraId:3,tocIndex:1},{value:"Menu.*",paraId:3,tocIndex:1},{value:" or encapsulated HOCs.",paraId:3,tocIndex:1},{value:"Common props ref\uFF1A",paraId:4,tocIndex:16},{value:"Common props",paraId:5,tocIndex:16},{value:"Param",paraId:6,tocIndex:17},{value:"Description",paraId:6,tocIndex:17},{value:"Type",paraId:6,tocIndex:17},{value:"Default value",paraId:6,tocIndex:17},{value:"Version",paraId:6,tocIndex:17},{value:"defaultOpenKeys",paraId:6,tocIndex:17},{value:"Array with the keys of default opened sub menus",paraId:6,tocIndex:17},{value:"string[]",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"defaultSelectedKeys",paraId:6,tocIndex:17},{value:"Array with the keys of default selected menu items",paraId:6,tocIndex:17},{value:"string[]",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"expandIcon",paraId:6,tocIndex:17},{value:"custom expand icon of submenu",paraId:6,tocIndex:17},{value:"ReactNode | ",paraId:6,tocIndex:17},{value:"(props: SubMenuProps & { isSubMenu: boolean }) => ReactNode",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"4.9.0",paraId:6,tocIndex:17},{value:"forceSubMenuRender",paraId:6,tocIndex:17},{value:"Render submenu into DOM before it becomes visible",paraId:6,tocIndex:17},{value:"boolean",paraId:6,tocIndex:17},{value:"false",paraId:6,tocIndex:17},{value:"inlineCollapsed",paraId:6,tocIndex:17},{value:"Specifies the collapsed status when menu is inline mode",paraId:6,tocIndex:17},{value:"boolean",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"inlineIndent",paraId:6,tocIndex:17},{value:"Indent (in pixels) of inline menu items on each level",paraId:6,tocIndex:17},{value:"number",paraId:6,tocIndex:17},{value:"24",paraId:6,tocIndex:17},{value:"items",paraId:6,tocIndex:17},{value:"Menu item content",paraId:6,tocIndex:17},{value:"ItemType[]",paraId:7,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"4.20.0",paraId:6,tocIndex:17},{value:"mode",paraId:6,tocIndex:17},{value:"Type of menu",paraId:6,tocIndex:17},{value:"vertical",paraId:6,tocIndex:17},{value:" | ",paraId:6,tocIndex:17},{value:"horizontal",paraId:6,tocIndex:17},{value:" | ",paraId:6,tocIndex:17},{value:"inline",paraId:6,tocIndex:17},{value:"vertical",paraId:6,tocIndex:17},{value:"multiple",paraId:6,tocIndex:17},{value:"Allows selection of multiple items",paraId:6,tocIndex:17},{value:"boolean",paraId:6,tocIndex:17},{value:"false",paraId:6,tocIndex:17},{value:"openKeys",paraId:6,tocIndex:17},{value:"Array with the keys of currently opened sub-menus",paraId:6,tocIndex:17},{value:"string[]",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"overflowedIndicator",paraId:6,tocIndex:17},{value:"Customized the ellipsis icon when menu is collapsed horizontally",paraId:6,tocIndex:17},{value:"ReactNode",paraId:6,tocIndex:17},{value:"<EllipsisOutlined />",paraId:6,tocIndex:17},{value:"selectable",paraId:6,tocIndex:17},{value:"Allows selecting menu items",paraId:6,tocIndex:17},{value:"boolean",paraId:6,tocIndex:17},{value:"true",paraId:6,tocIndex:17},{value:"selectedKeys",paraId:6,tocIndex:17},{value:"Array with the keys of currently selected menu items",paraId:6,tocIndex:17},{value:"string[]",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"style",paraId:6,tocIndex:17},{value:"Style of the root node",paraId:6,tocIndex:17},{value:"CSSProperties",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"subMenuCloseDelay",paraId:6,tocIndex:17},{value:"Delay time to hide submenu when mouse leaves (in seconds)",paraId:6,tocIndex:17},{value:"number",paraId:6,tocIndex:17},{value:"0.1",paraId:6,tocIndex:17},{value:"subMenuOpenDelay",paraId:6,tocIndex:17},{value:"Delay time to show submenu when mouse enters, (in seconds)",paraId:6,tocIndex:17},{value:"number",paraId:6,tocIndex:17},{value:"0",paraId:6,tocIndex:17},{value:"theme",paraId:6,tocIndex:17},{value:"Color theme of the menu",paraId:6,tocIndex:17},{value:"light",paraId:6,tocIndex:17},{value:" | ",paraId:6,tocIndex:17},{value:"dark",paraId:6,tocIndex:17},{value:"light",paraId:6,tocIndex:17},{value:"triggerSubMenuAction",paraId:6,tocIndex:17},{value:"Which action can trigger submenu open/close",paraId:6,tocIndex:17},{value:"hover",paraId:6,tocIndex:17},{value:" | ",paraId:6,tocIndex:17},{value:"click",paraId:6,tocIndex:17},{value:"hover",paraId:6,tocIndex:17},{value:"onClick",paraId:6,tocIndex:17},{value:"Called when a menu item is clicked",paraId:6,tocIndex:17},{value:"function({ item, key, keyPath, domEvent })",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"onDeselect",paraId:6,tocIndex:17},{value:"Called when a menu item is deselected (multiple mode only)",paraId:6,tocIndex:17},{value:"function({ item, key, keyPath, selectedKeys, domEvent })",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"onOpenChange",paraId:6,tocIndex:17},{value:"Called when sub-menus are opened or closed",paraId:6,tocIndex:17},{value:"function(openKeys: string[])",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"onSelect",paraId:6,tocIndex:17},{value:"Called when a menu item is selected",paraId:6,tocIndex:17},{value:"function({ item, key, keyPath, selectedKeys, domEvent })",paraId:6,tocIndex:17},{value:"-",paraId:6,tocIndex:17},{value:"More options in ",paraId:8,tocIndex:17},{value:"rc-menu",paraId:8,tocIndex:17},{value:"type ItemType = ",paraId:9,tocIndex:18},{value:"MenuItemType",paraId:10,tocIndex:18},{value:" | ",paraId:9,tocIndex:18},{value:"SubMenuType",paraId:11,tocIndex:18},{value:" | ",paraId:9,tocIndex:18},{value:"MenuItemGroupType",paraId:12,tocIndex:18},{value:" | ",paraId:9,tocIndex:18},{value:"MenuDividerType",paraId:13,tocIndex:18},{value:";",paraId:9,tocIndex:18},{value:"Param",paraId:14,tocIndex:19},{value:"Description",paraId:14,tocIndex:19},{value:"Type",paraId:14,tocIndex:19},{value:"Default value",paraId:14,tocIndex:19},{value:"Version",paraId:14,tocIndex:19},{value:"danger",paraId:14,tocIndex:19},{value:"Display the danger style",paraId:14,tocIndex:19},{value:"boolean",paraId:14,tocIndex:19},{value:"false",paraId:14,tocIndex:19},{value:"disabled",paraId:14,tocIndex:19},{value:"Whether menu item is disabled",paraId:14,tocIndex:19},{value:"boolean",paraId:14,tocIndex:19},{value:"false",paraId:14,tocIndex:19},{value:"extra",paraId:14,tocIndex:19},{value:"The extra of the menu item",paraId:14,tocIndex:19},{value:"ReactNode",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"5.21.0",paraId:14,tocIndex:19},{value:"icon",paraId:14,tocIndex:19},{value:"The icon of the menu item",paraId:14,tocIndex:19},{value:"ReactNode",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"key",paraId:14,tocIndex:19},{value:"Unique ID of the menu item",paraId:14,tocIndex:19},{value:"string",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"label",paraId:14,tocIndex:19},{value:"Menu label",paraId:14,tocIndex:19},{value:"ReactNode",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"title",paraId:14,tocIndex:19},{value:"Set display title for collapsed item",paraId:14,tocIndex:19},{value:"string",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"Property",paraId:15,tocIndex:20},{value:"Description",paraId:15,tocIndex:20},{value:"Type",paraId:15,tocIndex:20},{value:"Default value",paraId:15,tocIndex:20},{value:"Version",paraId:15,tocIndex:20},{value:"children",paraId:15,tocIndex:20},{value:"Sub-menus or sub-menu items",paraId:15,tocIndex:20},{value:"ItemType[]",paraId:16,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"disabled",paraId:15,tocIndex:20},{value:"Whether sub-menu is disabled",paraId:15,tocIndex:20},{value:"boolean",paraId:15,tocIndex:20},{value:"false",paraId:15,tocIndex:20},{value:"icon",paraId:15,tocIndex:20},{value:"Icon of sub menu",paraId:15,tocIndex:20},{value:"ReactNode",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"key",paraId:15,tocIndex:20},{value:"Unique ID of the sub-menu",paraId:15,tocIndex:20},{value:"string",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"label",paraId:15,tocIndex:20},{value:"Menu label",paraId:15,tocIndex:20},{value:"ReactNode",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"popupClassName",paraId:15,tocIndex:20},{value:"Sub-menu class name, not working when ",paraId:15,tocIndex:20},{value:'mode="inline"',paraId:15,tocIndex:20},{value:"string",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"popupOffset",paraId:15,tocIndex:20},{value:"Sub-menu offset, not working when ",paraId:15,tocIndex:20},{value:'mode="inline"',paraId:15,tocIndex:20},{value:"[number, number]",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"theme",paraId:15,tocIndex:20},{value:"Color theme of the SubMenu (inherits from Menu by default)",paraId:15,tocIndex:20},{value:"light",paraId:15,tocIndex:20},{value:" | ",paraId:15,tocIndex:20},{value:"dark",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"onTitleClick",paraId:15,tocIndex:20},{value:"Callback executed when the sub-menu title is clicked",paraId:15,tocIndex:20},{value:"function({ key, domEvent })",paraId:15,tocIndex:20},{value:"-",paraId:15,tocIndex:20},{value:"Define ",paraId:17,tocIndex:21},{value:"type",paraId:17,tocIndex:21},{value:" as ",paraId:17,tocIndex:21},{value:"group",paraId:17,tocIndex:21},{value:" to make as group:",paraId:17,tocIndex:21},{value:"const groupItem = {\n type: 'group', // Must have\n label: 'My Group',\n children: [],\n};\n",paraId:18,tocIndex:21},{value:"Param",paraId:19,tocIndex:21},{value:"Description",paraId:19,tocIndex:21},{value:"Type",paraId:19,tocIndex:21},{value:"Default value",paraId:19,tocIndex:21},{value:"Version",paraId:19,tocIndex:21},{value:"children",paraId:19,tocIndex:21},{value:"Sub-menu items",paraId:19,tocIndex:21},{value:"MenuItemType[]",paraId:20,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"label",paraId:19,tocIndex:21},{value:"The title of the group",paraId:19,tocIndex:21},{value:"ReactNode",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"Divider line in between menu items, only used in vertical popup Menu or Dropdown Menu. Need define the ",paraId:21,tocIndex:22},{value:"type",paraId:21,tocIndex:22},{value:" as ",paraId:21,tocIndex:22},{value:"divider",paraId:21,tocIndex:22},{value:"\uFF1A",paraId:21,tocIndex:22},{value:"const dividerItem = {\n type: 'divider', // Must have\n};\n",paraId:22,tocIndex:22},{value:"Param",paraId:23,tocIndex:22},{value:"Description",paraId:23,tocIndex:22},{value:"Type",paraId:23,tocIndex:22},{value:"Default value",paraId:23,tocIndex:22},{value:"Version",paraId:23,tocIndex:22},{value:"dashed",paraId:23,tocIndex:22},{value:"Whether line is dashed",paraId:23,tocIndex:22},{value:"boolean",paraId:23,tocIndex:22},{value:"false",paraId:23,tocIndex:22},{value:"Menu collects structure info with ",paraId:24,tocIndex:24},{value:"twice-render",paraId:24,tocIndex:24},{value:" to support HOC usage. Merging into one render may cause the logic to become much more complex. Contributions to help improve the collection logic are welcomed.",paraId:24,tocIndex:24},{value:"Menu will render fully item in flex layout and then collapse it. You need tell flex not consider Menu width to enable responsive (",paraId:25,tocIndex:25},{value:"online demo",paraId:25,tocIndex:25},{value:"):",paraId:25,tocIndex:25},{value:'<div style={{ flex }}>\n <div style={{ ... }}>Some Content</div>\n <Menu style={{ minWidth: 0, flex: "auto" }} />\n</div>\n',paraId:26,tocIndex:25}];},c613f3b7:function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"default",{enumerable:!0,get:function(){return h;}});var r=n("777fffbe"),s=n("f19d2b93"),i=r._(n("b622e337")),a=r._(n("67074e5d")),o=r._(n("3098b24f")),c=r._(n("84b131b4")),l=r._(n("97c488ea")),d=r._(n("c96b0d01")),p=n("5b220c3d"),u=n("9c86e52a"),m=n("83fbe3fc"),h=function(){return(0,s.jsx)(u.DumiPage,{children:(0,s.jsx)(p.Suspense,{fallback:(0,s.jsx)(d.default,{}),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"when-to-use",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"When To Use"]}),(0,s.jsx)("p",{children:m.texts[0].value}),(0,s.jsxs)("p",{children:[m.texts[1].value,(0,s.jsx)(l.default,{to:"/components/layout",sourceType:"Link",children:m.texts[2].value}),m.texts[3].value]}),(0,s.jsxs)("h2",{id:"notes-for-developers",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#notes-for-developers",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Notes for developers"]}),(0,s.jsxs)("ul",{children:[(0,s.jsxs)("li",{children:[m.texts[4].value,(0,s.jsx)("code",{children:m.texts[5].value}),m.texts[6].value,(0,s.jsxs)(l.default,{href:"https://html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element",sourceType:"a",children:[(0,s.jsx)("code",{children:m.texts[7].value}),m.texts[8].value,(0,s.jsx)("code",{children:m.texts[9].value}),m.texts[10].value]}),m.texts[11].value,(0,s.jsx)("code",{children:m.texts[12].value}),m.texts[13].value]}),(0,s.jsxs)("li",{children:[m.texts[14].value,(0,s.jsx)("code",{children:m.texts[15].value}),m.texts[16].value]})]}),(0,s.jsxs)("h2",{id:"examples",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Examples"]})]}),(0,s.jsx)(c.default,{items:[{demo:{id:"menu-demo-horizontal"},previewerProps:{title:"Top Navigation",filename:"components/menu/demo/horizontal.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu } from 'antd';\nconst items = [\n {\n label: 'Navigation One',\n key: 'mail',\n icon: <MailOutlined />,\n },\n {\n label: 'Navigation Two',\n key: 'app',\n icon: <AppstoreOutlined />,\n disabled: true,\n },\n {\n label: 'Navigation Three - Submenu',\n key: 'SubMenu',\n icon: <SettingOutlined />,\n children: [\n {\n type: 'group',\n label: 'Item 1',\n children: [\n { label: 'Option 1', key: 'setting:1' },\n { label: 'Option 2', key: 'setting:2' },\n ],\n },\n {\n type: 'group',\n label: 'Item 2',\n children: [\n { label: 'Option 3', key: 'setting:3' },\n { label: 'Option 4', key: 'setting:4' },\n ],\n },\n ],\n },\n {\n key: 'alipay',\n label: (\n <a href=\"https://ant.design\" target=\"_blank\" rel=\"noopener noreferrer\">\n Navigation Four - Link\n </a>\n ),\n },\n];\nconst App = () => {\n const [current, setCurrent] = useState('mail');\n const onClick = e => {\n console.log('click ', e);\n setCurrent(e.key);\n };\n return <Menu onClick={onClick} selectedKeys={[current]} mode=\"horizontal\" items={items} />;\n};\nexport default App;\n",description:"<p>Horizontal top navigation menu.</p>"}},{demo:{id:"menu-demo-horizontal-dark"},previewerProps:{debug:!0,title:"Top Navigation (dark)",filename:"components/menu/demo/horizontal-dark.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu } from 'antd';\nconst items = [\n {\n label: 'Navigation One',\n key: 'mail',\n icon: <MailOutlined />,\n },\n {\n label: 'Navigation Two',\n key: 'app',\n icon: <AppstoreOutlined />,\n disabled: true,\n },\n {\n label: 'Navigation Three - Submenu',\n key: 'SubMenu',\n icon: <SettingOutlined />,\n children: [\n {\n type: 'group',\n label: 'Item 1',\n children: [\n { label: 'Option 1', key: 'setting:1' },\n { label: 'Option 2', key: 'setting:2' },\n ],\n },\n {\n type: 'group',\n label: 'Item 2',\n children: [\n { label: 'Option 3', key: 'setting:3' },\n { label: 'Option 4', key: 'setting:4' },\n ],\n },\n ],\n },\n {\n key: 'alipay',\n label: (\n <a href=\"https://ant.design\" target=\"_blank\" rel=\"noopener noreferrer\">\n Navigation Four - Link\n </a>\n ),\n },\n];\nconst App = () => {\n const [current, setCurrent] = useState('mail');\n const onClick = e => {\n console.log('click ', e);\n setCurrent(e.key);\n };\n return (\n <Menu onClick={onClick} selectedKeys={[current]} mode=\"horizontal\" items={items} theme=\"dark\" />\n );\n};\nexport default App;\n",description:"<p>Horizontal top navigation menu.</p>"}},{demo:{id:"menu-demo-inline"},previewerProps:{title:"Inline menu",filename:"components/menu/demo/inline.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu } from 'antd';\nconst items = [\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: <MailOutlined />,\n children: [\n {\n key: 'g1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n {\n key: 'g2',\n label: 'Item 2',\n type: 'group',\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n type: 'divider',\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: <SettingOutlined />,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n {\n key: 'grp',\n label: 'Group',\n type: 'group',\n children: [\n { key: '13', label: 'Option 13' },\n { key: '14', label: 'Option 14' },\n ],\n },\n];\nconst App = () => {\n const onClick = e => {\n console.log('click ', e);\n };\n return (\n <Menu\n onClick={onClick}\n style={{ width: 256 }}\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode=\"inline\"\n items={items}\n />\n );\n};\nexport default App;\n",description:"<p>Vertical menu with inline submenus.</p>"}},{demo:{id:"menu-demo-inline-collapsed"},previewerProps:{title:"Collapsed inline menu",filename:"components/menu/demo/inline-collapsed.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport {\n AppstoreOutlined,\n ContainerOutlined,\n DesktopOutlined,\n MailOutlined,\n MenuFoldOutlined,\n MenuUnfoldOutlined,\n PieChartOutlined,\n} from '@ant-design/icons';\nimport { Button, Menu } from 'antd';\nconst items = [\n { key: '1', icon: <PieChartOutlined />, label: 'Option 1' },\n { key: '2', icon: <DesktopOutlined />, label: 'Option 2' },\n { key: '3', icon: <ContainerOutlined />, label: 'Option 3' },\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: <MailOutlined />,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const [collapsed, setCollapsed] = useState(false);\n const toggleCollapsed = () => {\n setCollapsed(!collapsed);\n };\n return (\n <div style={{ width: 256 }}>\n <Button type=\"primary\" onClick={toggleCollapsed} style={{ marginBottom: 16 }}>\n {collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}\n </Button>\n <Menu\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode=\"inline\"\n theme=\"dark\"\n inlineCollapsed={collapsed}\n items={items}\n />\n </div>\n );\n};\nexport default App;\n",description:'<p>Inline menu could be collapsed.</p>\n<p>Here is <a href="/components/layout/#layout-demo-side">a complete demo</a> with sider layout.</p>'}},{demo:{id:"menu-demo-sider-current"},previewerProps:{title:"Open current submenu only",filename:"components/menu/demo/sider-current.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu } from 'antd';\nconst items = [\n {\n key: '1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n children: [\n { key: '11', label: 'Option 1' },\n { key: '12', label: 'Option 2' },\n { key: '13', label: 'Option 3' },\n { key: '14', label: 'Option 4' },\n ],\n },\n {\n key: '2',\n icon: <AppstoreOutlined />,\n label: 'Navigation Two',\n children: [\n { key: '21', label: 'Option 1' },\n { key: '22', label: 'Option 2' },\n {\n key: '23',\n label: 'Submenu',\n children: [\n { key: '231', label: 'Option 1' },\n { key: '232', label: 'Option 2' },\n { key: '233', label: 'Option 3' },\n ],\n },\n {\n key: '24',\n label: 'Submenu 2',\n children: [\n { key: '241', label: 'Option 1' },\n { key: '242', label: 'Option 2' },\n { key: '243', label: 'Option 3' },\n ],\n },\n ],\n },\n {\n key: '3',\n icon: <SettingOutlined />,\n label: 'Navigation Three',\n children: [\n { key: '31', label: 'Option 1' },\n { key: '32', label: 'Option 2' },\n { key: '33', label: 'Option 3' },\n { key: '34', label: 'Option 4' },\n ],\n },\n];\nconst getLevelKeys = items1 => {\n const key = {};\n const func = (items2, level = 1) => {\n items2.forEach(item => {\n if (item.key) {\n key[item.key] = level;\n }\n if (item.children) {\n func(item.children, level + 1);\n }\n });\n };\n func(items1);\n return key;\n};\nconst levelKeys = getLevelKeys(items);\nconst App = () => {\n const [stateOpenKeys, setStateOpenKeys] = useState(['2', '23']);\n const onOpenChange = openKeys => {\n const currentOpenKey = openKeys.find(key => stateOpenKeys.indexOf(key) === -1);\n // open\n if (currentOpenKey !== undefined) {\n const repeatIndex = openKeys\n .filter(key => key !== currentOpenKey)\n .findIndex(key => levelKeys[key] === levelKeys[currentOpenKey]);\n setStateOpenKeys(\n openKeys\n // remove repeat key\n .filter((_, index) => index !== repeatIndex)\n // remove current level all child\n .filter(key => levelKeys[key] <= levelKeys[currentOpenKey]),\n );\n } else {\n // close\n setStateOpenKeys(openKeys);\n }\n };\n return (\n <Menu\n mode=\"inline\"\n defaultSelectedKeys={['231']}\n openKeys={stateOpenKeys}\n onOpenChange={onOpenChange}\n style={{ width: 256 }}\n items={items}\n />\n );\n};\nexport default App;\n",description:"<p>Click the menu and you will see that all the other menus gets collapsed to keep the entire menu compact.</p>"}},{demo:{id:"menu-demo-vertical"},previewerProps:{title:"Vertical menu",filename:"components/menu/demo/vertical.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu } from 'antd';\nconst items = [\n {\n key: 'sub1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n children: [\n {\n key: '1-1',\n label: 'Item 1',\n type: 'group',\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n ],\n },\n {\n key: '1-2',\n label: 'Item 2',\n type: 'group',\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n icon: <AppstoreOutlined />,\n label: 'Navigation Two',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: <SettingOutlined />,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n];\nconst onClick = e => {\n console.log('click', e);\n};\nconst App = () => <Menu onClick={onClick} style={{ width: 256 }} mode=\"vertical\" items={items} />;\nexport default App;\n",description:"<p>Submenus open as pop-ups.</p>"}},{demo:{id:"menu-demo-theme"},previewerProps:{title:"Menu Themes",filename:"components/menu/demo/theme.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { AppstoreOutlined, MailOutlined, SettingOutlined } from '@ant-design/icons';\nimport { Menu, Switch } from 'antd';\nconst items = [\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: <MailOutlined />,\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n {\n key: 'sub4',\n label: 'Navigation Three',\n icon: <SettingOutlined />,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n];\nconst App = () => {\n const [theme, setTheme] = useState('dark');\n const [current, setCurrent] = useState('1');\n const changeTheme = value => {\n setTheme(value ? 'dark' : 'light');\n };\n const onClick = e => {\n console.log('click ', e);\n setCurrent(e.key);\n };\n return (\n <>\n <Switch\n checked={theme === 'dark'}\n onChange={changeTheme}\n checkedChildren=\"Dark\"\n unCheckedChildren=\"Light\"\n />\n <br />\n <br />\n <Menu\n theme={theme}\n onClick={onClick}\n style={{ width: 256 }}\n defaultOpenKeys={['sub1']}\n selectedKeys={[current]}\n mode=\"inline\"\n items={items}\n />\n </>\n );\n};\nexport default App;\n",description:"<p>There are two built-in themes: <code>light</code> and <code>dark</code>. The default value is <code>light</code>.</p>"}},{demo:{id:"menu-demo-submenu-theme"},previewerProps:{title:"Sub-menu theme",filename:"components/menu/demo/submenu-theme.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { MailOutlined } from '@ant-design/icons';\nimport { Menu, Switch } from 'antd';\nconst App = () => {\n const [menuTheme, setMenuTheme] = useState('light');\n const [current, setCurrent] = useState('1');\n const changeTheme = value => {\n setMenuTheme(value ? 'dark' : 'light');\n };\n const onClick = e => {\n setCurrent(e.key);\n };\n const items = [\n {\n key: 'sub1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n theme: menuTheme,\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n { key: '3', label: 'Option 3' },\n ],\n },\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n ];\n return (\n <>\n <Switch\n checked={menuTheme === 'dark'}\n onChange={changeTheme}\n checkedChildren=\"Dark\"\n unCheckedChildren=\"Light\"\n />\n <br />\n <br />\n <Menu\n onClick={onClick}\n style={{ width: 256 }}\n openKeys={['sub1']}\n selectedKeys={[current]}\n mode=\"vertical\"\n theme=\"dark\"\n items={items}\n getPopupContainer={node => node.parentNode}\n />\n </>\n );\n};\nexport default App;\n",description:"<p>You can config SubMenu theme with <code>theme</code> prop to enable different theme color effect. This sample is dark for root and light for SubMenu.</p>"}},{demo:{id:"menu-demo-switch-mode"},previewerProps:{title:"Switch the menu type",filename:"components/menu/demo/switch-mode.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport {\n AppstoreOutlined,\n CalendarOutlined,\n LinkOutlined,\n MailOutlined,\n SettingOutlined,\n} from '@ant-design/icons';\nimport { Divider, Menu, Switch } from 'antd';\nconst items = [\n {\n key: '1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n },\n {\n key: '2',\n icon: <CalendarOutlined />,\n label: 'Navigation Two',\n },\n {\n key: 'sub1',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n {\n key: 'sub1-2',\n label: 'Submenu',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Three',\n icon: <SettingOutlined />,\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n ],\n },\n {\n key: 'link',\n icon: <LinkOutlined />,\n label: (\n <a href=\"https://ant.design\" target=\"_blank\" rel=\"noopener noreferrer\">\n Ant Design\n </a>\n ),\n },\n];\nconst App = () => {\n const [mode, setMode] = useState('inline');\n const [theme, setTheme] = useState('light');\n const changeMode = value => {\n setMode(value ? 'vertical' : 'inline');\n };\n const changeTheme = value => {\n setTheme(value ? 'dark' : 'light');\n };\n return (\n <>\n <Switch onChange={changeMode} /> Change Mode\n <Divider type=\"vertical\" />\n <Switch onChange={changeTheme} /> Change Style\n <br />\n <br />\n <Menu\n style={{ width: 256 }}\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode={mode}\n theme={theme}\n items={items}\n />\n </>\n );\n};\nexport default App;\n",description:"<p>Show the dynamic switching mode (between <code>inline</code> and <code>vertical</code>).</p>"}},{demo:{id:"menu-demo-style-debug"},previewerProps:{debug:!0,title:"Style debug",filename:"components/menu/demo/style-debug.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport { AppstoreOutlined, MailOutlined } from '@ant-design/icons';\nimport { Menu, Switch } from 'antd';\nconst items = [\n {\n key: 'sub1',\n label: 'Navigation One Long Long Long Long',\n icon: <MailOutlined />,\n children: [\n { key: '1', label: 'Option 1' },\n { key: '2', label: 'Option 2' },\n { key: '3', label: 'Option 3' },\n { key: '4', label: 'Option 4' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n ],\n },\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n];\nconst App = () => {\n const [menuTheme, setMenuTheme] = useState('dark');\n const [current, setCurrent] = useState('1');\n const changeTheme = value => {\n setMenuTheme(value ? 'dark' : 'light');\n };\n const onClick = e => {\n console.log('click ', e);\n setCurrent(e.key);\n };\n return (\n <>\n <Switch\n checked={menuTheme === 'dark'}\n onChange={changeTheme}\n checkedChildren=\"Dark\"\n unCheckedChildren=\"Light\"\n />\n <br />\n <br />\n <Menu\n theme={menuTheme}\n onClick={onClick}\n selectedKeys={[current]}\n mode=\"inline\"\n items={items}\n inlineCollapsed\n // Test only. Remove in future.\n _internalRenderMenuItem={node =>\n React.cloneElement(node, {\n style: Object.assign(Object.assign({}, node.props.style), {\n textDecoration: 'underline',\n }),\n })\n }\n // Test only. Remove in future.\n _internalRenderSubMenuItem={node =>\n React.cloneElement(node, {\n style: Object.assign(Object.assign({}, node.props.style), {\n background: 'rgba(255, 255, 255, 0.3)',\n }),\n })\n }\n // Test only. Remove in future.\n _internalDisableMenuItemTitleTooltip\n />\n </>\n );\n};\nexport default App;\n",description:"<p>buggy!</p>"}},{demo:{id:"menu-demo-menu-v4"},previewerProps:{debug:!0,title:"Menu v4",filename:"components/menu/demo/menu-v4.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport {\n AppstoreOutlined,\n CalendarOutlined,\n LinkOutlined,\n MailOutlined,\n SettingOutlined,\n} from '@ant-design/icons';\nimport { ConfigProvider, Menu, Switch, Typography } from 'antd';\nconst items = [\n {\n key: '1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n },\n {\n key: '2',\n icon: <CalendarOutlined />,\n label: 'Navigation Two',\n },\n {\n key: 'sub1',\n icon: <AppstoreOutlined />,\n label: 'Navigation Two',\n children: [\n {\n key: '3',\n label: (\n <Typography.Text ellipsis>\n Ant Design, a design language for background applications, is refined by Ant UED Team\n </Typography.Text>\n ),\n },\n {\n key: '4',\n label: 'Option 4',\n },\n {\n key: 'sub1-2',\n label: 'Submenu',\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n ],\n },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Three',\n icon: <SettingOutlined />,\n children: [\n { label: 'Option 7', key: '7' },\n { label: 'Option 8', key: '8' },\n { label: 'Option 9', key: '9' },\n { label: 'Option 10', key: '10' },\n ],\n },\n {\n key: 'link',\n icon: <LinkOutlined />,\n label: (\n <a href=\"https://ant.design\" target=\"_blank\" rel=\"noopener noreferrer\">\n Ant Design\n </a>\n ),\n },\n];\nconst App = () => {\n const [mode, setMode] = useState('inline');\n const changeMode = value => {\n setMode(value ? 'vertical' : 'inline');\n };\n return (\n <>\n <Switch onChange={changeMode} /> Change Mode\n <br />\n <br />\n <ConfigProvider\n theme={{\n components: {\n Menu: {\n itemBorderRadius: 0,\n subMenuItemBorderRadius: 0,\n itemHoverColor: '#1890ff',\n itemSelectedColor: '#1890ff',\n itemSelectedBg: '#e6f7ff',\n activeBarWidth: 3,\n itemMarginInline: 0,\n itemHoverBg: 'transparent',\n },\n },\n }}\n >\n <Menu\n style={{ width: 256 }}\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode={mode}\n items={items}\n />\n </ConfigProvider>\n </>\n );\n};\nexport default App;\n",description:"<p>Menu with v4 style.</p>"}},{demo:{id:"menu-demo-component-token"},previewerProps:{debug:!0,title:"Component Token",filename:"components/menu/demo/component-token.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React, { useState } from 'react';\nimport {\n AppstoreOutlined,\n ContainerOutlined,\n DesktopOutlined,\n MailOutlined,\n PieChartOutlined,\n SettingOutlined,\n} from '@ant-design/icons';\nimport { ConfigProvider, Menu, Space, theme } from 'antd';\nconst items = [\n {\n label: 'Navigation One',\n key: 'mail',\n icon: <MailOutlined />,\n },\n {\n label: 'Navigation Two',\n key: 'app',\n icon: <AppstoreOutlined />,\n disabled: true,\n },\n {\n label: 'Navigation Three - Submenu',\n key: 'SubMenu',\n icon: <SettingOutlined />,\n children: [\n {\n type: 'group',\n label: 'Item 1',\n children: [\n { label: 'Option 1', key: 'setting:1' },\n { label: 'Option 2', key: 'setting:2' },\n ],\n },\n {\n type: 'group',\n label: 'Item 2',\n children: [\n { label: 'Option 3', key: 'setting:3' },\n { label: 'Option 4', key: 'setting:4' },\n ],\n },\n ],\n },\n {\n key: 'alipay',\n label: (\n <a href=\"https://ant.design\" target=\"_blank\" rel=\"noopener noreferrer\">\n Navigation Four - Link\n </a>\n ),\n },\n];\nconst items2 = [\n {\n key: '1',\n icon: <PieChartOutlined />,\n label: 'Option 1',\n },\n {\n key: '2',\n icon: <DesktopOutlined />,\n label: 'Option 2',\n },\n {\n key: '3',\n icon: <ContainerOutlined />,\n label: 'Option 3',\n },\n {\n key: 'sub1',\n label: 'Navigation One',\n icon: <MailOutlined />,\n children: [\n { key: '5', label: 'Option 5' },\n { key: '6', label: 'Option 6' },\n { key: '7', label: 'Option 7' },\n { key: '8', label: 'Option 8' },\n ],\n },\n {\n key: 'sub2',\n label: 'Navigation Two',\n icon: <AppstoreOutlined />,\n children: [\n { key: '9', label: 'Option 9' },\n { key: '10', label: 'Option 10' },\n {\n key: 'sub3',\n label: 'Submenu',\n children: [\n { key: '11', label: 'Option 11' },\n { key: '12', label: 'Option 12' },\n ],\n },\n ],\n },\n];\nconst App = () => {\n const [current, setCurrent] = useState('mail');\n const onClick = e => {\n console.log('click ', e);\n setCurrent(e.key);\n };\n return (\n <Space direction=\"vertical\">\n <ConfigProvider\n theme={{\n algorithm: [theme.darkAlgorithm],\n components: {\n Menu: {\n popupBg: 'yellow',\n darkPopupBg: 'red',\n },\n },\n }}\n >\n <Menu onClick={onClick} selectedKeys={[current]} mode=\"horizontal\" items={items} />\n <Menu\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode=\"inline\"\n theme=\"dark\"\n inlineCollapsed\n items={items2}\n style={{\n width: 56,\n }}\n />\n </ConfigProvider>\n <ConfigProvider\n theme={{\n components: {\n Menu: {\n horizontalItemBorderRadius: 6,\n popupBg: 'red',\n horizontalItemHoverBg: '#f5f5f5',\n },\n },\n }}\n >\n <Menu onClick={onClick} selectedKeys={[current]} mode=\"horizontal\" items={items} />\n </ConfigProvider>\n <ConfigProvider\n theme={{\n components: {\n Menu: {\n darkItemColor: '#91daff',\n darkItemBg: '#d48806',\n darkSubMenuItemBg: '#faad14',\n darkItemSelectedColor: '#ffccc7',\n darkItemSelectedBg: '#52c41a',\n },\n },\n }}\n >\n <Menu\n defaultSelectedKeys={['1']}\n defaultOpenKeys={['sub1']}\n mode=\"inline\"\n theme=\"dark\"\n items={items2}\n style={{\n width: 256,\n }}\n />\n </ConfigProvider>\n </Space>\n );\n};\nexport default App;\n",description:"<p>Debug Component Token.</p>"}},{demo:{id:"menu-demo-extra-style"},previewerProps:{debug:!0,title:"Extra Style debug",filename:"components/menu/demo/extra-style.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { DownOutlined, MailOutlined } from '@ant-design/icons';\nimport { Flex, Menu, Space } from 'antd';\nconst items1 = [\n {\n key: 'sub1',\n icon: <MailOutlined />,\n label: 'Navigation One',\n children: [\n {\n key: '1',\n label: (\n <Flex justify=\"space-between\">\n <span>Option 1</span>\n <DownOutlined />\n </Flex>\n ),\n },\n {\n key: '2',\n label: 'Option 2',\n extra: '\u2318P',\n },\n {\n key: '3',\n label: <a href=\"https://www.baidu.com\">Link Option</a>,\n disabled: true,\n },\n ],\n },\n];\nconst items2 = [\n { key: '1', label: 'Users', extra: '\u2318U' },\n { key: '2', label: 'Profile', extra: '\u2318P' },\n];\nconst App = () => (\n <Space direction=\"vertical\">\n <Menu\n mode=\"inline\"\n defaultOpenKeys={['sub1']}\n defaultSelectedKeys={['1']}\n style={{ width: 256 }}\n items={items1}\n />\n <Menu theme=\"dark\" style={{ width: 256 }} items={items2} />\n </Space>\n);\nexport default App;\n",description:"<p>Debug usage</p>"}}]}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"api",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,s.jsxs)("p",{children:[m.texts[17].value,(0,s.jsx)(l.default,{to:"/docs/react/common-props",sourceType:"Link",children:m.texts[18].value})]}),(0,s.jsxs)("h3",{id:"menu",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menu",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Menu"]}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[19].value}),(0,s.jsx)("th",{children:m.texts[20].value}),(0,s.jsx)("th",{children:m.texts[21].value}),(0,s.jsx)("th",{children:m.texts[22].value}),(0,s.jsx)("th",{children:m.texts[23].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[24].value}),(0,s.jsx)("td",{children:m.texts[25].value}),(0,s.jsx)("td",{children:m.texts[26].value}),(0,s.jsx)("td",{children:m.texts[27].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[28].value}),(0,s.jsx)("td",{children:m.texts[29].value}),(0,s.jsx)("td",{children:m.texts[30].value}),(0,s.jsx)("td",{children:m.texts[31].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[32].value}),(0,s.jsx)("td",{children:m.texts[33].value}),(0,s.jsxs)("td",{children:[m.texts[34].value,(0,s.jsx)("code",{children:m.texts[35].value})]}),(0,s.jsx)("td",{children:m.texts[36].value}),(0,s.jsx)("td",{children:m.texts[37].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[38].value}),(0,s.jsx)("td",{children:m.texts[39].value}),(0,s.jsx)("td",{children:m.texts[40].value}),(0,s.jsx)("td",{children:m.texts[41].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[42].value}),(0,s.jsx)("td",{children:m.texts[43].value}),(0,s.jsx)("td",{children:m.texts[44].value}),(0,s.jsx)("td",{children:m.texts[45].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[46].value}),(0,s.jsx)("td",{children:m.texts[47].value}),(0,s.jsx)("td",{children:m.texts[48].value}),(0,s.jsx)("td",{children:m.texts[49].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[50].value}),(0,s.jsx)("td",{children:m.texts[51].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#itemtype",sourceType:"Link",children:m.texts[52].value})}),(0,s.jsx)("td",{children:m.texts[53].value}),(0,s.jsx)("td",{children:m.texts[54].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[55].value}),(0,s.jsx)("td",{children:m.texts[56].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:m.texts[57].value}),m.texts[58].value,(0,s.jsx)("code",{children:m.texts[59].value}),m.texts[60].value,(0,s.jsx)("code",{children:m.texts[61].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[62].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[63].value}),(0,s.jsx)("td",{children:m.texts[64].value}),(0,s.jsx)("td",{children:m.texts[65].value}),(0,s.jsx)("td",{children:m.texts[66].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[67].value}),(0,s.jsx)("td",{children:m.texts[68].value}),(0,s.jsx)("td",{children:m.texts[69].value}),(0,s.jsx)("td",{children:m.texts[70].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[71].value}),(0,s.jsx)("td",{children:m.texts[72].value}),(0,s.jsx)("td",{children:m.texts[73].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[74].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[75].value}),(0,s.jsx)("td",{children:m.texts[76].value}),(0,s.jsx)("td",{children:m.texts[77].value}),(0,s.jsx)("td",{children:m.texts[78].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[79].value}),(0,s.jsx)("td",{children:m.texts[80].value}),(0,s.jsx)("td",{children:m.texts[81].value}),(0,s.jsx)("td",{children:m.texts[82].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[83].value}),(0,s.jsx)("td",{children:m.texts[84].value}),(0,s.jsx)("td",{children:m.texts[85].value}),(0,s.jsx)("td",{children:m.texts[86].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[87].value}),(0,s.jsx)("td",{children:m.texts[88].value}),(0,s.jsx)("td",{children:m.texts[89].value}),(0,s.jsx)("td",{children:m.texts[90].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[91].value}),(0,s.jsx)("td",{children:m.texts[92].value}),(0,s.jsx)("td",{children:m.texts[93].value}),(0,s.jsx)("td",{children:m.texts[94].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[95].value}),(0,s.jsx)("td",{children:m.texts[96].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:m.texts[97].value}),m.texts[98].value,(0,s.jsx)("code",{children:m.texts[99].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[100].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[101].value}),(0,s.jsx)("td",{children:m.texts[102].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:m.texts[103].value}),m.texts[104].value,(0,s.jsx)("code",{children:m.texts[105].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[106].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[107].value}),(0,s.jsx)("td",{children:m.texts[108].value}),(0,s.jsx)("td",{children:m.texts[109].value}),(0,s.jsx)("td",{children:m.texts[110].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[111].value}),(0,s.jsx)("td",{children:m.texts[112].value}),(0,s.jsx)("td",{children:m.texts[113].value}),(0,s.jsx)("td",{children:m.texts[114].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[115].value}),(0,s.jsx)("td",{children:m.texts[116].value}),(0,s.jsx)("td",{children:m.texts[117].value}),(0,s.jsx)("td",{children:m.texts[118].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[119].value}),(0,s.jsx)("td",{children:m.texts[120].value}),(0,s.jsx)("td",{children:m.texts[121].value}),(0,s.jsx)("td",{children:m.texts[122].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[m.texts[123].value,(0,s.jsx)(l.default,{href:"https://github.com/react-component/menu#api",sourceType:"a",children:m.texts[124].value})]})}),(0,s.jsxs)("h3",{id:"itemtype",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#itemtype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"ItemType"]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[m.texts[125].value,(0,s.jsx)(l.default,{to:"#menuitemtype",sourceType:"Link",children:m.texts[126].value}),m.texts[127].value,(0,s.jsx)(l.default,{to:"#submenutype",sourceType:"Link",children:m.texts[128].value}),m.texts[129].value,(0,s.jsx)(l.default,{to:"#menuitemgrouptype",sourceType:"Link",children:m.texts[130].value}),m.texts[131].value,(0,s.jsx)(l.default,{to:"#menudividertype",sourceType:"Link",children:m.texts[132].value}),m.texts[133].value]})}),(0,s.jsxs)("h4",{id:"menuitemtype",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menuitemtype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"MenuItemType"]}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[134].value}),(0,s.jsx)("th",{children:m.texts[135].value}),(0,s.jsx)("th",{children:m.texts[136].value}),(0,s.jsx)("th",{children:m.texts[137].value}),(0,s.jsx)("th",{children:m.texts[138].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[139].value}),(0,s.jsx)("td",{children:m.texts[140].value}),(0,s.jsx)("td",{children:m.texts[141].value}),(0,s.jsx)("td",{children:m.texts[142].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[143].value}),(0,s.jsx)("td",{children:m.texts[144].value}),(0,s.jsx)("td",{children:m.texts[145].value}),(0,s.jsx)("td",{children:m.texts[146].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[147].value}),(0,s.jsx)("td",{children:m.texts[148].value}),(0,s.jsx)("td",{children:m.texts[149].value}),(0,s.jsx)("td",{children:m.texts[150].value}),(0,s.jsx)("td",{children:m.texts[151].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[152].value}),(0,s.jsx)("td",{children:m.texts[153].value}),(0,s.jsx)("td",{children:m.texts[154].value}),(0,s.jsx)("td",{children:m.texts[155].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[156].value}),(0,s.jsx)("td",{children:m.texts[157].value}),(0,s.jsx)("td",{children:m.texts[158].value}),(0,s.jsx)("td",{children:m.texts[159].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[160].value}),(0,s.jsx)("td",{children:m.texts[161].value}),(0,s.jsx)("td",{children:m.texts[162].value}),(0,s.jsx)("td",{children:m.texts[163].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[164].value}),(0,s.jsx)("td",{children:m.texts[165].value}),(0,s.jsx)("td",{children:m.texts[166].value}),(0,s.jsx)("td",{children:m.texts[167].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"submenutype",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#submenutype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"SubMenuType"]}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[168].value}),(0,s.jsx)("th",{children:m.texts[169].value}),(0,s.jsx)("th",{children:m.texts[170].value}),(0,s.jsx)("th",{children:m.texts[171].value}),(0,s.jsx)("th",{children:m.texts[172].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[173].value}),(0,s.jsx)("td",{children:m.texts[174].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#itemtype",sourceType:"Link",children:m.texts[175].value})}),(0,s.jsx)("td",{children:m.texts[176].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[177].value}),(0,s.jsx)("td",{children:m.texts[178].value}),(0,s.jsx)("td",{children:m.texts[179].value}),(0,s.jsx)("td",{children:m.texts[180].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[181].value}),(0,s.jsx)("td",{children:m.texts[182].value}),(0,s.jsx)("td",{children:m.texts[183].value}),(0,s.jsx)("td",{children:m.texts[184].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[185].value}),(0,s.jsx)("td",{children:m.texts[186].value}),(0,s.jsx)("td",{children:m.texts[187].value}),(0,s.jsx)("td",{children:m.texts[188].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[189].value}),(0,s.jsx)("td",{children:m.texts[190].value}),(0,s.jsx)("td",{children:m.texts[191].value}),(0,s.jsx)("td",{children:m.texts[192].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[193].value}),(0,s.jsxs)("td",{children:[m.texts[194].value,(0,s.jsx)("code",{children:m.texts[195].value})]}),(0,s.jsx)("td",{children:m.texts[196].value}),(0,s.jsx)("td",{children:m.texts[197].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[198].value}),(0,s.jsxs)("td",{children:[m.texts[199].value,(0,s.jsx)("code",{children:m.texts[200].value})]}),(0,s.jsx)("td",{children:m.texts[201].value}),(0,s.jsx)("td",{children:m.texts[202].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[203].value}),(0,s.jsx)("td",{children:m.texts[204].value}),(0,s.jsx)("td",{}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:m.texts[205].value}),m.texts[206].value,(0,s.jsx)("code",{children:m.texts[207].value})]}),(0,s.jsx)("td",{children:m.texts[208].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[209].value}),(0,s.jsx)("td",{children:m.texts[210].value}),(0,s.jsx)("td",{children:m.texts[211].value}),(0,s.jsx)("td",{children:m.texts[212].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"menuitemgrouptype",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menuitemgrouptype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"MenuItemGroupType"]}),(0,s.jsxs)("p",{children:[m.texts[213].value,(0,s.jsx)("code",{children:m.texts[214].value}),m.texts[215].value,(0,s.jsx)("code",{children:m.texts[216].value}),m.texts[217].value]}),(0,s.jsx)(i.default,{lang:"ts",children:m.texts[218].value}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[219].value}),(0,s.jsx)("th",{children:m.texts[220].value}),(0,s.jsx)("th",{children:m.texts[221].value}),(0,s.jsx)("th",{children:m.texts[222].value}),(0,s.jsx)("th",{children:m.texts[223].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[224].value}),(0,s.jsx)("td",{children:m.texts[225].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{to:"#menuitemtype",sourceType:"Link",children:m.texts[226].value})}),(0,s.jsx)("td",{children:m.texts[227].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[228].value}),(0,s.jsx)("td",{children:m.texts[229].value}),(0,s.jsx)("td",{children:m.texts[230].value}),(0,s.jsx)("td",{children:m.texts[231].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"menudividertype",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menudividertype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"MenuDividerType"]}),(0,s.jsxs)("p",{children:[m.texts[232].value,(0,s.jsx)("code",{children:m.texts[233].value}),m.texts[234].value,(0,s.jsx)("code",{children:m.texts[235].value}),m.texts[236].value]}),(0,s.jsx)(i.default,{lang:"ts",children:m.texts[237].value}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[238].value}),(0,s.jsx)("th",{children:m.texts[239].value}),(0,s.jsx)("th",{children:m.texts[240].value}),(0,s.jsx)("th",{children:m.texts[241].value}),(0,s.jsx)("th",{children:m.texts[242].value})]})}),(0,s.jsx)("tbody",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[243].value}),(0,s.jsx)("td",{children:m.texts[244].value}),(0,s.jsx)("td",{children:m.texts[245].value}),(0,s.jsx)("td",{children:m.texts[246].value}),(0,s.jsx)("td",{})]})})]}),(0,s.jsxs)("h2",{id:"faq",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,s.jsxs)("h3",{id:"why-will-menus-children-be-rendered-twice",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#why-will-menus-children-be-rendered-twice",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Why will Menu's children be rendered twice?"]}),(0,s.jsxs)("p",{children:[m.texts[247].value,(0,s.jsx)(l.default,{href:"https://github.com/react-component/menu/blob/f4684514096d6b7123339cbe72e7b0f68db0bce2/src/Menu.tsx#L543",sourceType:"a",children:m.texts[248].value}),m.texts[249].value]}),(0,s.jsxs)("h3",{id:"why-menu-do-not-responsive-collapse-in-flex-layout",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#why-menu-do-not-responsive-collapse-in-flex-layout",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Why Menu do not responsive collapse in Flex layout?"]}),(0,s.jsxs)("p",{children:[m.texts[250].value,(0,s.jsx)(l.default,{href:"https://codesandbox.io/s/ding-bu-dao-hang-antd-4-21-7-forked-5e3imy?file=/demo.js",sourceType:"a",children:m.texts[251].value}),m.texts[252].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:m.texts[253].value}),(0,s.jsxs)("h2",{id:"design-token",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Design Token"]})]}),(0,s.jsx)(o.default,{component:"Menu"})]})})});};}}]); |