{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/show/dropdown","result":{"data":{"current":{"frontmatter":{"title":"Dropdown 下拉框","order":70,"brief":"向下弹出的菜单。","icon":"doc-dropdown"},"fields":{"type":"show"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#嵌套使用","title":"嵌套使用"},{"url":"#弹出位置","title":"弹出位置"},{"url":"#触发方式","title":"触发方式"},{"url":"#触发事件","title":"触发事件"},{"url":"#json-用法","title":"Json 用法"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#dropdown","title":"Dropdown"},{"url":"#dropdownmenu","title":"Dropdown.Menu"},{"url":"#dropdownitem","title":"Dropdown.Item"},{"url":"#dropdowntitle","title":"Dropdown.Title"},{"url":"#dropdownmenuitem","title":"DropdownMenuItem"}]},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"},{"url":"#faq","title":"FAQ"},{"url":"#相关物料","title":"相关物料"}]},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"localeCode\": \"zh-CN\",\n  \"order\": 70,\n  \"category\": \"展示类\",\n  \"title\": \"Dropdown 下拉框\",\n  \"icon\": \"doc-dropdown\",\n  \"brief\": \"向下弹出的菜单。\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar Dropdown = makeShortcode(\"Dropdown\");\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4EE3\\u7801\\u6F14\\u793A\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5982\\u4F55\\u5F15\\u5165\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"import\",\n    \"import\": true\n  }, \"import { Dropdown } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5728 Dropdown \\u7684 children \\u4E2D\\u4E3A\\u5B83\\u7684 Trigger \\u89E6\\u53D1\\u5668\\uFF1A\\u9ED8\\u8BA4\\u4E3A hover \\u5C55\\u793A\\uFF0C\\u53EF\\u901A\\u8FC7 props.trigger \\u4FEE\\u6539\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"click\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"custom\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"contextMenu\"), \"\\u7B49\\u503C\\u6307\\u5B9A\\u4E0D\\u540C\\u89E6\\u53D1\\u65B9\\u5F0F  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u901A\\u8FC7 render \\u6307\\u5B9A\\u4E0B\\u62C9\\u6846\\u7684\\u5177\\u4F53\\u5185\\u5BB9\\uFF1A\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Menu\"), \" \\u4F5C\\u4E3A\\u7236\\u5BB9\\u5668\\uFF0C\\u7EC4\\u5408\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Item\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Divider\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Title\"), \" \\u3002\", mdx(\"br\", {\n    parentName: \"li\"\n  }), \"\\u5F53\\u7136\\u7B80\\u5355\\u573A\\u666F\\u4F60\\u4E5F\\u53EF\\u4EE5\\u4EC5\\u642D\\u914D \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Menu\"), \" \\u4E0E \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Item\"), \"\\uFF0C\\u5176\\u4ED6\\u5143\\u7D20\\u4E0D\\u662F\\u5FC5\\u987B\\u7684\\u3002  \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Dropdown.Item\"), \" \\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"disabled\"), \" \\u53EF\\u4EE5\\u7981\\u7528\\u67D0\\u4E2A\\u9009\\u9879\\uFF0C\\u914D\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"type\"), \"\\uFF0C\\u53EF\\u4EE5\\u5C55\\u793A\\u4E0D\\u540C\\u989C\\u8272\\u7684\\u6587\\u672C\\uFF0C\\u4E0A\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"icon\"), \" \\u53EF\\u4EE5\\u5FEB\\u901F\\u914D\\u7F6E\\u56FE\\u6807\\u3002\\u66F4\\u590D\\u6742\\u7684\\u81EA\\u5B9A\\u4E49\\u7ED3\\u6784\\uFF0C\\u4F60\\u53EF\\u4EE5\\u901A\\u8FC7 children \\u4F20\\u5165 ReactNode\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Dropdown, Button, HotKeys } from '@douyinfe/semi-ui';\\nimport { IconBox, IconSetting, IconForward, IconRefresh, IconSearch, IconAlertCircle } from \\\"@douyinfe/semi-icons\\\";\\nimport { IconToken } from \\\"@douyinfe/semi-icons-lab\\\";\\n\\nfunction Demo() {\\n    return (\\n        <Dropdown\\n            position=\\\"bottomLeft\\\"\\n            render={\\n                <Dropdown.Menu>\\n                    <Dropdown.Title>\\u5206\\u7EC41</Dropdown.Title>\\n                    <Dropdown.Item icon={<IconBox />}>\\n                        Menu Item 1\\n                        <HotKeys\\n                            style={{ marginLeft: 20 }}\\n                            hotKeys={[HotKeys.Keys.Control, HotKeys.Keys.B]}\\n                            content={['Ctrl', 'B']}\\n                        ></HotKeys>\\n                    </Dropdown.Item>\\n                    <Dropdown.Item icon={<IconSetting />}>\\n                        Menu Item 2\\n                        <HotKeys\\n                            style={{ marginLeft: 20 }}\\n                            hotKeys={[HotKeys.Keys.Control, HotKeys.Keys.V]}\\n                            content={['Ctrl', 'V']}\\n                        ></HotKeys>\\n                    </Dropdown.Item>\\n                    <Dropdown.Item disabled icon={<IconForward />}>\\n                        Menu Item 3\\n                        <HotKeys\\n                            style={{ marginLeft: 20 }}\\n                            hotKeys={[HotKeys.Keys.Control, HotKeys.Keys.F3]}\\n                            content={['Ctrl', 'F3']}\\n                        ></HotKeys>\\n                    </Dropdown.Item>\\n                    <Dropdown.Divider />\\n                    <Dropdown.Title>\\u5206\\u7EC42</Dropdown.Title>\\n                    <Dropdown.Item type=\\\"tertiary\\\" icon={<IconRefresh />}>tertiary</Dropdown.Item>\\n                    <Dropdown.Item type=\\\"warning\\\" icon={<IconSearch />}>\\n                        warning\\n                    </Dropdown.Item>\\n                    <Dropdown.Item type=\\\"danger\\\" icon={<IconAlertCircle />}>danger</Dropdown.Item>\\n                </Dropdown.Menu>\\n            }\\n        >\\n            <Button theme=\\\"outline\\\" type=\\\"tertiary\\\" icon={<IconToken />}>\\n                Hover Me\\n            </Button>\\n        </Dropdown>\\n    );\\n}\\n\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5D4C\\u5957\\u4F7F\\u7528\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7528\\u6237\\u53EF\\u4EE5\\u5BF9 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Dropdown\"), \" \\u8FDB\\u884C\\u5D4C\\u5957\\u4F7F\\u7528\\uFF0C\\u6B64\\u7C7B\\u60C5\\u51B5\\u9002\\u5408\\u5177\\u6709\\u591A\\u4E2A\\u5B50\\u7EA7\\u9009\\u9879\\u7684\\u60C5\\u51B5\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useMemo } from 'react';\\nimport { Dropdown, Button, HotKeys } from '@douyinfe/semi-ui';\\nimport { IconToken } from \\\"@douyinfe/semi-icons-lab\\\";\\n\\nfunction Demo() {\\n    const subDropdown = useMemo(\\n        () => (\\n            <Dropdown.Menu>\\n                <Dropdown.Item>Nested Menu Item 1</Dropdown.Item>\\n                <Dropdown.Item>Nested  Menu Item 2</Dropdown.Item>\\n                <Dropdown.Item>Nested  Menu Item 3</Dropdown.Item>\\n            </Dropdown.Menu>\\n        ),\\n        []\\n    );\\n\\n    return (\\n        <div style={{ margin: 100 }}>\\n            <Dropdown\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown position={'rightTop'} render={subDropdown}>\\n                            <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        </Dropdown>\\n                        <Dropdown position={'leftTop'} render={subDropdown}>\\n                            <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        </Dropdown>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Button theme=\\\"outline\\\" type=\\\"tertiary\\\" icon={<IconToken />}>\\n                    Hover Me\\n                </Button>\\n            </Dropdown>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5F39\\u51FA\\u4F4D\\u7F6E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u652F\\u6301\\u7684\\u4F4D\\u7F6E\\u540C \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://semi.design/zh-CN/show/tooltip#%E4%BD%8D%E7%BD%AE\"\n  }, \"Tooltip\"), \"\\uFF0C\\u5E38\\u7528\\u7684\\u662F\\uFF1A\\\"bottom\\\", \\\"bottomLeft\\\", \\\"bottomRight\\\" \\u8FD9\\u4E09\\u79CD\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Dropdown, Tag } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return (\\n        <div>\\n            <Dropdown\\n                position={'bottom'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Tag>Bottom</Tag>\\n            </Dropdown>\\n            <br />\\n            <br />\\n            <Dropdown\\n                position={'bottomLeft'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Tag>bottomLeft</Tag>\\n            </Dropdown>\\n            <br />\\n            <br />\\n            <Dropdown\\n                position={'bottomRight'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Tag>bottomRight</Tag>\\n            </Dropdown>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u89E6\\u53D1\\u65B9\\u5F0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9ED8\\u8BA4\\u662F\\u79FB\\u5165\\u89E6\\u53D1\\uFF0C\\u53EF\\u901A\\u8FC7\\u83B7\\u53D6\\u7126\\u70B9(focus)\\uFF0C\\u70B9\\u51FB(click)\\u6216\\u81EA\\u5B9A\\u4E49\\u4E8B\\u4EF6\\u89E6\\u53D1\\u83DC\\u5355\\u5C55\\u5F00\\u3002\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"contextMenu \\u65B9\\u5F0F\\u5728 v2.42 \\u540E\\u63D0\\u4F9B\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Dropdown, Tag, Input, Button } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    return (\\n        <div>\\n            <Dropdown\\n                trigger={'hover'}\\n                position={'bottomLeft'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Tag>Hover me</Tag>\\n            </Dropdown>\\n            <br />\\n            <br />\\n            <Dropdown\\n                trigger={'focus'}\\n                position={'bottomLeft'}\\n                render={\\n                    <Dropdown.Menu tabIndex={-1}>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <div\\n                    style={{\\n                        border: '1px solid var(--semi-color-border)',\\n                        borderRadius: 4,\\n                        height: 36,\\n                        width: 220,\\n                    }}\\n                >\\n                    Please use Tab to focus this div\\n                </div>\\n            </Dropdown>\\n            <br />\\n            <br />\\n            <Dropdown\\n                trigger={'click'}\\n                position={'bottomLeft'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Button>Click me</Button>\\n            </Dropdown>\\n            <br />\\n            <br />\\n            <Dropdown\\n                trigger={'contextMenu'}\\n                position={'bottomRight'}\\n                render={\\n                    <Dropdown.Menu>\\n                        <Dropdown.Item>Menu Item 1</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 2</Dropdown.Item>\\n                        <Dropdown.Item>Menu Item 3</Dropdown.Item>\\n                    </Dropdown.Menu>\\n                }\\n            >\\n                <Button theme=\\\"solid\\\" type=\\\"secondary\\\" style={{ marginBottom: 20 }}>\\n                    Right click (ContextMenu)\\n                </Button>\\n            </Dropdown>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u89E6\\u53D1\\u4E8B\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u70B9\\u51FB\\u83DC\\u5355\\u9879\\u540E\\u53EF\\u89E6\\u53D1\\u4E0D\\u540C\\u9F20\\u6807\\u4E8B\\u4EF6\\uFF0C\\u652F\\u6301 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onClick\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onMouseEnter\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onMouseLeave\"), \" \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onContextMenu\"), \"\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Dropdown, Button, Toast } from '@douyinfe/semi-ui';\\nimport { IconToken } from \\\"@douyinfe/semi-icons-lab\\\";\\n\\n() => {\\n    return (\\n        <Dropdown\\n            trigger={'click'}\\n            position={'bottomLeft'}\\n            render={\\n                <Dropdown.Menu>\\n                    <Dropdown.Item onClick={() => Toast.info({ content: 'You clicked me!' })}>\\n                        1: click me!\\n                    </Dropdown.Item>\\n                    <Dropdown.Item onMouseEnter={() => Toast.info({ content: 'Nice to meet you!' })}>\\n                        2: mouse enter\\n                    </Dropdown.Item>\\n                    <Dropdown.Item onMouseLeave={() => Toast.info({ content: 'See ya!' })}>\\n                        3: mouse leave\\n                    </Dropdown.Item>\\n                    <Dropdown.Item onContextMenu={() => Toast.info({ content: 'Right clicked!' })}>\\n                        4: right click\\n                    </Dropdown.Item>\\n                </Dropdown.Menu>\\n            }\\n        >\\n            <Button theme=\\\"outline\\\" type=\\\"tertiary\\\" icon={<IconToken />}>\\n                Click Me\\n            </Button>\\n        </Dropdown>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Json \\u7528\\u6CD5\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 menu \\u5C5E\\u6027\\uFF0C\\u4F20\\u5165 JSON Array \\u5FEB\\u901F\\u914D\\u7F6E\\u51FA\\u4E0B\\u62C9\\u6846\\u83DC\\u5355\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React from 'react';\\nimport { Dropdown, Button } from '@douyinfe/semi-ui';\\nimport { IconToken } from \\\"@douyinfe/semi-icons-lab\\\";\\n\\nfunction DropdownEvents() {\\n    const menu = [\\n        { node: 'title', name: '\\u5206\\u7EC41' },\\n        { node: 'item', name: 'primary1', type: 'primary', onClick: () => console.log('click primary') },\\n        { node: 'item', name: 'secondary', type: 'secondary' },\\n        { node: 'divider' },\\n        { node: 'title', name: '\\u5206\\u7EC42' },\\n        { node: 'item', name: 'tertiary', type: 'tertiary' },\\n        { node: 'item', name: 'warning', type: 'warning', active: true },\\n        { node: 'item', name: 'danger', type: 'danger' },\\n    ];\\n    return (\\n        <Dropdown trigger={'click'} showTick position={'bottomLeft'} menu={menu}>\\n            <Button theme=\\\"outline\\\" type=\\\"tertiary\\\" icon={<IconToken />}>\\n                Click Me\\n            </Button>\\n        </Dropdown>\\n    );\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Dropdown\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"autoAdjustOverflow\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u88AB\\u906E\\u6321\\u65F6\\u662F\\u5426\\u81EA\\u52A8\\u8C03\\u6574\\u65B9\\u5411\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"closeOnEsc\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5728 trigger \\u6216 \\u5F39\\u51FA\\u5C42\\u6309 Esc \\u952E\\u662F\\u5426\\u5173\\u95ED\\u9762\\u677F\\uFF0C\\u53D7\\u63A7\\u65F6\\u4E0D\\u751F\\u6548\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true \\uFF5C \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.13.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E0B\\u62C9\\u5F39\\u5C42\\u5916\\u5C42\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"children\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u89E6\\u53D1\\u5F39\\u51FA\\u5C42\\u7684 Trigger \\u5143\\u7D20\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"clickToHide\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5728\\u5F39\\u51FA\\u5C42\\u5185\\u70B9\\u51FB\\u65F6\\u662F\\u5426\\u81EA\\u52A8\\u5173\\u95ED\\u5F39\\u51FA\\u5C42\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"contentClassName\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u6839\\u5143\\u7D20\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disableFocusListener\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"trigger\\u4E3A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"hover\"), \"\\u65F6\\uFF0C\\u4E0D\\u54CD\\u5E94\\u952E\\u76D8\\u805A\\u7126\\u5F39\\u51FA\\u6D6E\\u5C42\\u4E8B\\u4EF6\\uFF0C\\u8BE6\\u89C1\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/977\"\n  }, \"issue#977\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.17.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getPopupContainer\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u7236\\u7EA7 DOM\\uFF0C\\u5F39\\u5C42\\u5C06\\u4F1A\\u6E32\\u67D3\\u81F3\\u8BE5 DOM \\u4E2D\\uFF0C\\u81EA\\u5B9A\\u4E49\\u9700\\u8981\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"position: relative\"), \" \\u8FD9\\u4F1A\\u6539\\u53D8\\u6D6E\\u5C42 DOM \\u6811\\u4F4D\\u7F6E\\uFF0C\\u4F46\\u4E0D\\u4F1A\\u6539\\u53D8\\u89C6\\u56FE\\u6E32\\u67D3\\u4F4D\\u7F6E\\u3002\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function():HTMLElement\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"() => document.body\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"keepDOM\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5173\\u95ED\\u65F6\\u662F\\u5426\\u4FDD\\u7559\\u5185\\u90E8\\u7EC4\\u4EF6 DOM \\u4E0D\\u9500\\u6BC1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.31.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"margin\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u8BA1\\u7B97\\u6EA2\\u51FA\\u65F6\\u7684\\u589E\\u52A0\\u7684\\u5197\\u4F59\\u503C\\uFF0C\\u8BE6\\u89C1\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/549\"\n  }, \"issue#549\"), \"\\uFF0C\\u4F5C\\u7528\\u540C Tooltip margin\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\", \"|\", \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.25.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"mouseEnterDelay\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9F20\\u6807\\u79FB\\u5165 Trigger \\u540E\\uFF0C\\u5EF6\\u8FDF\\u663E\\u793A\\u7684\\u65F6\\u95F4\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\\uFF08\\u4EC5\\u5F53 trigger \\u4E3A hover/focus \\u65F6\\u751F\\u6548\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"mouseLeaveDelay\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9F20\\u6807\\u79FB\\u51FA\\u5F39\\u51FA\\u5C42\\u540E\\uFF0C\\u5EF6\\u8FDF\\u6D88\\u5931\\u7684\\u65F6\\u95F4\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\\uFF08\\u4EC5\\u5F53 trigger \\u4E3A hover/focus \\u65F6\\u751F\\u6548\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"menu\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u901A\\u8FC7\\u4F20\\u5165 JSON Array \\u6765\\u5FEB\\u901F\\u914D\\u7F6E Dropdown \\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Array<DropdownMenuItem\", \">\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"[]\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"position\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u83DC\\u5355\\u7684\\u4F4D\\u7F6E\\uFF0C\\u5E38\\u7528\\uFF1A\\\"bottom\\\", \\\"bottomLeft\\\", \\\"bottomRight\\\"\\uFF0C\\u66F4\\u591A\\u8BE6\\u89C1\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://semi.design/zh-CN/show/tooltip#%E4%BD%8D%E7%BD%AE\"\n  }, \"Tooltip \\u4F4D\\u7F6E\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"bottom\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"render\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u7684\\u5185\\u5BB9\\uFF0C\\u7531 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"Dropdown.Menu\"), \" \\u53CA \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"Dropdown.Item\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"Dropdown.Title\"), \" \\u6784\\u6210\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"rePosKey\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u53EF\\u4EE5\\u66F4\\u65B0\\u8BE5\\u9879\\u503C\\u624B\\u52A8\\u89E6\\u53D1\\u5F39\\u51FA\\u5C42\\u7684\\u91CD\\u65B0\\u5B9A\\u4F4D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string \", \"|\", \" number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"spacing\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u4E0E Trigger \\u5143\\u7D20\\uFF08\\u5373 Dropdown children\\uFF09\\u7684\\u8DDD\\u79BB\\uFF0C\\u5355\\u4F4D px\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"4\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u5185\\u8054\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"showTick\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u81EA\\u52A8\\u5728 active \\u7684 Dropdown.Item \\u9879\\u5DE6\\u4FA7\\u5C55\\u793A\\u8868\\u793A\\u9009\\u4E2D\\u7684\\u52FE\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"stopPropagation\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u963B\\u6B62\\u5F39\\u51FA\\u5C42\\u4E0A\\u7684\\u70B9\\u51FB\\u4E8B\\u4EF6\\u5192\\u6CE1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"trigger\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u89E6\\u53D1\\u4E0B\\u62C9\\u7684\\u884C\\u4E3A\\uFF0C\\u53EF\\u9009 \\\"hover\\\", \\\"focus\\\", \\\"click\\\", \\\"custom\\\", \\\"contextMenu\\\"(v2.42 \\u540E\\u63D0\\u4F9B)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"hover\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"visible\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u663E\\u793A\\u83DC\\u5355\\uFF0C\\u9700\\u914D\\u5408 trigger custom \\u4F7F\\u7528\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"zIndex\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42 z-index \\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1050\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClickOutSide\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F53\\u5F39\\u51FA\\u5C42\\u5904\\u4E8E\\u5C55\\u793A\\u72B6\\u6001\\uFF0C\\u70B9\\u51FB\\u975E Children\\u3001\\u975E\\u5F39\\u51FA\\u5C42\\u5185\\u90E8\\u533A\\u57DF\\u65F6\\u7684\\u56DE\\u8C03\\uFF08\\u4EC5 trigger \\u4E3A custom\\u3001click \\u65F6\\u6709\\u6548\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.1.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onEscKeyDown\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5728 trigger \\u6216 \\u5F39\\u51FA\\u5C42\\u6309 Esc \\u952E\\u65F6\\u8C03\\u7528\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.13.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onVisibleChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F39\\u51FA\\u5C42\\u663E\\u793A\\u72B6\\u6001\\u6539\\u53D8\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(visible: boolean)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Dropdown.Menu\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E0B\\u62C9\\u5F39\\u5C42\\u83DC\\u5355\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"children\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E0B\\u62C9\\u5F39\\u5C42\\u83DC\\u5355\\u5305\\u88F9\\u7684\\u5B50\\u5143\\u7D20\\uFF0C\\u4E00\\u822C\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"Dropdown.Item\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"Dropdown.Title\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E0B\\u62C9\\u5F39\\u5C42\\u83DC\\u5355\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Dropdown.Item\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"active\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F53\\u524D\\u9879\\u662F\\u5426\\u5904\\u4E8E\\u6FC0\\u6D3B\\u6001\\uFF0C\\u6FC0\\u6D3B\\u6001\\u65F6\\u5DE6\\u4FA7\\u6709 \\u221A\\uFF0C\\u5B57\\u4F53\\u52A0\\u7C97\\uFF0C\\u989C\\u8272\\u52A0\\u6DF1\\u3002\\u5F53 Dropdown \\u7684 showTick \\u4E3A false \\u65F6\\uFF0C\\u5373\\u4F7F Dropdown.Item \\u7684 active \\u4E3A true\\uFF0C\\u221A \\u4E5F\\u4E0D\\u4F1A\\u5C55\\u793A\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"bool\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u7981\\u7528\\u83DC\\u5355\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"icon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u56FE\\u6807\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5185\\u8054\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009\\u503C\\uFF1A\\\"primary\\\"\\u3001\\\"secondary\\\"\\u3001\\\"tertiary\\\"\\u3001\\\"warning\\\"\\u3001\\\"danger\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"tertiary\\\"\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClick\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5355\\u51FB\\u89E6\\u53D1\\u7684\\u56DE\\u8C03\\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onMouseEnter\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"MouseEnter \\u89E6\\u53D1\\u7684\\u56DE\\u8C03\\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onMouseLeave\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"MouseLeave \\u89E6\\u53D1\\u7684\\u56DE\\u8C03\\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onContextMenu\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u9F20\\u6807\\u53F3\\u952E\\u89E6\\u53D1\\u7684\\u56DE\\u8C03\\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Dropdown.Title\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"className\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\\"\\\"\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5185\\u8054\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"{}\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"DropdownMenuItem\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"node\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6309\\u94AE\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"title\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"item\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"divider\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"name\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u83DC\\u5355\\u6587\\u672C\\uFF0C\\u6807\\u9898\\u6216 Item \\u7684\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5176\\u4ED6\\u5C5E\\u6027\\u4E0E Title\\u3001Item\\u3001Divider \\u5C5E\\u6027\\u5BF9\\u5E94\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Accessibility\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"ARIA\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Dropdown.Menu \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"role\"), \" \\u8BBE\\u7F6E\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"menu\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-orientatio\"), \" \\u8BBE\\u7F6E\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"vertical\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Dropdown.Item \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"role\"), \" \\u8BBE\\u7F6E\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"menuitem\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"h3\", {\n    parentName: \"li\"\n  }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Dropdown \\u7684\\u89E6\\u53D1\\u5668\\u53EF\\u88AB\\u805A\\u7126\\uFF0C\\u76EE\\u524D\\u652F\\u6301 3 \\u79CD\\u89E6\\u53D1\\u65B9\\u5F0F\\uFF1A\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u89E6\\u53D1\\u65B9\\u5F0F\\u8BBE\\u7F6E\\u4E3A hover \\u6216 focus \\u65F6\\uFF1A\\u9F20\\u6807\\u60AC\\u6D6E\\u6216\\u805A\\u7126\\u65F6\\u6253\\u5F00 Dropdown\\uFF0CDropdown \\u6253\\u5F00\\u540E\\uFF0C\\u7528\\u6237\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u5C06\\u7126\\u70B9\\u79FB\\u52A8\\u5230 Dropdown \\u5185\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u89E6\\u53D1\\u65B9\\u5F0F\\u8BBE\\u7F6E\\u4E3A click \\u65F6\\uFF1A\\u70B9\\u51FB\\u89E6\\u53D1\\u5668\\u6216\\u805A\\u7126\\u65F6\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Enter\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Space\"), \" \\u952E\\u53EF\\u4EE5\\u6253\\u5F00 Dropdown\\uFF0C\\u6B64\\u65F6\\u7126\\u70B9\\u81EA\\u52A8\\u805A\\u7126\\u5230 Dropdown \\u4E2D\\u7684\\u7B2C\\u4E00\\u4E2A\\u975E\\u7981\\u7528\\u9879\\u4E0A\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5F53\\u7126\\u70B9\\u4F4D\\u4E8E Dropdown \\u5185\\u7684\\u83DC\\u5355\\u9879\\u4E0A\\u65F6\\uFF1A\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u4F7F\\u7528\\u952E\\u76D8 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u5207\\u6362\\u53EF\\u4EA4\\u4E92\\u5143\\u7D20\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Enter\"), \" \\u952E \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Space\"), \" \\u952E\\u53EF\\u4EE5\\u6FC0\\u6D3B\\u805A\\u7126\\u7684\\u83DC\\u5355\\u9879, \\u82E5\\u83DC\\u5355\\u9879\\u7ED1\\u5B9A\\u4E86 onClick\\uFF0C\\u4E8B\\u4EF6\\u4F1A\\u88AB\\u89E6\\u53D1\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u901A\\u8FC7\\u6309 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"Esc\"), \" \\u5173\\u95ED Dropdown\\uFF0C\\u5173\\u95ED\\u540E\\u7126\\u70B9\\u8FD4\\u56DE\\u5230\\u89E6\\u53D1\\u5668\\u4E0A\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u952E\\u76D8\\u4EA4\\u4E92\\u6682\\u672A\\u5B8C\\u6574\\u652F\\u6301\\u5D4C\\u5957\\u573A\\u666F\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4E0B\\u62C9\\u6846\\u5185\\u9009\\u9879\\u5185\\u5BB9\\u9700\\u8981\\u8868\\u8FF0\\u51C6\\u786E\\u4E14\\u5305\\u542B\\u4FE1\\u606F\\uFF0C\\u4F7F\\u7528\\u6237\\u5728\\u6D4F\\u89C8\\u65F6\\u66F4\\u52A0\\u5BB9\\u6613\\u5728\\u9009\\u9879\\u4E2D\\u9009\\u62E9\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4F7F\\u7528\\u8BED\\u53E5\\u5F0F\\u7684\\u5927\\u5C0F\\u5199\\uFF0C\\u5E76\\u4E14\\u7B80\\u6D01\\u660E\\u4E86\\u5730\\u4E66\\u5199\\u9009\\u9879\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5982\\u679C\\u662F\\u52A8\\u4F5C\\u9009\\u9879\\uFF0C\\u4F7F\\u7528\\u52A8\\u8BCD\\u6216\\u8005\\u52A8\\u8BCD\\u77ED\\u8BED\\u6765\\u63CF\\u8FF0\\u7528\\u6237\\u9009\\u62E9\\u8BE5\\u9009\\u9879\\u540E\\u4F1A\\u53D1\\u751F\\u7684\\u52A8\\u4F5C\\u3002\\u4E3E\\u4E2A\\u4F8B\\u5B50\\uFF0C\\\"Move\\\", \\\"Log time\\\", or \\\"Hide labels\\\"\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4E0D\\u4F7F\\u7528\\u4ECB\\u8BCD\")), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"div\", {\n    style: {\n      height: 150\n    }\n  }, mdx(Dropdown, {\n    visible: true,\n    trigger: 'custom',\n    autoAdjustOverflow: false,\n    position: 'bottomLeft',\n    menu: [{\n      node: 'item',\n      name: 'Add text'\n    }, {\n      node: 'item',\n      name: 'Add link'\n    }, {\n      node: 'item',\n      name: 'Add image'\n    }, {\n      node: 'item',\n      name: 'Add video'\n    }],\n    mdxType: \"Dropdown\"\n  }))), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"div\", {\n    style: {\n      height: 150\n    }\n  }, mdx(Dropdown, {\n    visible: true,\n    trigger: 'custom',\n    autoAdjustOverflow: false,\n    position: 'bottomLeft',\n    menu: [{\n      node: 'item',\n      name: 'Add a text'\n    }, {\n      node: 'item',\n      name: 'Add a link'\n    }, {\n      node: 'item',\n      name: 'Add a image'\n    }, {\n      node: 'item',\n      name: 'Add a video'\n    }],\n    mdxType: \"Dropdown\"\n  }))))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"FAQ\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"\\u4E3A\\u4EC0\\u4E48 Dropdown \\u6D6E\\u5C42\\u5728\\u9760\\u8FD1\\u5C4F\\u5E55\\u8FB9\\u754C\\u5BBD\\u5EA6\\u4E0D\\u591F\\u65F6\\uFF0C\\u4E22\\u5931\\u5BBD\\u5EA6\\u610F\\u5916\\u6362\\u884C?\"), mdx(\"br\", {\n    parentName: \"li\"\n  }), \"\\u5728 chromium 104 \\u540E \\u5BF9\\u4E8E\\u5C4F\\u5E55\\u8FB9\\u754C\\u6587\\u672C\\u5BBD\\u5EA6\\u4E0D\\u591F\\u65F6\\u7684\\u6362\\u884C\\u6E32\\u67D3\\u7B56\\u7565\\u53D1\\u751F\\u53D8\\u5316\\uFF0C\\u8BE6\\u7EC6\\u539F\\u56E0\\u53EF\\u67E5\\u770B \", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"https://github.com/DouyinFE/semi-design/issues/1022\"\n  }, \"issue #1022\"), \"\\uFF0Csemi \\u4FA7\\u5DF2\\u7ECF\\u5728 v2.17.0 \\u7248\\u672C\\u4FEE\\u590D\\u4E86\\u8FD9\\u4E2A\\u95EE\\u9898\\u3002\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u76F8\\u5173\\u7269\\u6599\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"semi-material-list\", {\n    code: \"5\"\n  }))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/show/dropdown","next":{"fields":{"slug":"en-US/show/empty"},"id":"ee9d04c2-17f5-5ccb-b70f-b8ddebe48608","frontmatter":{"title":"Empty","localeCode":"en-US","icon":"doc-empty","showNew":null}},"previous":{"fields":{"slug":"en-US/show/dropdown"},"id":"5db7d50e-88c3-5a22-ab38-7a5b5cd69734","frontmatter":{"title":"Dropdown","localeCode":"en-US","icon":"doc-dropdown","showNew":null}}}},"staticQueryHashes":["1348983216155057","1477422646155057","3245198693155057","417590761155057","63159454155057"]}