ant-design/c613f3b7-async.9eb11f88.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["c613f3b7"],{c613f3b7:function(e,n,t){"use strict";t.d(n,"__esModule",{value:!0}),t.d(n,"default",{enumerable:!0,get:function(){return h;}});var r=t("777fffbe"),s=t("f19d2b93"),i=r._(t("b622e337")),c=r._(t("67074e5d")),o=r._(t("3098b24f")),l=r._(t("84b131b4")),a=r._(t("97c488ea")),p=r._(t("c96b0d01")),d=t("5b220c3d"),m=t("9c86e52a");function u(){let{texts:e}=(0,m.useRouteMeta)();return(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)(a.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:e[0].value}),(0,s.jsxs)("p",{children:[e[1].value,(0,s.jsx)(a.default,{to:"/components/layout",sourceType:"Link",children:e[2].value}),e[3].value]}),(0,s.jsxs)("h2",{id:"notes-for-developers",children:[(0,s.jsx)(a.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:[e[4].value,(0,s.jsx)("code",{children:e[5].value}),e[6].value,(0,s.jsxs)(a.default,{href:"https://html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element",sourceType:"a",children:[(0,s.jsx)("code",{children:e[7].value}),e[8].value,(0,s.jsx)("code",{children:e[9].value}),e[10].value]}),e[11].value,(0,s.jsx)("code",{children:e[12].value}),e[13].value]}),(0,s.jsxs)("li",{children:[e[14].value,(0,s.jsx)("code",{children:e[15].value}),e[16].value]})]}),(0,s.jsxs)("h2",{id:"examples",children:[(0,s.jsx)(a.default,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Examples"]})]}),(0,s.jsx)(l.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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            label: 'Option 1',\n            key: 'setting:1',\n          },\n          {\n            label: 'Option 2',\n            key: 'setting:2',\n          },\n        ],\n      },\n      {\n        type: 'group',\n        label: 'Item 2',\n        children: [\n          {\n            label: 'Option 3',\n            key: 'setting:3',\n          },\n          {\n            label: 'Option 4',\n            key: 'setting:4',\n          },\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            label: 'Option 1',\n            key: 'setting:1',\n          },\n          {\n            label: 'Option 2',\n            key: 'setting:2',\n          },\n        ],\n      },\n      {\n        type: 'group',\n        label: 'Item 2',\n        children: [\n          {\n            label: 'Option 3',\n            key: 'setting:3',\n          },\n          {\n            label: 'Option 4',\n            key: 'setting:4',\n          },\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            key: '1',\n            label: 'Option 1',\n          },\n          {\n            key: '2',\n            label: 'Option 2',\n          },\n        ],\n      },\n      {\n        key: 'g2',\n        label: 'Item 2',\n        type: 'group',\n        children: [\n          {\n            key: '3',\n            label: 'Option 3',\n          },\n          {\n            key: '4',\n            label: 'Option 4',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Two',\n    icon: <AppstoreOutlined />,\n    children: [\n      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '7',\n            label: 'Option 7',\n          },\n          {\n            key: '8',\n            label: 'Option 8',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    type: 'divider',\n  },\n  {\n    key: 'sub4',\n    label: 'Navigation Three',\n    icon: <SettingOutlined />,\n    children: [\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\n      {\n        key: '11',\n        label: 'Option 11',\n      },\n      {\n        key: '12',\n        label: 'Option 12',\n      },\n    ],\n  },\n  {\n    key: 'grp',\n    label: 'Group',\n    type: 'group',\n    children: [\n      {\n        key: '13',\n        label: 'Option 13',\n      },\n      {\n        key: '14',\n        label: 'Option 14',\n      },\n    ],\n  },\n];\nconst App = () => {\n  const onClick = (e) => {\n    console.log('click ', e);\n  };\n  return (\n    <Menu\n      onClick={onClick}\n      style={{\n        width: 256,\n      }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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  {\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      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: '7',\n        label: 'Option 7',\n      },\n      {\n        key: '8',\n        label: 'Option 8',\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Two',\n    icon: <AppstoreOutlined />,\n    children: [\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '11',\n            label: 'Option 11',\n          },\n          {\n            key: '12',\n            label: 'Option 12',\n          },\n        ],\n      },\n    ],\n  },\n];\nconst App = () => {\n  const [collapsed, setCollapsed] = useState(false);\n  const toggleCollapsed = () => {\n    setCollapsed(!collapsed);\n  };\n  return (\n    <div\n      style={{\n        width: 256,\n      }}\n    >\n      <Button\n        type=\"primary\"\n        onClick={toggleCollapsed}\n        style={{\n          marginBottom: 16,\n        }}\n      >\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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      {\n        key: '11',\n        label: 'Option 1',\n      },\n      {\n        key: '12',\n        label: 'Option 2',\n      },\n      {\n        key: '13',\n        label: 'Option 3',\n      },\n      {\n        key: '14',\n        label: 'Option 4',\n      },\n    ],\n  },\n  {\n    key: '2',\n    icon: <AppstoreOutlined />,\n    label: 'Navigation Two',\n    children: [\n      {\n        key: '21',\n        label: 'Option 1',\n      },\n      {\n        key: '22',\n        label: 'Option 2',\n      },\n      {\n        key: '23',\n        label: 'Submenu',\n        children: [\n          {\n            key: '231',\n            label: 'Option 1',\n          },\n          {\n            key: '232',\n            label: 'Option 2',\n          },\n          {\n            key: '233',\n            label: 'Option 3',\n          },\n        ],\n      },\n      {\n        key: '24',\n        label: 'Submenu 2',\n        children: [\n          {\n            key: '241',\n            label: 'Option 1',\n          },\n          {\n            key: '242',\n            label: 'Option 2',\n          },\n          {\n            key: '243',\n            label: 'Option 3',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: '3',\n    icon: <SettingOutlined />,\n    label: 'Navigation Three',\n    children: [\n      {\n        key: '31',\n        label: 'Option 1',\n      },\n      {\n        key: '32',\n        label: 'Option 2',\n      },\n      {\n        key: '33',\n        label: 'Option 3',\n      },\n      {\n        key: '34',\n        label: 'Option 4',\n      },\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={{\n        width: 256,\n      }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            key: '1',\n            label: 'Option 1',\n          },\n          {\n            key: '2',\n            label: 'Option 2',\n          },\n        ],\n      },\n      {\n        key: '1-2',\n        label: 'Item 2',\n        type: 'group',\n        children: [\n          {\n            key: '3',\n            label: 'Option 3',\n          },\n          {\n            key: '4',\n            label: 'Option 4',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    icon: <AppstoreOutlined />,\n    label: 'Navigation Two',\n    children: [\n      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '7',\n            label: 'Option 7',\n          },\n          {\n            key: '8',\n            label: 'Option 8',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub4',\n    label: 'Navigation Three',\n    icon: <SettingOutlined />,\n    children: [\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\n      {\n        key: '11',\n        label: 'Option 11',\n      },\n      {\n        key: '12',\n        label: 'Option 12',\n      },\n    ],\n  },\n];\nconst onClick = (e) => {\n  console.log('click', e);\n};\nconst App = () => (\n  <Menu\n    onClick={onClick}\n    style={{\n      width: 256,\n    }}\n    mode=\"vertical\"\n    items={items}\n  />\n);\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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      {\n        key: '1',\n        label: 'Option 1',\n      },\n      {\n        key: '2',\n        label: 'Option 2',\n      },\n      {\n        key: '3',\n        label: 'Option 3',\n      },\n      {\n        key: '4',\n        label: 'Option 4',\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Two',\n    icon: <AppstoreOutlined />,\n    children: [\n      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '7',\n            label: 'Option 7',\n          },\n          {\n            key: '8',\n            label: 'Option 8',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub4',\n    label: 'Navigation Three',\n    icon: <SettingOutlined />,\n    children: [\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\n      {\n        key: '11',\n        label: 'Option 11',\n      },\n      {\n        key: '12',\n        label: 'Option 12',\n      },\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={{\n          width: 256,\n        }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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        {\n          key: '1',\n          label: 'Option 1',\n        },\n        {\n          key: '2',\n          label: 'Option 2',\n        },\n        {\n          key: '3',\n          label: 'Option 3',\n        },\n      ],\n    },\n    {\n      key: '5',\n      label: 'Option 5',\n    },\n    {\n      key: '6',\n      label: 'Option 6',\n    },\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={{\n          width: 256,\n        }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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      {\n        key: '3',\n        label: 'Option 3',\n      },\n      {\n        key: '4',\n        label: 'Option 4',\n      },\n      {\n        key: 'sub1-2',\n        label: 'Submenu',\n        children: [\n          {\n            key: '5',\n            label: 'Option 5',\n          },\n          {\n            key: '6',\n            label: 'Option 6',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Three',\n    icon: <SettingOutlined />,\n    children: [\n      {\n        key: '7',\n        label: 'Option 7',\n      },\n      {\n        key: '8',\n        label: 'Option 8',\n      },\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\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={{\n          width: 256,\n        }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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      {\n        key: '1',\n        label: 'Option 1',\n      },\n      {\n        key: '2',\n        label: 'Option 2',\n      },\n      {\n        key: '3',\n        label: 'Option 3',\n      },\n      {\n        key: '4',\n        label: 'Option 4',\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Two',\n    icon: <AppstoreOutlined />,\n    children: [\n      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '7',\n            label: 'Option 7',\n          },\n          {\n            key: '8',\n            label: 'Option 8',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: '11',\n    label: 'Option 11',\n  },\n  {\n    key: '12',\n    label: 'Option 12',\n  },\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: {\n              ...node.props.style,\n              textDecoration: 'underline',\n            },\n          })\n        }\n        // Test only. Remove in future.\n        _internalRenderSubMenuItem={(node) =>\n          React.cloneElement(node, {\n            style: {\n              ...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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            key: '5',\n            label: 'Option 5',\n          },\n          {\n            key: '6',\n            label: 'Option 6',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Three',\n    icon: <SettingOutlined />,\n    children: [\n      {\n        label: 'Option 7',\n        key: '7',\n      },\n      {\n        label: 'Option 8',\n        key: '8',\n      },\n      {\n        label: 'Option 9',\n        key: '9',\n      },\n      {\n        label: 'Option 10',\n        key: '10',\n      },\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={{\n            width: 256,\n          }}\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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          {\n            label: 'Option 1',\n            key: 'setting:1',\n          },\n          {\n            label: 'Option 2',\n            key: 'setting:2',\n          },\n        ],\n      },\n      {\n        type: 'group',\n        label: 'Item 2',\n        children: [\n          {\n            label: 'Option 3',\n            key: 'setting:3',\n          },\n          {\n            label: 'Option 4',\n            key: 'setting:4',\n          },\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      {\n        key: '5',\n        label: 'Option 5',\n      },\n      {\n        key: '6',\n        label: 'Option 6',\n      },\n      {\n        key: '7',\n        label: 'Option 7',\n      },\n      {\n        key: '8',\n        label: 'Option 8',\n      },\n    ],\n  },\n  {\n    key: 'sub2',\n    label: 'Navigation Two',\n    icon: <AppstoreOutlined />,\n    children: [\n      {\n        key: '9',\n        label: 'Option 9',\n      },\n      {\n        key: '10',\n        label: 'Option 10',\n      },\n      {\n        key: 'sub3',\n        label: 'Submenu',\n        children: [\n          {\n            key: '11',\n            label: 'Option 11',\n          },\n          {\n            key: '12',\n            label: 'Option 12',\n          },\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.2","@antfu/eslint-config":"^3.8.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.2.1","@codesandbox/sandpack-react":"^2.19.9","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.4","@emotion/react":"^11.13.3","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.15.0","@ianvs/prettier-plugin-sort-imports":"^4.3.1","@inquirer/prompts":"^7.0.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^21.0.2","@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.2","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.5","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@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.7.7","@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/qs":"^6.9.16","@types/react":"^18.3.11","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^18.3.1","@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.0","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^4.1.2",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",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.13","dumi-plugin-color-chunk":"^1.1.2",eslint:"^9.13.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.8.3","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.0.0","eslint-plugin-react-refresh":"^0.4.13","fast-glob":"^3.3.2","fetch-jsonp":"^1.3.0","fs-extra":"^11.2.0","gh-pages":"^6.2.0",glob:"^11.0.0",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":"^3.0.1","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^9.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":"^10.1.2",jquery:"^3.7.1",jsdom:"^25.0.1","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^15.2.10",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",nprogress:"^0.2.0",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0",pixelmatch:"^6.0.0",pngjs:"^7.0.0",prettier:"^3.3.3","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^23.6.0",qs:"^6.13.0","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.15.0",react:"^18.3.1","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^18.3.1","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.20.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^6.27.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.33.5","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",sylvanas:"^0.6.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"4.11.2",typedoc:"^0.26.10",typescript:"~5.6.3","vanilla-jsoneditor":"^2.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.95.0","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.1.0","@ant-design/cssinjs":"^1.21.1","@ant-design/cssinjs-utils":"^1.1.1","@ant-design/icons":"^5.5.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.25.7","@ctrl/tinycolor":"^3.6.1","@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.5",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.30.0","rc-checkbox":"~3.3.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.2.0","rc-dropdown":"~4.2.0","rc-field-form":"~2.5.1","rc-image":"~7.11.0","rc-input":"~1.6.3","rc-input-number":"~9.3.0","rc-mentions":"~2.17.0","rc-menu":"~9.16.0","rc-motion":"^2.9.3","rc-notification":"~5.6.2","rc-pagination":"~4.3.0","rc-picker":"~4.8.1","rc-progress":"~4.0.0","rc-rate":"~2.13.0","rc-resize-observer":"^1.4.0","rc-segmented":"~2.5.0","rc-select":"~14.16.3","rc-slider":"~11.1.7","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.48.1","rc-tabs":"~15.4.0","rc-textarea":"~1.8.2","rc-tooltip":"~6.2.1","rc-tree":"~5.10.1","rc-tree-select":"~5.24.4","rc-upload":"~4.8.1","rc-util":"^5.43.0","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  },\n];\nconst items2 = [\n  {\n    key: '1',\n    label: 'Users',\n    extra: '\u2318U',\n  },\n  {\n    key: '2',\n    label: 'Profile',\n    extra: '\u2318P',\n  },\n];\nconst App = () => (\n  <Space direction=\"vertical\">\n    <Menu\n      mode=\"inline\"\n      defaultOpenKeys={['sub1']}\n      defaultSelectedKeys={['1']}\n      style={{\n        width: 256,\n      }}\n      items={items1}\n    />\n    <Menu\n      theme=\"dark\"\n      style={{\n        width: 256,\n      }}\n      items={items2}\n    />\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)(a.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:[e[17].value,(0,s.jsx)(a.default,{to:"/docs/react/common-props",sourceType:"Link",children:e[18].value})]}),(0,s.jsxs)("h3",{id:"menu",children:[(0,s.jsx)(a.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menu",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Menu"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[19].value}),(0,s.jsx)("th",{children:e[20].value}),(0,s.jsx)("th",{children:e[21].value}),(0,s.jsx)("th",{children:e[22].value}),(0,s.jsx)("th",{children:e[23].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[24].value}),(0,s.jsx)("td",{children:e[25].value}),(0,s.jsx)("td",{children:e[26].value}),(0,s.jsx)("td",{children:e[27].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[28].value}),(0,s.jsx)("td",{children:e[29].value}),(0,s.jsx)("td",{children:e[30].value}),(0,s.jsx)("td",{children:e[31].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[32].value}),(0,s.jsx)("td",{children:e[33].value}),(0,s.jsxs)("td",{children:[e[34].value,(0,s.jsx)("code",{children:e[35].value})]}),(0,s.jsx)("td",{children:e[36].value}),(0,s.jsx)("td",{children:e[37].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[38].value}),(0,s.jsx)("td",{children:e[39].value}),(0,s.jsx)("td",{children:e[40].value}),(0,s.jsx)("td",{children:e[41].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[42].value}),(0,s.jsx)("td",{children:e[43].value}),(0,s.jsx)("td",{children:e[44].value}),(0,s.jsx)("td",{children:e[45].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[46].value}),(0,s.jsx)("td",{children:e[47].value}),(0,s.jsx)("td",{children:e[48].value}),(0,s.jsx)("td",{children:e[49].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[50].value}),(0,s.jsx)("td",{children:e[51].value}),(0,s.jsx)("td",{children:(0,s.jsx)(a.default,{to:"#itemtype",sourceType:"Link",children:e[52].value})}),(0,s.jsx)("td",{children:e[53].value}),(0,s.jsx)("td",{children:e[54].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[55].value}),(0,s.jsx)("td",{children:e[56].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[57].value}),e[58].value,(0,s.jsx)("code",{children:e[59].value}),e[60].value,(0,s.jsx)("code",{children:e[61].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[62].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[63].value}),(0,s.jsx)("td",{children:e[64].value}),(0,s.jsx)("td",{children:e[65].value}),(0,s.jsx)("td",{children:e[66].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[67].value}),(0,s.jsx)("td",{children:e[68].value}),(0,s.jsx)("td",{children:e[69].value}),(0,s.jsx)("td",{children:e[70].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[71].value}),(0,s.jsx)("td",{children:e[72].value}),(0,s.jsx)("td",{children:e[73].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[74].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[75].value}),(0,s.jsx)("td",{children:e[76].value}),(0,s.jsx)("td",{children:e[77].value}),(0,s.jsx)("td",{children:e[78].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[79].value}),(0,s.jsx)("td",{children:e[80].value}),(0,s.jsx)("td",{children:e[81].value}),(0,s.jsx)("td",{children:e[82].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[83].value}),(0,s.jsx)("td",{children:e[84].value}),(0,s.jsx)("td",{children:e[85].value}),(0,s.jsx)("td",{children:e[86].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[87].value}),(0,s.jsx)("td",{children:e[88].value}),(0,s.jsx)("td",{children:e[89].value}),(0,s.jsx)("td",{children:e[90].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[91].value}),(0,s.jsx)("td",{children:e[92].value}),(0,s.jsx)("td",{children:e[93].value}),(0,s.jsx)("td",{children:e[94].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[95].value}),(0,s.jsx)("td",{children:e[96].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[97].value}),e[98].value,(0,s.jsx)("code",{children:e[99].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[100].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[101].value}),(0,s.jsx)("td",{children:e[102].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[103].value}),e[104].value,(0,s.jsx)("code",{children:e[105].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:e[106].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[107].value}),(0,s.jsx)("td",{children:e[108].value}),(0,s.jsx)("td",{children:e[109].value}),(0,s.jsx)("td",{children:e[110].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[111].value}),(0,s.jsx)("td",{children:e[112].value}),(0,s.jsx)("td",{children:e[113].value}),(0,s.jsx)("td",{children:e[114].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[115].value}),(0,s.jsx)("td",{children:e[116].value}),(0,s.jsx)("td",{children:e[117].value}),(0,s.jsx)("td",{children:e[118].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[119].value}),(0,s.jsx)("td",{children:e[120].value}),(0,s.jsx)("td",{children:e[121].value}),(0,s.jsx)("td",{children:e[122].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[e[123].value,(0,s.jsx)(a.default,{href:"https://github.com/react-component/menu#api",sourceType:"a",children:e[124].value})]})}),(0,s.jsxs)("h3",{id:"itemtype",children:[(0,s.jsx)(a.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:[e[125].value,(0,s.jsx)(a.default,{to:"#menuitemtype",sourceType:"Link",children:e[126].value}),e[127].value,(0,s.jsx)(a.default,{to:"#submenutype",sourceType:"Link",children:e[128].value}),e[129].value,(0,s.jsx)(a.default,{to:"#menuitemgrouptype",sourceType:"Link",children:e[130].value}),e[131].value,(0,s.jsx)(a.default,{to:"#menudividertype",sourceType:"Link",children:e[132].value}),e[133].value]})}),(0,s.jsxs)("h4",{id:"menuitemtype",children:[(0,s.jsx)(a.default,{"aria-hidden":"true",tabIndex:"-1",href:"#menuitemtype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"MenuItemType"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[134].value}),(0,s.jsx)("th",{children:e[135].value}),(0,s.jsx)("th",{children:e[136].value}),(0,s.jsx)("th",{children:e[137].value}),(0,s.jsx)("th",{children:e[138].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[139].value}),(0,s.jsx)("td",{children:e[140].value}),(0,s.jsx)("td",{children:e[141].value}),(0,s.jsx)("td",{children:e[142].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[143].value}),(0,s.jsx)("td",{children:e[144].value}),(0,s.jsx)("td",{children:e[145].value}),(0,s.jsx)("td",{children:e[146].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[147].value}),(0,s.jsx)("td",{children:e[148].value}),(0,s.jsx)("td",{children:e[149].value}),(0,s.jsx)("td",{children:e[150].value}),(0,s.jsx)("td",{children:e[151].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[152].value}),(0,s.jsx)("td",{children:e[153].value}),(0,s.jsx)("td",{children:e[154].value}),(0,s.jsx)("td",{children:e[155].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[156].value}),(0,s.jsx)("td",{children:e[157].value}),(0,s.jsx)("td",{children:e[158].value}),(0,s.jsx)("td",{children:e[159].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[160].value}),(0,s.jsx)("td",{children:e[161].value}),(0,s.jsx)("td",{children:e[162].value}),(0,s.jsx)("td",{children:e[163].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[164].value}),(0,s.jsx)("td",{children:e[165].value}),(0,s.jsx)("td",{children:e[166].value}),(0,s.jsx)("td",{children:e[167].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"submenutype",children:[(0,s.jsx)(a.default,{"aria-hidden":"true",tabIndex:"-1",href:"#submenutype",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"SubMenuType"]}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[168].value}),(0,s.jsx)("th",{children:e[169].value}),(0,s.jsx)("th",{children:e[170].value}),(0,s.jsx)("th",{children:e[171].value}),(0,s.jsx)("th",{children:e[172].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[173].value}),(0,s.jsx)("td",{children:e[174].value}),(0,s.jsx)("td",{children:(0,s.jsx)(a.default,{to:"#itemtype",sourceType:"Link",children:e[175].value})}),(0,s.jsx)("td",{children:e[176].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[177].value}),(0,s.jsx)("td",{children:e[178].value}),(0,s.jsx)("td",{children:e[179].value}),(0,s.jsx)("td",{children:e[180].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[181].value}),(0,s.jsx)("td",{children:e[182].value}),(0,s.jsx)("td",{children:e[183].value}),(0,s.jsx)("td",{children:e[184].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[185].value}),(0,s.jsx)("td",{children:e[186].value}),(0,s.jsx)("td",{children:e[187].value}),(0,s.jsx)("td",{children:e[188].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[189].value}),(0,s.jsx)("td",{children:e[190].value}),(0,s.jsx)("td",{children:e[191].value}),(0,s.jsx)("td",{children:e[192].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[193].value}),(0,s.jsxs)("td",{children:[e[194].value,(0,s.jsx)("code",{children:e[195].value})]}),(0,s.jsx)("td",{children:e[196].value}),(0,s.jsx)("td",{children:e[197].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[198].value}),(0,s.jsxs)("td",{children:[e[199].value,(0,s.jsx)("code",{children:e[200].value})]}),(0,s.jsx)("td",{children:e[201].value}),(0,s.jsx)("td",{children:e[202].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[203].value}),(0,s.jsx)("td",{children:e[204].value}),(0,s.jsx)("td",{}),(0,s.jsxs)("td",{children:[(0,s.jsx)("code",{children:e[205].value}),e[206].value,(0,s.jsx)("code",{children:e[207].value})]}),(0,s.jsx)("td",{children:e[208].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[209].value}),(0,s.jsx)("td",{children:e[210].value}),(0,s.jsx)("td",{children:e[211].value}),(0,s.jsx)("td",{children:e[212].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"menuitemgrouptype",children:[(0,s.jsx)(a.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:[e[213].value,(0,s.jsx)("code",{children:e[214].value}),e[215].value,(0,s.jsx)("code",{children:e[216].value}),e[217].value]}),(0,s.jsx)(i.default,{lang:"ts",children:e[218].value}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[219].value}),(0,s.jsx)("th",{children:e[220].value}),(0,s.jsx)("th",{children:e[221].value}),(0,s.jsx)("th",{children:e[222].value}),(0,s.jsx)("th",{children:e[223].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[224].value}),(0,s.jsx)("td",{children:e[225].value}),(0,s.jsx)("td",{children:(0,s.jsx)(a.default,{to:"#menuitemtype",sourceType:"Link",children:e[226].value})}),(0,s.jsx)("td",{children:e[227].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[228].value}),(0,s.jsx)("td",{children:e[229].value}),(0,s.jsx)("td",{children:e[230].value}),(0,s.jsx)("td",{children:e[231].value}),(0,s.jsx)("td",{})]})]})]}),(0,s.jsxs)("h4",{id:"menudividertype",children:[(0,s.jsx)(a.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:[e[232].value,(0,s.jsx)("code",{children:e[233].value}),e[234].value,(0,s.jsx)("code",{children:e[235].value}),e[236].value]}),(0,s.jsx)(i.default,{lang:"ts",children:e[237].value}),(0,s.jsxs)(c.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:e[238].value}),(0,s.jsx)("th",{children:e[239].value}),(0,s.jsx)("th",{children:e[240].value}),(0,s.jsx)("th",{children:e[241].value}),(0,s.jsx)("th",{children:e[242].value})]})}),(0,s.jsx)("tbody",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:e[243].value}),(0,s.jsx)("td",{children:e[244].value}),(0,s.jsx)("td",{children:e[245].value}),(0,s.jsx)("td",{children:e[246].value}),(0,s.jsx)("td",{})]})})]}),(0,s.jsxs)("h2",{id:"faq",children:[(0,s.jsx)(a.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)(a.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:[e[247].value,(0,s.jsx)(a.default,{href:"https://github.com/react-component/menu/blob/f4684514096d6b7123339cbe72e7b0f68db0bce2/src/Menu.tsx#L543",sourceType:"a",children:e[248].value}),e[249].value]}),(0,s.jsxs)("h3",{id:"why-menu-do-not-responsive-collapse-in-flex-layout",children:[(0,s.jsx)(a.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:[e[250].value,(0,s.jsx)(a.default,{href:"https://codesandbox.io/s/ding-bu-dao-hang-antd-4-21-7-forked-5e3imy?file=/demo.js",sourceType:"a",children:e[251].value}),e[252].value]}),(0,s.jsx)(i.default,{lang:"jsx",children:e[253].value}),(0,s.jsxs)("h2",{id:"design-token",children:[(0,s.jsx)(a.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"})]});}var h=function(){return(0,s.jsx)(m.DumiPage,{children:(0,s.jsx)(d.Suspense,{fallback:(0,s.jsx)(p.default,{}),children:(0,s.jsx)(u,{})})});};}}]);