{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/input","result":{"data":{"current":{"frontmatter":{"title":"Input 输入框","order":41,"brief":"输入框是最基本的接收用户文本输入的组件","icon":"doc-input"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本","title":"基本"},{"url":"#三种大小","title":"三种大小"},{"url":"#不可用","title":"不可用"},{"url":"#前缀后缀","title":"前缀/后缀"},{"url":"#前置后置标签","title":"前置/后置标签"},{"url":"#带移除图标","title":"带移除图标"},{"url":"#密码模式","title":"密码模式"},{"url":"#校验状态","title":"校验状态"},{"url":"#受控组件","title":"受控组件"},{"url":"#输入框组合","title":"输入框组合"},{"url":"#多行输入框","title":"多行输入框"},{"url":"#设置-textarea-高度","title":"设置 TextArea 高度"},{"url":"#行号","title":"行号"},{"url":"#使用-shift--enter-换行的多行输入框","title":"使用 Shift + Enter 换行的多行输入框"},{"url":"#自动扩展的多行输入框","title":"自动扩展的多行输入框"},{"url":"#自定义计算字符串长度","title":"自定义计算字符串长度"},{"url":"#输入法模式","title":"输入法模式"}]},{"url":"#api-参考","title":"API 参考","items":[{"url":"#input","title":"Input"},{"url":"#textarea","title":"TextArea"},{"url":"#inputgroup","title":"InputGroup"}]},{"url":"#methods","title":"Methods"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"},{"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\": 41,\n  \"category\": \"输入类\",\n  \"title\": \"Input 输入框\",\n  \"icon\": \"doc-input\",\n  \"width\": \"60%\",\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 Notice = makeShortcode(\"Notice\");\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 { Input } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u4F7F\\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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Input defaultValue='hi'></Input>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4E09\\u79CD\\u5927\\u5C0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9ED8\\u8BA4\\u5B9A\\u4E49\\u4E86\\u4E09\\u79CD\\u5C3A\\u5BF8\\uFF1A\\u5927\\u3001\\u9ED8\\u8BA4\\u3001\\u5C0F\"), 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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <>\\n        <Input placeholder='large' size='large'></Input>\\n        <br/><br/>\\n        <Input placeholder='default'></Input>\\n        <br/><br/>\\n        <Input placeholder='small' size='small'></Input>\\n    </>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4E0D\\u53EF\\u7528\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u5B9A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"disabled\"), \" \\u5C5E\\u6027\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"true\")), 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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <>\\n        <Input defaultValue='enabled input'></Input>\\n        <br/>\\n        <br/>\\n        <Input disabled defaultValue='disabled input'></Input>\\n    </>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u524D\\u7F00/\\u540E\\u7F00\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5728\\u8F93\\u5165\\u6846\\u4E0A\\u589E\\u52A0\\u524D\\u7F00\\u3001\\u540E\\u7F00\\u56FE\\u6807\\uFF0C\\u53EF\\u4EE5\\u662F ReactNode\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53 prefix\\u3001suffix \\u4F20\\u5165\\u7684\\u5185\\u5BB9\\u4E3A\\u6587\\u672C\\u6216\\u8005 Semi Icon \\u65F6\\uFF0C\\u4F1A\\u81EA\\u52A8\\u5E26\\u4E0A\\u5DE6\\u53F3\\u95F4\\u9694\\uFF0C\\u82E5\\u4E3A\\u81EA\\u5B9A\\u4E49 ReactNode\\uFF0C\\u5219\\u5DE6\\u53F3\\u95F4\\u9694\\u4E3A 0\"), 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 { Input, Typography } from '@douyinfe/semi-ui';\\nimport { IconSearch } from '@douyinfe/semi-icons';\\n\\n() => (\\n    <>\\n        <Input prefix={<IconSearch />} showClear></Input>\\n        <br/><br/>\\n        <Input prefix=\\\"Prefix\\\" showClear></Input>\\n        <br/><br/>\\n        <Input suffix={<IconSearch />} showClear></Input>\\n        <br/><br/>\\n        <Input suffix={<Typography.Text strong type='secondary' style={{ marginRight: 8 }}>Suffix</Typography.Text>} showClear></Input>\\n    </>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u524D\\u7F6E/\\u540E\\u7F6E\\u6807\\u7B7E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5728\\u8F93\\u5165\\u6846\\u4E0A\\u589E\\u52A0\\u524D\\u7F6E/\\u540E\\u7F6E\\u6807\\u7B7E\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53 addonBefore\\u3001addonAfter \\u4F20\\u5165\\u7684\\u5185\\u5BB9\\u4E3A\\u6587\\u672C\\u6216\\u8005 Semi Icon \\u65F6\\uFF0C\\u4F1A\\u81EA\\u52A8\\u5E26\\u4E0A\\u5DE6\\u53F3\\u95F4\\u9694\\uFF0C\\u82E5\\u4E3A\\u81EA\\u5B9A\\u4E49 ReactNode\\uFF0C\\u5219\\u5DE6\\u53F3\\u95F4\\u9694\\u4E3A 0\"), 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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Input addonBefore=\\\"http://\\\" addonAfter=\\\".com\\\" />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5E26\\u79FB\\u9664\\u56FE\\u6807\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u70B9\\u51FB\\u56FE\\u6807\\u5220\\u9664\\u6240\\u6709\\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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Input showClear defaultValue='click to clear'></Input>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5BC6\\u7801\\u6A21\\u5F0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9690\\u85CF\\u8F93\\u5165\\u7684\\u5177\\u4F53\\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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Input mode=\\\"password\\\" defaultValue=\\\"123456\\\"></Input>\\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 { Input } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <>\\n        <Input defaultValue='ies' validateStatus='warning'></Input>\\n        <br/><br/>\\n        <Input defaultValue='ies' validateStatus='error'></Input>\\n        <br/><br/>\\n        <Input defaultValue='ies'></Input>\\n    </>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u53D7\\u63A7\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Input\"), \" \\u503C\\u5B8C\\u5168\\u53D6\\u51B3\\u4E8E\\u4F20\\u5165\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"value\"), \" \\u503C\\uFF0C\\u914D\\u5408 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onChange\"), \" \\u56DE\\u8C03\\u51FD\\u6570\\u4F7F\\u7528\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true hideInDSM\",\n    \"live\": \"true\",\n    \"hideInDSM\": true\n  }, \"import React, { useState } from 'react';\\nimport { Input } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [value, setValue] = useState('controlInput');\\n    \\n    const onChange = (val, e) => {\\n        console.log(val);\\n        setValue(val);\\n    };\\n    \\n    return (\\n        <>\\n            <Input\\n                value={value}\\n                onChange={onChange}>\\n            </Input>\\n        </>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8F93\\u5165\\u6846\\u7EC4\\u5408\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u4EE5\\u5C06\\u591A\\u4E2A\\u8F93\\u5165\\u6846\\u653E\\u5165 InputGroup \\u7684\\u5BB9\\u5668\\u4E2D\\uFF0C\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"size\"), \" \\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"disabled\"), \" \\u53EF\\u7EDF\\u4E00\\u8BBE\\u7F6E\\u7EC4\\u5408\\u4E2D\\u7684\\u8F93\\u5165\\u6846\\u5C5E\\u6027\\uFF0C\\u652F\\u6301\\u8F93\\u5165\\u6846\\u7C7B\\u578B\\u5305\\u62EC\\uFF1A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Input\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"InputNumber\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Select\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"AutoComplete\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"TreeSelect\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Cascader\"), \"\\u3001\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"DatePicker\")), mdx(Notice, {\n    type: \"primary\",\n    title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n    mdxType: \"Notice\"\n  }, mdx(\"div\", null, \"InputGroup \\u4E0D\\u63A8\\u8350\\u63D2\\u5165\\u975E\\u652F\\u6301\\u5143\\u7D20\\uFF0CForm.InputGroup \\u4F1A\\u5BF9\\u652F\\u6301\\u7684\\u5143\\u7D20\\u8FDB\\u884C\\u9519\\u8BEF\\u805A\\u5408\\uFF0C\\u800C\\u4E0D\\u4F1A\\u81EA\\u5B9A\\u4E49\\u5143\\u7D20\\u8FDB\\u884C\\u5904\\u7406\\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 { InputGroup, Input, InputNumber, AutoComplete, DatePicker, Select } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <InputGroup>\\n            <Input placeholder=\\\"Name\\\" style={{ width: 100 }} />\\n            <InputNumber placeholder=\\\"Score\\\" style={{ width: 140 }} />\\n        </InputGroup>\\n        <br/><br/><br/>\\n        <InputGroup size={'small'}>\\n            <Select style={{ width: '100px' }} defaultValue='home'>\\n                <Select.Option value='home'>Home</Select.Option>\\n                <Select.Option value='work'>Work</Select.Option>\\n            </Select>\\n            <AutoComplete\\n                data={['Beijing Haidian']}\\n                placeholder='Address: '\\n                style={{ width: 180 }}\\n            >\\n            </AutoComplete>\\n        </InputGroup>\\n        <br/><br/><br/>\\n        <InputGroup size={'small'}>\\n            <Select style={{ width: '100px' }} defaultValue='signup'>\\n                <Select.Option value='signup'>Sign Up</Select.Option>\\n                <Select.Option value='signin'>Sign In</Select.Option>\\n            </Select>\\n            <Input placeholder=\\\"Email\\\" style={{ width: 180 }} />\\n        </InputGroup>\\n        <br/><br/><br/>\\n        <InputGroup size={'small'}>\\n            <Input placeholder=\\\"Name\\\" style={{ width: 100 }} />\\n            <DatePicker placeholder=\\\"Birthday\\\" />\\n        </InputGroup>\\n    </div>\\n);\\n\")), 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 { InputGroup, Select, Cascader, TreeSelect } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const Option = Select.Option;\\n    const treeData = [\\n        {\\n            label: 'Asia',\\n            value: 'Asia',\\n            key: '0',\\n            children: [\\n                {\\n                    label: 'China',\\n                    value: 'China',\\n                    key: '0-0',\\n                    children: [\\n                        { label: 'Beijing', value: 'Beijing', key: '0-0-0' },\\n                        { label: 'Shanghai', value: 'Shanghai', key: '0-0-1' },\\n                    ],\\n                },\\n            ],\\n        },\\n        { label: 'North America', value: 'North America', key: '1' }\\n    ];\\n    return (\\n        <>\\n            <InputGroup>\\n                <Select style={{ width: 100 }} defaultValue='from'>\\n                    <Select.Option value='from'>From: </Select.Option>\\n                    <Select.Option value='to'>To: </Select.Option>\\n                </Select>\\n                <TreeSelect\\n                    style={{ width: 220 }}\\n                    treeData={treeData}\\n                    placeholder=\\\"Please select\\\"\\n                />\\n            </InputGroup>\\n            <br/><br/>\\n            <InputGroup>\\n                <Select style={{ width: 100 }} defaultValue='from'>\\n                    <Select.Option value='from'>From: </Select.Option>\\n                    <Select.Option value='to'>To: </Select.Option>\\n                </Select>\\n                <Cascader\\n                    style={{ width: 220 }}\\n                    treeData={treeData}\\n                    placeholder=\\\"Please select\\\"\\n                />\\n            </InputGroup>\\n        </>\\n    );\\n};\\n\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u591A\\u884C\\u8F93\\u5165\\u6846\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7528\\u4E8E\\u591A\\u884C\\u8F93\\u5165\\u3002\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"maxCount\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u8FDB\\u884C\\u5B57\\u6570\\u9650\\u5236\\u5E76\\u663E\\u793A\\u5B57\\u6570\\u7EDF\\u8BA1\\u3002\\u652F\\u6301 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"showClear\"), \"\\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 { TextArea } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <TextArea />\\n        <br/><br/>\\n        <TextArea maxCount={100} showClear/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u7F6E TextArea \\u9AD8\\u5EA6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"textareaStyle\"), \" \\u53EF\\u4EE5\\u8BBE\\u7F6E\\u5185\\u90E8 textarea \\u5143\\u7D20\\u7684\\u6837\\u5F0F\\uFF0C\\u5982\\u9AD8\\u5EA6\\u3001\\u80CC\\u666F\\u8272\\u7B49\\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 { TextArea } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <TextArea textareaStyle={{ height: 120 }} placeholder=\\\"\\u9AD8\\u5EA6 120px\\\" />\\n        <br/><br/>\\n        <TextArea textareaStyle={{ height: 200, backgroundColor: '#f9f9f9' }} placeholder=\\\"\\u9AD8\\u5EA6 200px\\uFF0C\\u7070\\u8272\\u80CC\\u666F\\\" />\\n        <br/><br/>\\n        <TextArea \\n            style={{ border: '2px solid var(--semi-color-primary)' }} \\n            textareaStyle={{ height: 150 }} \\n            placeholder=\\\"style \\u63A7\\u5236\\u5916\\u5C42\\u5BB9\\u5668\\uFF0CtextareaStyle \\u63A7\\u5236 textarea\\\" \\n        />\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u884C\\u53F7\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"showLineNumber\"), \" \\u5C55\\u793A\\u884C\\u53F7\\u3002\\u53EF\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"lineNumberStart\"), \" \\u8BBE\\u7F6E\\u8D77\\u59CB\\u884C\\u53F7\\uFF0C\\u6216\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"lineNumberStyle\"), \"/\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"lineNumberClassName\"), \" \\u81EA\\u5B9A\\u4E49\\u884C\\u53F7\\u533A\\u6837\\u5F0F\\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 { TextArea } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <TextArea\\n        showLineNumber\\n        lineNumberStart={1}\\n        defaultValue={'Line 1\\\\nLine 2\\\\n\\u8FD9\\u662F\\u4E00\\u884C\\u8F83\\u957F\\u7684\\u6587\\u672C\\uFF0C\\u7528\\u6765\\u6F14\\u793A\\u8F6F\\u6362\\u884C\\u65F6\\u7684\\u884C\\u53F7\\u5BF9\\u9F50\\u6548\\u679C\\u3002\\\\nLine 4\\\\nLine 5'}\\n        rows={12}\\n        style={{ width: 420 }}\\n        lineNumberStyle={{ color: 'var(--semi-color-text-2)' }}\\n    />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u4F7F\\u7528 Shift + Enter \\u6362\\u884C\\u7684\\u591A\\u884C\\u8F93\\u5165\\u6846\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"TextArea \\u9ED8\\u8BA4\\u60C5\\u51B5\\u4E0B Enter \\u56DE\\u8F66\\u4E0E Shift + Enter \\u5747\\u53EF\\u5B9E\\u73B0\\u6362\\u884C\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u901A\\u8FC7\\u9002\\u5F53\\u7684\\u4E8B\\u4EF6\\u76D1\\u542C\\u4E0E\\u7981\\u7528\\u9ED8\\u8BA4\\u884C\\u4E3A\\uFF0C\\u4F60\\u53EF\\u4EE5\\u5B9E\\u73B0\\u7981\\u7528 Enter \\u6362\\u884C\\uFF0C\\u4EC5 Shift + Enter \\u624D\\u80FD\\u6362\\u884C\"), 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 { TextArea, HotKeys } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [text, setText] = useState('');\\n\\n    const handleKeyDown = (event) => {\\n        if (event.key === 'Enter' && !event.shiftKey) {\\n            event.preventDefault(); // \\u963B\\u6B62\\u9ED8\\u8BA4\\u7684\\u6362\\u884C\\u884C\\u4E3A\\n        }\\n    };\\n\\n    const handleChange = (value, event) => {\\n        setText(event.target.value);\\n    };\\n\\n    return (\\n        <>  \\n            <p style={{ display: 'flex' }}>\\n                \\u4F7F\\u7528\\n                <HotKeys\\n                    hotKeys={['shift', 'enter']}\\n                    style={{ marginBottom: 12, marginLeft: 4, marginRight: 4 }}\\n                />\\n                \\u6362\\u884C\\u7684 TextArea\\n            </p>\\n            <TextArea\\n                value={text}\\n                onChange={handleChange}\\n                onKeyDown={handleKeyDown}\\n            />\\n        </>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u52A8\\u6269\\u5C55\\u7684\\u591A\\u884C\\u8F93\\u5165\\u6846\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"autosize\"), \" \\u5C5E\\u6027\\u53EF\\u8BBE\\u7F6E\\u53EA\\u6709\\u9AD8\\u5EA6\\u81EA\\u52A8\\u968F\\u5185\\u5BB9\\u589E\\u52A0\\u800C\\u53D8\\u5316\\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 { TextArea } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <TextArea autosize rows={1} />\\n        <br/><br/>\\n        <TextArea autosize={{ minRows: 1, maxRows: 3}} />\\n        <br/><br/>\\n        <TextArea autosize maxCount={100} />\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u8BA1\\u7B97\\u5B57\\u7B26\\u4E32\\u957F\\u5EA6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"getValueLength\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u8BA1\\u7B97\\u5B57\\u7B26\\u4E32\\u957F\\u5EA6\\u3002\\u642D\\u914D maxLength \\u548C minLength \\u53EF\\u4EE5\\u652F\\u6301 emoji \\u957F\\u5EA6\\u6309\\u7167\\u53EF\\u89C1\\u957F\\u5EA6\\u8BA1\\u7B97\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4F20\\u5165 getValueLength \\u65F6\\uFF0CSemi \\u5185\\u90E8\\u505A\\u4E86\\u4EC0\\u4E48\\uFF1A\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"maxLength\\uFF1A\\u4E0D\\u76F4\\u63A5\\u900F\\u4F20 maxLength \\u7ED9\\u539F\\u751F input\\u3002\\u5982\\u679C\\u8F93\\u5165\\u957F\\u5EA6\\u8D85\\u51FA\\u6700\\u5927\\u9650\\u5236\\uFF0C\\u5219\\u4F7F\\u7528\\u4E0A\\u4E00\\u6B21\\u8F93\\u5165\\u7684\\u5408\\u6CD5\\u957F\\u5EA6\\u5B57\\u7B26\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"minLength\\uFF1A\\u52A8\\u6001\\u5207\\u6362 minLength \\u7684\\u957F\\u5EA6\\uFF0Cemoji \\u6309\\u7167\\u4E00\\u4E2A\\u957F\\u5EA6\\u8BA1\\u7B97\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"maxCount\\uFF1A\\u4F7F\\u7528 getValueLength \\u83B7\\u53D6\\u7684\\u503C\\u4E0E maxCount \\u8FDB\\u884C\\u6BD4\\u8F83\")), 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 GraphemeSplitter from 'grapheme-splitter';\\nimport { Input, Typography, Form, TextArea, Button } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [value, setValue] = useState();\\n    function getValueLength(str) {\\n        if (typeof str === 'string') {\\n            const splitter = new GraphemeSplitter();\\n            return splitter.countGraphemes(str);\\n        } else {\\n            return 0;\\n        }\\n    }\\n\\n    function getTextAreaStrLength(str) {\\n        const filteredStr = str.replace(/\\\\s/g, '');\\n        return filteredStr.length;\\n    }\\n\\n    return (\\n        <div>\\n            <h4>maxLength=10</h4>\\n            <div>\\n                <Typography.Text>\\u5C1D\\u8BD5\\u8F93\\u5165\\u4EE5\\u4E0B\\u5B57\\u7B26</Typography.Text>\\n                <div><Typography.Text copyable>\\uD83D\\uDC96</Typography.Text></div>\\n                <div><Typography.Text copyable>\\uD83D\\uDC68\\u200D\\uD83D\\uDC69\\u200D\\uD83D\\uDC67\\u200D\\uD83D\\uDC66</Typography.Text></div>\\n            </div>\\n            <Input maxLength={10} getValueLength={getValueLength} onChange={setValue} style={{ width: 200, marginTop: 12, marginBottom: 12 }} />\\n            {\\n                value && (\\n                    <div>\\n                        <div><Typography.Text type=\\\"tertiary\\\">{`getValueLength=${getValueLength(value)}`}</Typography.Text></div>\\n                        <div><Typography.Text type=\\\"tertiary\\\">{`length=${value.length}`}</Typography.Text></div>\\n                    </div>\\n                )\\n            }\\n            <br/><br/>\\n            <h4>Form.Input + minLength=4</h4>\\n            <Form layout=\\\"horizontal\\\">\\n                <Form.Input noLabel field=\\\"username\\\" minLength={4} getValueLength={getValueLength} style={{ width: 200 }} />\\n                <Button type=\\\"primary\\\" htmlType=\\\"submit\\\">\\u63D0\\u4EA4</Button>\\n            </Form>\\n            <h4>maxCount=10</h4>\\n            <TextArea defaultValue=\\\"semi design\\\" rows={2} maxCount={10} getValueLength={getTextAreaStrLength} style={{ width: 200 }} />\\n        </div>\\n    );\\n};\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4E00\\u4E9B\\u95EE\\u9898\\u7684\\u56DE\\u7B54\\uFF1A\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u4E3A\\u4F55\\u4E0D\\u76F4\\u63A5\\u5F15\\u5165 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"grapheme-splitter\"), \" \\u5305\\uFF1F\\u8FD9\\u4E2A\\u5305\\u672A\\u538B\\u7F29\\u4F53\\u79EF\\u4E3A 200+kB\\uFF0C\\u5BF9\\u4E8E\\u4E0D\\u9700\\u8981\\u628A emoji \\u6309\\u7167\\u53EF\\u89C1\\u957F\\u5EA6\\u8BA1\\u7B97\\u7684\\u7528\\u6237\\u6765\\u8BF4\\uFF0C\\u8FD9\\u4E2A\\u4F53\\u79EF\\u6709\\u70B9\\u8FC7\\u5927\\u4E86\\u3002\\u56E0\\u6B64 Semi \\u9009\\u62E9\\u628A\\u957F\\u5EA6\\u8BA1\\u7B97\\u51FD\\u6570\\u4F5C\\u4E3A\\u53C2\\u6570\\u8BA9\\u7528\\u6237\\u4F20\\u5165\\u3002\")), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u4E3A\\u4F55\\u4E0D\\u52A8\\u6001\\u4FEE\\u6539 maxLength\\uFF1F\\u52A8\\u6001\\u4FEE\\u6539 maxLength \\u5728\\u8F93\\u5165\\u64CD\\u4F5C\\u5B8C\\u6210\\u4EE5\\u540E\\uFF0C\\u8BA1\\u7B97\\u5269\\u4F59\\u53EF\\u4EE5\\u8F93\\u5165\\u7684\\u5B57\\u7B26\\u957F\\u5EA6\\u3002 \\u5982 maxLength \\u8BBE\\u7F6E\\u4E3A 1\\uFF0C\\u60F3\\u8F93\\u5165\\u4E00\\u4E2A length \\u4E3A 2 \\u7684 '\\uD83D\\uDC96'\\uFF0C\\u4F46\\u662F\\u7531\\u4E8E input maxLength \\u7684\\u9650\\u5236\\uFF0C\\u8FD9\\u91CC\\u6839\\u672C\\u5C31\\u8F93\\u5165\\u4E0D\\u8FDB\\u53BB\\uFF0C\\u4E5F\\u5C31\\u65E0\\u6CD5\\u66F4\\u65B0 maxLength\\u3002\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8F93\\u5165\\u6CD5\\u6A21\\u5F0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"composition\"), \" \\u5C5E\\u6027\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"true\"), \"\\uFF0C\\u53EF\\u4EE5\\u5F00\\u542F\\u8F93\\u5165\\u6CD5\\u6A21\\u5F0F\\u3002\\u5728\\u8BE5\\u6A21\\u5F0F\\u4E0B\\uFF0C\\u4F7F\\u7528\\u8F93\\u5165\\u6CD5\\uFF08\\u5982\\u4E2D\\u6587\\u62FC\\u97F3\\uFF09\\u8F93\\u5165\\u65F6\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"onChange\"), \" \\u4E0D\\u4F1A\\u5728\\u8F93\\u5165\\u6CD5\\u672A\\u786E\\u8BA4\\uFF08\\u5982\\u62FC\\u97F3\\u8FC7\\u7A0B\\u4E2D\\uFF09\\u89E6\\u53D1\\uFF0C\\u800C\\u662F\\u5728\\u8F93\\u5165\\u6CD5\\u786E\\u8BA4\\u540E\\u89E6\\u53D1\\u4E00\\u6B21\\u3002\\u9002\\u7528\\u4E8E\\u5B9E\\u65F6\\u641C\\u7D22\\u7B49\\u573A\\u666F\\uFF0C\\u907F\\u514D\\u5728\\u62FC\\u97F3\\u8F93\\u5165\\u8FC7\\u7A0B\\u4E2D\\u89E6\\u53D1\\u4E0D\\u5FC5\\u8981\\u7684\\u8BF7\\u6C42\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Input \\u548C TextArea \\u5747\\u652F\\u6301\\u8BE5\\u5C5E\\u6027\\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, { useState } from 'react';\\nimport { Input, TextArea } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [inputValue, setInputValue] = useState('');\\n    const [textAreaValue, setTextAreaValue] = useState('');\\n    const [inputLogs, setInputLogs] = useState([]);\\n    const [textAreaLogs, setTextAreaLogs] = useState([]);\\n\\n    const handleInputChange = (value) => {\\n        setInputValue(value);\\n        setInputLogs(prev => [...prev, value]);\\n    };\\n\\n    const handleTextAreaChange = (value) => {\\n        setTextAreaValue(value);\\n        setTextAreaLogs(prev => [...prev, value]);\\n    };\\n\\n    return (\\n        <div>\\n            <h4>Input with composition</h4>\\n            <Input\\n                composition\\n                value={inputValue}\\n                onChange={handleInputChange}\\n                placeholder=\\\"\\u5F00\\u542F composition\\uFF0C\\u62FC\\u97F3\\u8F93\\u5165\\u65F6\\u4E0D\\u4F1A\\u89E6\\u53D1 onChange\\\"\\n                style={{ width: 300 }}\\n            />\\n            <div style={{ marginTop: 8, color: 'var(--semi-color-text-2)', fontSize: 12 }}>\\n                onChange \\u89E6\\u53D1\\u6B21\\u6570: {inputLogs.length}\\n            </div>\\n            <br/><br/>\\n            <h4>TextArea with composition</h4>\\n            <TextArea\\n                composition\\n                value={textAreaValue}\\n                onChange={handleTextAreaChange}\\n                placeholder=\\\"\\u5F00\\u542F composition\\uFF0C\\u62FC\\u97F3\\u8F93\\u5165\\u65F6\\u4E0D\\u4F1A\\u89E6\\u53D1 onChange\\\"\\n                style={{ width: 300 }}\\n            />\\n            <div style={{ marginTop: 8, color: 'var(--semi-color-text-2)', fontSize: 12 }}>\\n                onChange \\u89E6\\u53D1\\u6B21\\u6570: {textAreaLogs.length}\\n            </div>\\n        </div>\\n    );\\n};\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API \\u53C2\\u8003\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Input\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u5176\\u4ED6\\u5C5E\\u6027\\u4E0Ehtml input \\u6807\\u7B7E\\u4FDD\\u6301\\u4E00\\u81F4\")), 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  }, \"aria-describedby\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-describedby \\u5C5E\\u6027\"), 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  }, \"aria-errormessage\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-errormessage \\u5C5E\\u6027\"), 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  }, \"aria-invalid\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-invalid \\u5C5E\\u6027\"), 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  }, \"aria-label\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-label \\u5C5E\\u6027\"), 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  }, \"aria-labelledby\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-labelledby \\u5C5E\\u6027\"), 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  }, \"aria-required\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-required \\u5C5E\\u6027\"), 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  }, \"addonAfter\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u540E\\u7F6E\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"addonBefore\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F6E\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"borderless\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\\u8FB9\\u6846\\u6A21\\u5F0F  >=2.33.0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), 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  }, \"\\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  }, \"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(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.25.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"composition\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5F00\\u542F\\u8F93\\u5165\\u6CD5\\u6A21\\u5F0F\\uFF0C\\u5F00\\u542F\\u540E\\u8F93\\u5165\\u6CD5\\u672A\\u786E\\u8BA4\\u671F\\u95F4\\u4E0D\\u4F1A\\u89E6\\u53D1 onChange\\uFF0C\\u8F93\\u5165\\u6CD5\\u786E\\u8BA4\\u540E\\u89E6\\u53D1\\u4E00\\u6B21 onChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), 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  }, \"\\u8F93\\u5165\\u6846\\u5185\\u5BB9\\u9ED8\\u8BA4\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactText\"), 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\\uFF0C\\u9ED8\\u8BA4\\u4E3Afalse\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getValueLength\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u8BA1\\u7B97\\u5B57\\u7B26\\u4E32\\u957F\\u5EA6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value: string) => number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"hideSuffix\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6E05\\u9664\\u6309\\u94AE\\u4E0E\\u540E\\u7F00\\u6807\\u7B7E\\u5E76\\u5B58\\u65F6\\u9690\\u85CF\\u540E\\u7F00\\u6807\\u7B7E\\uFF0C\\u9ED8\\u8BA4\\u4E3Afalse\\u4E24\\u8005\\u5E76\\u5217\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"mode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8F93\\u5165\\u6846\\u7684\\u6A21\\u5F0F\\uFF0C\\u53EF\\u9009\\u503Cpassword\"), 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  }, \"prefix\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F00\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"preventScroll\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u793A\\u6D4F\\u89C8\\u5668\\u662F\\u5426\\u5E94\\u6EDA\\u52A8\\u6587\\u6863\\u4EE5\\u663E\\u793A\\u65B0\\u805A\\u7126\\u7684\\u5143\\u7D20\\uFF0C\\u4F5C\\u7528\\u4E8E\\u7EC4\\u4EF6\\u5185\\u7684 focus \\u65B9\\u6CD5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), 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  }, \"\\u8F93\\u5165\\u6846\\u6709\\u5185\\u5BB9\\u4E14 hover \\u6216 focus \\u65F6\\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(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8F93\\u5165\\u6846\\u5927\\u5C0F\\uFF0Clarge\\u3001default\\u3001small\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"'default'\")), 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  }, \"CSSProperties\"), 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  }, \"\\u540E\\u7F00\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), 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  }, \"\\u58F0\\u660Einput\\u7C7B\\u578B\\uFF0C\\u540C\\u539F\\u751Finput\\u6807\\u7B7E\\u7684type\\u5C5E\\u6027\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"text\")), 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\\u503Cdefault\\u3001error\\u3001warning\\uFF0C\\u9ED8\\u8BA4default\\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(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"value\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8F93\\u5165\\u6846\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactText\"), 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  }, \"\\u8F93\\u5165\\u6846\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), 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\\u5185\\u5BB9\\u53D8\\u5316\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(value:string, e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClear\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u6E05\\u9664\\u6309\\u94AE\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onEnterPress\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6309\\u56DE\\u8F66\\u65F6\\u56DE\\u8C03\\uFF08keypress\\uFF09\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), 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  }, \"\\u8F93\\u5165\\u6846focus\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), 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  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onKeyPress\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"keypress\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onKeyUp\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"keyup\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionStart\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionStart\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionEnd\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionEnd\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionUpdate\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionUpdate\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"TextArea\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"\\u5176\\u4ED6\\u5C5E\\u6027\\u4E0E html textarea \\u6807\\u7B7E\\u4FDD\\u6301\\u4E00\\u81F4\")), 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  }, \"aria-describedby\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-describedby \\u5C5E\\u6027\"), 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  }, \"aria-errormessage\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-errormessage \\u5C5E\\u6027\"), 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  }, \"aria-invalid\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-invalid \\u5C5E\\u6027\"), 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  }, \"aria-label\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-label \\u5C5E\\u6027\"), 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  }, \"aria-labelledby\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-labelledby \\u5C5E\\u6027\"), 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  }, \"aria-required\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E aria-required \\u5C5E\\u6027\"), 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  }, \"autosize\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u968F\\u7740\\u81EA\\u52A8\\u9002\\u5E94\\u5185\\u5BB9\\u9AD8\\u5EA6\\uFF0C\\u53EF\\u5199\\u6210\\u5BF9\\u8C61\\u914D\\u7F6E\\u6700\\u5C0F\\u6700\\u5927\\u884C\\u6570\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"{minRows?: number, maxRows?: number}\"), mdx(\"br\", null), mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"\\u4ECE2.45.0\\u7248\\u672C\\u8D77\\u652F\\u6301\\u5BF9\\u8C61\\u53C2\\u6570\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"borderless\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\\u8FB9\\u6846\\u6A21\\u5F0F  >=2.33.0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), 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  }, \"\\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  }, \"cols\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u5217\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"composition\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5F00\\u542F\\u8F93\\u5165\\u6CD5\\u6A21\\u5F0F\\uFF0C\\u5F00\\u542F\\u540E\\u8F93\\u5165\\u6CD5\\u672A\\u786E\\u8BA4\\u671F\\u95F4\\u4E0D\\u4F1A\\u89E6\\u53D1 onChange\\uFF0C\\u8F93\\u5165\\u6CD5\\u786E\\u8BA4\\u540E\\u89E6\\u53D1\\u4E00\\u6B21 onChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), 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  }, \"\\u7981\\u7528\\u72B6\\u6001\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"getValueLength\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u8BA1\\u7B97\\u5B57\\u7B26\\u4E32\\u957F\\u5EA6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value: string) => number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"maxCount\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u5B57\\u6570\\u9650\\u5236\\u5E76\\u663E\\u793A\\u5B57\\u6570\\u7EDF\\u8BA1\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\")), 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  }, \"\\u5F53\\u524D\\u7684\\u9ED8\\u8BA4\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"readonly\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u53EA\\u8BFB\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"resize\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5141\\u8BB8\\u7528\\u6237\\u62D6\\u62FD\\u8C03\\u6574\\u5C3A\\u5BF8\\uFF0C\\u53CA\\u8C03\\u6574\\u65B9\\u5411\\u3002\\u53EF\\u9009\\u503C\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"none\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"both\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"horizontal\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"vertical\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"block\"), \" \", \"|\", \" \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"inline\"), \"\\u3002\\u5F53 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"autosize\"), \" \\u5F00\\u542F\\u65F6\\u8BE5\\u5C5E\\u6027\\u4F1A\\u88AB\\u5FFD\\u7565\\u3002\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"\\u4EC5\\u5F53\\u663E\\u5F0F\\u4F20\\u5165\\u8BE5\\u5C5E\\u6027\\u65F6\\u624D\\u4F1A\\u751F\\u6548\"), \"\\uFF08\\u9ED8\\u8BA4\\u4E0D\\u5E72\\u9884\\uFF0C\\u4EE5\\u4FDD\\u6301\\u5386\\u53F2\\u5BBD\\u5EA6/\\u6837\\u5F0F\\u884C\\u4E3A\\uFF1B\\u5982\\u9700\\u4ECD\\u4F7F\\u7528\\u539F\\u751F\\u65B9\\u5F0F\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"textareaStyle.resize\"), \" \\u63A7\\u5236\\uFF09\\uFF0C\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.97.0\")), 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  }, \"rows\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u884C\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"4\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"showLineNumber\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5C55\\u793A\\u884C\\u53F7\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"lineNumberStart\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u884C\\u53F7\\u8D77\\u59CB\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"lineNumberClassName\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u884C\\u53F7\\u533A\\u57DF className\"), 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  }, \"lineNumberStyle\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u884C\\u53F7\\u533A\\u57DF\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), 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  }, \"\\u652F\\u6301\\u6E05\\u9664\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\")), 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  }, \"\\u5916\\u5C42\\u5BB9\\u5668\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"textareaStyle\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"textarea \\u5143\\u7D20\\u7684\\u6837\\u5F0F\\uFF0C\\u53EF\\u7528\\u4E8E\\u8BBE\\u7F6E textarea \\u7684\\u9AD8\\u5EA6\\u7B49\\u6837\\u5F0F \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.94.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), 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  }, \"\\u8F93\\u5165\\u6846\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), 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\\u5185\\u5BB9\\u53D8\\u5316\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value:string, e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onClear\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u6E05\\u9664\\u6309\\u94AE\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onEnterPress\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6309\\u4E0B\\u56DE\\u8F66\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u65E0\")), 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  }, \"\\u8F93\\u5165\\u6846 focus \\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), 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\\uFF0Chtml \\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onKeyPress\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"keypress \\u56DE\\u8C03\\uFF0Chtml \\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onKeyUp\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"keyup \\u56DE\\u8C03\\uFF0Chtml \\u4E8B\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onResize\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C3A\\u5BF8\\u53D8\\u5316\\u56DE\\u8C03\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"autosize\"), \" \\u5BFC\\u81F4\\u9AD8\\u5EA6\\u53D8\\u5316\\u65F6\\u89E6\\u53D1\\uFF1B\\u5F53 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"resize\"), \" \\u5141\\u8BB8\\u7528\\u6237\\u62D6\\u62FD\\u8C03\\u6574\\u5C3A\\u5BF8\\u65F6\\uFF0C\\u4E5F\\u4F1A\\u5728\\u5C3A\\u5BF8\\u53D8\\u5316\\u65F6\\u89E6\\u53D1\\uFF08\\u4F1A\\u989D\\u5916\\u63D0\\u4F9B \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"width\"), \"\\uFF09\\uFF0C\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.97.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"({ height:number, width?: number }) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionStart\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionStart\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionEnd\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionEnd\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionUpdate\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCompositionUpdate\\u56DE\\u8C03, \", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \">=2.85.0\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e:event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"InputGroup\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u7528\\u5C5E\\u6027\\u5C06\\u8BBE\\u7F6E\\u5230 InputGroup \\u7684\\u5B50\\u7EA7\\u5143\\u7D20\\u4E0A\\uFF0C\\u4F8B\\u5982 disabled\\u3001onFocus \\u7B49\\u3002\\u5982\\u679C\\u4F60\\u5728\\u5B50\\u7EA7\\u8BBE\\u7F6E\\u4E86 onFocus\\u3001onBlur \\u6216 disabled\\uFF0C\\u4F1A\\u8986\\u76D6\\u6389 InputGroup \\u5BF9\\u5E94\\u5C5E\\u6027\\u503C\\u3002\"), 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  }, \"\\u7EC4\\u7684\\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  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"label\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"InputGroup \\u7684 label \\u5C5E\\u6027\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"https://semi.design/zh-CN/input/form#Form.Label\"\n  }, \"LabelProps\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"labelPosition\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"label \\u4F4D\\u7F6E\\uFF0C\\u53EF\\u9009 top \\u6216 left\"), 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  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8F93\\u5165\\u6846\\u5927\\u5C0F\\uFF0Clarge\\u3001default\\u3001small\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"'default'\")), 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  }, \"\\u7EC4\\u7684\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"CSSProperties\"), 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  }, \"\\u8F93\\u5165\\u6846\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), 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  }, \"\\u8F93\\u5165\\u6846 focus \\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(e:event) => void\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Methods\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7ED1\\u5B9A\\u5728\\u7EC4\\u4EF6\\u5B9E\\u4F8B\\u4E0A\\u7684\\u65B9\\u6CD5\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 ref \\u8C03\\u7528\\u5B9E\\u73B0\\u67D0\\u4E9B\\u7279\\u6B8A\\u4EA4\\u4E92\"), 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  }, \"\\u540D\\u79F0\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u63CF\\u8FF0\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"blur()\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u79FB\\u51FA\\u7126\\u70B9\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"focus()\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u83B7\\u53D6\\u7126\\u70B9\"))))), 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  }, \"\\u5F53 validateStatus \\u4E3A error \\u65F6\\uFF0C\\u8F93\\u5165\\u6846\\u7684 aria-invalid \\u4E3A true\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5728 Form \\u4E2D\\u4F7F\\u7528\\u65F6\\uFF0Cfield label \\u662F Input \\u7684 aria-label\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Input \\u53EF\\u88AB\\u83B7\\u53D6\\u7126\\u70B9\\uFF0C\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u4F7F\\u7528 Tab \\u53CA Shift  + Tab \\u5207\\u6362\\u7126\\u70B9\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5BC6\\u7801\\u6309\\u94AE\\u53EF\\u4EE5\\u88AB\\u805A\\u7126\\uFF0C\\u805A\\u7126\\u540E\\u4F7F\\u7528 Enter \\u6216\\u8005\\u7A7A\\u683C\\u952E\\u6FC0\\u6D3B\"))), 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  }, \"\\u76F8\\u5173\\u7269\\u6599\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"semi-material-list\", {\n    code: \"46\"\n  }))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/input/input","next":{"fields":{"slug":"en-US/input/inputnumber"},"id":"4a851a07-c056-5b95-b33d-e383594a7bf9","frontmatter":{"title":"InputNumber","localeCode":"en-US","icon":"doc-inputnumber","showNew":null}},"previous":{"fields":{"slug":"en-US/input/input"},"id":"8c99473f-2ceb-54f7-9b49-f7ce350ff45b","frontmatter":{"title":"Input","localeCode":"en-US","icon":"doc-input","showNew":null}}}},"staticQueryHashes":["1348983216937344","1477422646937344","3245198693937344","417590761937344","63159454937344"]}