{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/autocomplete","result":{"data":{"current":{"frontmatter":{"title":"AutoComplete 自动完成","order":35,"brief":"输入框自动填充。","icon":"doc-autocomplete"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#自定义候选项渲染","title":"自定义候选项渲染"},{"url":"#远程搜索","title":"远程搜索"},{"url":"#尺寸","title":"尺寸"},{"url":"#下拉菜单的位置","title":"下拉菜单的位置"},{"url":"#禁用","title":"禁用"},{"url":"#校验状态","title":"校验状态"},{"url":"#自定义空内容","title":"自定义空内容"}]},{"url":"#api-参考","title":"API 参考"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#键盘和焦点","title":"键盘和焦点"}]},{"url":"#文案规范","title":"文案规范"},{"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\": 35,\n \"category\": \"输入类\",\n \"title\": \"AutoComplete 自动完成\",\n \"icon\": \"doc-autocomplete\",\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 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 }, \"\\u4F7F\\u7528\\u573A\\u666F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u7528\\u4E8E\\u5BF9\\u8F93\\u5165\\u6846\\u63D0\\u4F9B\\u8F93\\u5165\\u5EFA\\u8BAE\\uFF0C\\u8FDB\\u884C\\u81EA\\u52A8\\u8865\\u5168\\u7684\\u64CD\\u4F5C\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4E0E\\u53EF\\u641C\\u7D22\\u7684 Select \\u7EC4\\u4EF6\\u7684\\u533A\\u522B\\uFF1A\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"AutoComplete \\u672C\\u8D28\\u4E0A\\u662F\\u4E00\\u4E2A\\u589E\\u5F3A\\u578B\\u7684\\u63D0\\u4F9B\\u4E86\\u8F93\\u5165\\u5EFA\\u8BAE\\u7684 Input \\u7EC4\\u4EF6\\uFF0C\\u800C Select \\u662F\\u4E00\\u4E2A\\u9009\\u62E9\\u5668\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u70B9\\u51FB\\u5C55\\u5F00\\u65F6\\uFF0CSelect \\u4F1A\\u5C06\\u8F93\\u5165\\u6846\\u7684\\u503C\\u5168\\u90E8\\u6E05\\u7A7A\\uFF0C\\u800C AutoComplete \\u4F1A\\u4FDD\\u7559\\u4E0A\\u6B21\\u9009\\u4E2D\\u7684\\u503C\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Select \\u7684\\u5DF2\\u9009\\u9879\\u6E32\\u67D3\\uFF08renderSelectedItem\\uFF09\\u53EF\\u5B9A\\u5236\\u5316\\u7A0B\\u5EA6\\u66F4\\u9AD8\\uFF0C\\u53EF\\u4EE5\\u4E3A\\u4EFB\\u610F\\u7C7B\\u578B\\u7684 ReactNode\\uFF0C\\u800C AutoComplete \\u53EA\\u5141\\u8BB8\\u4E3A\\u5B57\\u7B26\\u4E32\"))), 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 { AutoComplete } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7 onSearch \\u76D1\\u542C\\u7528\\u6237\\u8F93\\u5165\\uFF0C\\u5C06\\u8F93\\u5165\\u5EFA\\u8BAE\\u901A\\u8FC7\\u66F4\\u65B0 props.data \\u4F20\\u5165\\u3002\\u901A\\u8FC7 onChange \\u4FDD\\u6301\\u53D7\\u63A7\\uFF0C\\u5F53\\u8F93\\u5165\\u6846\\u53D8\\u5316/\\u9009\\u4E2D\\u8F93\\u5165\\u9879\\u65F6\\u4F1A\\u89E6\\u53D1 onChange\"), 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 { AutoComplete } from '@douyinfe/semi-ui';\\nimport { IconSearch } from '@douyinfe/semi-icons';\\n\\n() => {\\n const [stringData, setStringData] = useState([]);\\n const [value, setValue] = useState('');\\n const handleStringSearch = (value) => {\\n let result;\\n if (value) {\\n result = ['gmail.com', '163.com', 'qq.com'].map(domain => `${value}@${domain}`);\\n } else {\\n result = [];\\n }\\n setStringData(result);\\n };\\n\\n const handleChange = (value) => {\\n console.log('onChange', value);\\n setValue(value);\\n };\\n return (\\n }\\n placeholder=\\\"\\u641C\\u7D22... \\\"\\n onSearch={handleStringSearch}\\n onChange={handleChange}\\n style={{ width: 200 }}\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u5019\\u9009\\u9879\\u6E32\\u67D3\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u9700\\u8981\\u81EA\\u5B9A\\u4E49\\u5019\\u9009\\u9879\\u6E32\\u67D3\\u65F6\\uFF0Cdata \\u53EF\\u4EE5\\u4F20\\u5165\\u4E00\\u4E2A\\u5BF9\\u8C61\\u6570\\u7EC4\\uFF08\\u6BCF\\u4E2A Object \\u5FC5\\u987B\\u542B\\u6709 label\\u3001value \\u4E24\\u4E2A key\\uFF0Cvalue \\u4E3A\\u5019\\u9009\\u9879\\u9009\\u4E2D\\u7684\\u503C\\uFF0Clabel \\u4E3A\\u5019\\u9009\\u9879\\u5C55\\u793A\\u7684\\u5185\\u5BB9\\uFF09\", mdx(\"br\", {\n parentName: \"p\"\n }), \"\\n\", \"\\u901A\\u8FC7 renderItem \\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u5019\\u9009\\u9879\\u7684\\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 { AutoComplete, Avatar } from '@douyinfe/semi-ui';\\nimport { IconSearch } from '@douyinfe/semi-icons';\\n\\n() => {\\n const color = ['amber', 'indigo', 'cyan'];\\n const [data, setData] = useState([\\n { name: '\\u590F\\u53EF\\u6F2B', email: 'xiakeman@example.com', abbr: 'XK', color: 'amber' },\\n { name: '\\u7533\\u60A6', email: 'shenyue@example.com', abbr: 'SY', color: 'indigo' },\\n { name: '\\u66F2\\u6668\\u4E00', email: 'quchenyi@example.com', abbr: 'CY', color: 'blue' },\\n { name: '\\u6587\\u5609\\u8302', email: 'wenjiamao@example.com', abbr: 'JM', color: 'cyan' },\\n ]);\\n const [value, setValue] = useState('');\\n \\n const handleStringSearch = (value) => {\\n let result;\\n if (value) {\\n result = data.map(item => {\\n return { ...item, value: item.name, label: item.email };\\n });\\n } else {\\n result = [];\\n }\\n setData(result);\\n };\\n\\n const renderOption = (item) => {\\n let optionStyle = {\\n display: 'flex',\\n };\\n return (\\n <>\\n \\n {item.abbr}\\n \\n
\\n
{item.name}
\\n
{item.email}
\\n
\\n \\n );\\n }\\n\\n\\n return (\\n }\\n onSearch={handleStringSearch}\\n renderItem={renderOption}\\n renderSelectedItem={option => option.email}\\n style={{ width: 280 }}\\n />\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u8FDC\\u7A0B\\u641C\\u7D22\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4ECE onSearch \\u4E2D\\u83B7\\u53D6\\u7528\\u6237\\u8F93\\u5165\\u503C\\uFF0C\\u52A8\\u6001\\u66F4\\u65B0 data \\u503C\"), 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 { AutoComplete } from '@douyinfe/semi-ui';\\nimport { IconSearch } from '@douyinfe/semi-icons';\\nimport { IconSelect, IconForm, IconTable, IconInput, IconButton } from '@douyinfe/semi-icons-lab';\\n\\n() => {\\n let initList = [\\n { value: 'select', label: '\\u9009\\u62E9\\u5668', icon: },\\n { value: 'input', label: '\\u8F93\\u5165\\u6846', icon: },\\n { value: 'form', label: '\\u8868\\u5355', icon: },\\n { value: 'button', label: '\\u6309\\u94AE', icon: },\\n { value: 'table', label: '\\u8868\\u683C', icon: },\\n ];\\n\\n const [loading, setLoading] = useState(false);\\n const [list, setList] = useState(initList);\\n\\n const handleSearch = (inputValue) => {\\n setLoading(true);\\n let newList = initList;\\n if (inputValue) {\\n newList = list.filter(item => item.value.includes(inputValue));\\n }\\n setTimeout(() => {\\n setList(newList);\\n setLoading(false);\\n }, 1000);\\n };\\n\\n const search = debounce(handleSearch, 200);\\n\\n const handleSelect = () => {\\n console.log(value);\\n };\\n\\n const renderItem = (item) => {\\n return (\\n
\\n
{item.icon}
\\n
\\n

{item.value}

\\n

{item.label}

\\n
\\n
\\n );\\n };\\n\\n const renderSelectedItem = (item) => {\\n // \\u6CE8\\u610F\\uFF1A\\u4E0E\\u5176\\u4ED6\\u7EC4\\u4EF6\\u5982Select\\u4E0D\\u540C\\uFF0C\\u6B64\\u5904\\u53EA\\u80FD\\u8FD4\\u56DEString\\u7C7B\\u578B\\u7684\\u503C\\uFF0C\\u4E0D\\u80FD\\u8FD4\\u56DEReactNode\\n return item.value;\\n };\\n\\n return (\\n }\\n onSearch={search}\\n loading={loading}\\n renderItem={renderItem}\\n renderSelectedItem={renderSelectedItem}\\n onSelect={handleSelect}\\n >\\n );\\n}\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5C3A\\u5BF8\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E size \\u53EF\\u8BBE\\u7F6E\\u8F93\\u5165\\u6846\\u5C3A\\u5BF8\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"small\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"default\"), \"(\\u9ED8\\u8BA4)\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"large\")), 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 { AutoComplete } from '@douyinfe/semi-ui';\\n\\n() => (\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684\\u4F4D\\u7F6E\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E position \\u53EF\\u8BBE\\u7F6E\\u4E0B\\u62C9\\u83DC\\u5355\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009\\u503C\\u53C2\\u8003 Tooltip position\"), 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 { AutoComplete } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [data, setData] = useState([]);\\n\\n const change = (input) => {\\n let newData = ['gmail.com', '163.com', 'qq.com'].map(domain => `${input}@${domain}`);\\n if (!input) {\\n newData = [];\\n }\\n setData(newData);\\n };\\n return (\\n
\\n \\n \\n
\\n );\\n};\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u7981\\u7528\"), 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 { AutoComplete } from '@douyinfe/semi-ui';\\n\\n() => (\\n \\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6821\\u9A8C\\u72B6\\u6001\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u8BBE\\u7F6E\\u4E0D\\u540C\\u6821\\u9A8C\\u72B6\\u6001\\uFF0C\\u5C55\\u793A\\u4E0D\\u540C\\u6837\\u5F0F\"), 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 { AutoComplete } from '@douyinfe/semi-ui';\\n\\n() => (\\n <>\\n \\n
\\n
\\n \\n
\\n
\\n \\n \\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u7A7A\\u5185\\u5BB9\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u53EF\\u8BBE\\u7F6E\\u81EA\\u5B9A\\u4E49\\u5C55\\u793A\\u7A7A\\u5185\\u5BB9\"), 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 { AutoComplete, Empty } from '@douyinfe/semi-ui';\\nimport { IllustrationNoContent } from '@douyinfe/semi-illustrations';\\n\\n() => {\\n let [data, setData] = useState([]);\\n const [loading, setLoading] = useState(false);\\n\\n const fetchData = v => {\\n setLoading(true);\\n setTimeout(() => {\\n if (!v) {\\n setData([]);\\n setLoading(false);\\n return;\\n }\\n setData(() => {\\n const res = Array.from(Array(5)).map(c => Math.random());\\n return res;\\n });\\n setLoading(false);\\n }, 1000);\\n };\\n\\n return (\\n } description={'\\u6682\\u65E0\\u5185\\u5BB9'} />}\\n onSearch={fetchData}\\n />\\n );\\n};\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"API \\u53C2\\u8003\"), 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 }, \"autoFocus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u81EA\\u52A8\\u805A\\u7126\"), 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 }, \"autoAdjustOverflow\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6D6E\\u5C42\\u88AB\\u906E\\u6321\\u65F6\\u662F\\u5426\\u81EA\\u52A8\\u8C03\\u6574\\u65B9\\u5411\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"bool\"), 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 }, \"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 }, \"clearIcon\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53EF\\u7528\\u4E8E\\u81EA\\u5B9A\\u4E49\\u6E05\\u9664\\u6309\\u94AE, showClear\\u4E3Atrue\\u65F6\\u6709\\u6548\"), 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 }, \"2.25.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"data\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5019\\u9009\\u9879\\u7684\\u6570\\u636E\\u6E90\\uFF0C\\u53EF\\u4EE5\\u4E3A\\u5B57\\u7B26\\u4E32\\u6570\\u7EC4\\u6216\\u5BF9\\u8C61\\u6570\\u7EC4\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"array\"), 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 }, \"defaultActiveFirstOption\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u9ED8\\u8BA4\\u9AD8\\u4EAE\\u7B2C\\u4E00\\u4E2A\\u9009\\u9879\\uFF08\\u6309\\u56DE\\u8F66\\u53EF\\u76F4\\u63A5\\u9009\\u4E2D\\uFF09\"), 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 }, \"defaultOpen\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u9ED8\\u8BA4\\u5C55\\u5F00\\u4E0B\\u62C9\\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 }, \"defaultValue\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"), 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\"), 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 }, \"dropdownClassName\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u5217\\u8868\\u7684 CSS \\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 }, \"dropdownStyle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u5217\\u8868\\u7684\\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 }, \"emptyContent\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"data \\u4E3A\\u7A7A\\u65F6\\u81EA\\u5B9A\\u4E49\\u4E0B\\u62C9\\u5185\\u5BB9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"ReactNode\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"null\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), 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\\u4E0B\\u62C9\\u5217\\u8868\\u6D6E\\u5C42\\u7684\\u7236\\u7EA7\\u5BB9\\u5668\\uFF0C\\u6D6E\\u5C42\\u5C06\\u4F1A\\u6E32\\u67D3\\u81F3\\u8BE5 DOM \\u4E2D\\u3002\\u81EA\\u5B9A\\u4E49\\u8BE5\\u9879\\u65F6\\u9700\\u7ED9\\u5BB9\\u5668\\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\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"() => 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 }, \"loading\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u5217\\u8868\\u662F\\u5426\\u5C55\\u793A\\u52A0\\u8F7D\\u52A8\\u753B\"), 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 }, \"maxHeight\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u5217\\u8868\\u7684\\u6700\\u5927\\u9AD8\\u5EA6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\", \"|\", \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"300\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"motion\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u5217\\u8868\\u51FA\\u73B0/\\u9690\\u85CF\\u65F6\\uFF0C\\u662F\\u5426\\u6709\\u52A8\\u753B\"), 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 }, \"onSelectWithObject\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u70B9\\u51FB\\u5019\\u9009\\u9879\\u65F6\\uFF0C\\u662F\\u5426\\u5C06\\u9009\\u4E2D\\u9879 option \\u7684\\u5176\\u4ED6\\u5C5E\\u6027\\u4E5F\\u4F5C\\u4E3A\\u56DE\\u8C03\\u5165\\u53C2\\u3002\\u8BBE\\u4E3A true \\u65F6\\uFF0ConSelect \\u7684\\u5165\\u53C2\\u7C7B\\u578B\\u4F1A\\u4ECE \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"string\"), \" \\u53D8\\u4E3A object: { value, label, ...rest }\"), 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 }, \"placeholder\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8F93\\u5165\\u6846\\u9ED8\\u8BA4\\u63D0\\u793A\\u6587\\u6848\"), 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 }, \"position\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684\\u663E\\u793A\\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009\\u503C\\u540C tooltip \\u7EC4\\u4EF6\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'bottomLeft'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"prefix\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u7684\\u524D\\u7F00\\u6807\\u7B7E\"), 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 }, \"renderItem\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u63A7\\u5236\\u4E0B\\u62C9\\u5217\\u8868\\u5019\\u9009\\u9879\\u7684\\u6E32\\u67D3\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(option: string\", \"|\", \"Item)=> React.Node\"), 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 }, \"renderSelectedItem\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u901A\\u8FC7 renderSelectedItem \\u81EA\\u5B9A\\u4E49\\u4E0B\\u62C9\\u5217\\u8868\\u5019\\u9009\\u9879\\u88AB\\u70B9\\u51FB\\u9009\\u4E2D\\u540E\\uFF0C\\u5728\\u9009\\u62E9\\u6846\\u4E2D\\u7684\\u6E32\\u67D3\\u5185\\u5BB9\", mdx(\"br\", null), mdx(\"strong\", {\n parentName: \"td\"\n }, \"\\u4EC5\\u652F\\u6301 String \\u7C7B\\u578B\\u7684\\u8FD4\\u56DE\\u503C\"), mdx(\"br\", null)), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(option: string\", \"|\", \"Item) => 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 }, \"showClear\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5C55\\u793A\\u6E05\\u9664\\u6309\\u94AE\"), 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 }, \"size\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C3A\\u5BF8\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"small\"), \", \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\"), \", \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"large\")), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\")), 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 }, \"\\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 }, \"suffix\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9009\\u62E9\\u6846\\u7684\\u524D\\u7F00\\u6807\\u7B7E\"), 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 }, \"validateStatus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6821\\u9A8C\\u72B6\\u6001\\uFF0C\\u53EF\\u9009\\u503C\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"default\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"error\"), \"\\u3001\", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"warning\"), \"\\uFF0C\\u9ED8\\u8BA4 default\\u3002\\u4EC5\\u5F71\\u54CD\\u5C55\\u793A\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"'default'\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"value\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53\\u524D\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"string\", \"|\", \"number\"), 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 }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u7684 zIndex\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"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 }, \"onBlur\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Function(event)\"), 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 }, \"onChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8F93\\u5165\\u6846\\u53D8\\u5316/\\u5019\\u9009\\u9879\\u9009\\u4E2D\\u65F6\\u53D8\\u5316\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Function(value: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 }, \"onFocus\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u83B7\\u5F97\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Function(event)\"), 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 }, \"onKeyDown\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"keydown \\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e: React.KeyboardEvent) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.21.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onSearch\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8F93\\u5165\\u53D8\\u5316\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Function(value: 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 }, \"onSelect\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u4E0B\\u62C9\\u83DC\\u5355\\u5019\\u9009\\u9879\\u88AB\\u9009\\u4E2D\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Function(item: string\", \"|\", \"number\", \"|\", \"Item)\"), 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 }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"AutoComplete \\u7684 input \\u6846\\u53EF\\u88AB\\u805A\\u7126\\uFF0C\\u805A\\u7126\\u540E\\uFF0C\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u6253\\u5F00\\u9009\\u9879\\u9762\\u677F\\uFF08\\u5982\\u6709\\uFF09\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"AutoComplete \\u4E5F\\u652F\\u6301\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Enter\"), \" \\u952E\\u6253\\u5F00\\u548C\\u6536\\u8D77\\u9762\\u677F\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u82E5\\u7528\\u6237\\u5C06 defaultActiveFirstOption \\u5C5E\\u6027\\u8BBE\\u7F6E\\u4E3A true \\u65F6\\uFF0C\\u9009\\u9879\\u9762\\u677F\\u6253\\u5F00\\u540E\\u9ED8\\u8BA4\\u9AD8\\u4EAE\\u7B2C\\u4E00\\u4E2A\\u9009\\u9879\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u82E5\\u4E0B\\u62C9\\u83DC\\u5355\\u6253\\u5F00\\u65F6\\uFF1A\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Esc\"), \" \\u53EF\\u4EE5\\u5173\\u95ED\\u83DC\\u5355\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u53EF\\u4EE5\\u5207\\u6362\\u9009\\u9879\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u88AB\\u805A\\u7126\\u7684\\u9009\\u9879\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Enter\"), \" \\u952E\\u9009\\u4E2D\\uFF0C\\u5E76\\u6536\\u8D77\\u9762\\u677F\"))))), 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 }, \"\\u9700\\u8981\\u6E05\\u6670\\u5730\\u5C55\\u793A\\u5185\\u5BB9\\uFF0C\\u8BA9\\u7528\\u6237\\u663E\\u800C\\u6613\\u89C1\\u5730\\u611F\\u77E5\\u5230\\u53EF\\u7528\\u7684\\u5404\\u4E2A\\u9009\\u9879\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u9650\\u5236\\u4E00\\u6B21\\u6027\\u5C55\\u793A\\u7684\\u9009\\u9879\\u6570\\u91CF\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n mdxType: \"DesignToken\"\n })));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/input/autocomplete","next":{"fields":{"slug":"en-US/input/cascader"},"id":"0418904a-5088-5d78-806f-e282c38b752c","frontmatter":{"title":"Cascader","localeCode":"en-US","icon":"doc-cascader","showNew":null}},"previous":{"fields":{"slug":"en-US/input/autocomplete"},"id":"6bdff4f1-a764-58dc-bb8b-f285437b988b","frontmatter":{"title":"AutoComplete","localeCode":"en-US","icon":"doc-autocomplete","showNew":null}}}},"staticQueryHashes":["1348983216155057","1477422646155057","3245198693155057","417590761155057","63159454155057"]}