{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/inputnumber","result":{"data":{"current":{"frontmatter":{"title":"InputNumber 数字输入框","order":42,"brief":"通过鼠标或键盘，输入范围内的数值，与 Input 不同的是它带有针对数字场景的步进器操作区，配合 Parser 使用可以展示更复杂的内容格式","icon":"doc-inputnumber"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本输入框","title":"基本输入框"},{"url":"#隐藏步进器","title":"隐藏步进器"},{"url":"#尺寸","title":"尺寸"},{"url":"#自定义显示格式与解析方式","title":"自定义显示格式与解析方式"},{"url":"#纯数字输入框","title":"纯数字输入框"},{"url":"#货币展示","title":"货币展示"}]},{"url":"#api-参考","title":"API 参考"},{"url":"#methods","title":"Methods"},{"url":"#accessibility","title":"Accessibility","items":[{"url":"#aria","title":"ARIA"},{"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\": 42,\n  \"category\": \"输入类\",\n  \"title\": \"InputNumber 数字输入框\",\n  \"icon\": \"doc-inputnumber\",\n  \"brief\": \"通过鼠标或键盘，输入范围内的数值，与 Input 不同的是它带有针对数字场景的步进器操作区，配合 Parser 使用可以展示更复杂的内容格式\"\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  }, \"\\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 { InputNumber } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u8F93\\u5165\\u6846\"), 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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div style={{ width: 280 }}>\\n        <label>\\u7B80\\u5355\\u6570\\u5B57\\u8F93\\u5165\\u6846</label>\\n        <InputNumber />\\n        <br/><br/>\\n\\n        <label>\\u8BBE\\u7F6E\\u4E86\\u6B65\\u957F step=2 </label>\\n        <InputNumber step={2} />\\n        <br/><br/>\\n\\n        <label>\\u8BBE\\u7F6E shiftStep=100\\uFF0C \\u6309\\u4F4F shift \\u540C\\u65F6\\u70B9\\u51FB\\u6309\\u94AE\\uFF0C\\u53EF\\u4EE5\\u4E00\\u6B21\\u589E\\u52A0/\\u51CF\\u5C11100 </label>\\n        <InputNumber shiftStep={100} />\\n        <br/><br/>\\n\\n        <label>\\u8BBE\\u7F6E\\u4E86\\u4E0A\\u4E0B\\u754C min=1,max=10</label>\\n        <InputNumber min={1} max={10} defaultValue={1} />\\n        <br/><br/>\\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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div style={{ width: 280 }}>\\n        <label>\\u8BBE\\u7F6E\\u4E86\\u9ED8\\u8BA4\\u503C defaultValue=1 </label>\\n        <InputNumber defaultValue={1} />\\n        <br/><br/>\\n\\n        <label>\\u7981\\u7528 disabled=true</label>\\n        <InputNumber defaultValue={2} disabled />\\n        <br/><br/>\\n\\n        <label>\\u8BBE\\u7F6E\\u4E86\\u5C0F\\u6570\\u4F4D\\u6570 precision=2 </label>\\n        <InputNumber precision={2} defaultValue={1.234} />\\n        <br/><br/>\\n\\n        <label>\\u8BBE\\u7F6E\\u4E86 innerButtons=true </label>\\n        <InputNumber innerButtons={true} suffix={'\\u5C0F\\u65F6'} defaultValue={1} style={{ width: 190 }} />\\n        <br/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u9690\\u85CF\\u6B65\\u8FDB\\u5668\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7innerButtons\\uFF0C\\u4F60\\u53EF\\u4EE5\\u5C06\\u53F3\\u4FA7\\u7684\\u6B65\\u8FDB\\u5668\\u9690\\u85CF\\u8FDB\\u5185\\u90E8\\uFF0C\\u4EC5hover\\u65F6\\u624D\\u4F1A\\u663E\\u793A\"), 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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <InputNumber innerButtons style={{ width: 190 }} />\\n);\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"hideButtons\\u8BBE\\u4E3Atrue\\uFF0C\\u5F7B\\u5E95\\u9690\\u85CF\\u6B65\\u8FDB\\u5668\"), 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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <InputNumber hideButtons style={{ width: 190 }} />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u5C3A\\u5BF8\"), 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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div style={{ width: 180 }}>\\n        <label>\\u9ED8\\u8BA4\\u5C3A\\u5BF8 size=default</label>\\n        <InputNumber />\\n        <br/><br/>\\n\\n        <label>\\u5927\\u5C3A\\u5BF8 size=large</label>\\n        <InputNumber size=\\\"large\\\" />\\n        <br/><br/>\\n\\n        <label>\\u5C0F\\u5C3A\\u5BF8 size=small</label>\\n        <InputNumber size=\\\"small\\\" />\\n        <br/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u663E\\u793A\\u683C\\u5F0F\\u4E0E\\u89E3\\u6790\\u65B9\\u5F0F\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"formatter \\u548C parser \\u4E00\\u5BF9\\u65B9\\u6CD5\\uFF0C\\u4E00\\u822C\\u9700\\u8981\\u540C\\u65F6\\u8BBE\\u7F6E\\uFF0C\\u5426\\u5219\\u65E0\\u6CD5\\u6B63\\u786E\\u89E3\\u6790\\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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const log = (v) => {\\n        console.log(`Changed to: [${typeof v}] ${v}`);\\n    };\\n\\n    return (\\n        <div style={{ width: 180 }}>\\n            <label>\\u4EBA\\u6C11\\u5E01</label>\\n            <InputNumber\\n                onChange={this.log}\\n                defaultValue={1000}\\n                min={0}\\n                formatter={value => `\\uFFE5 ${value}`.replace(/\\\\B(?=(\\\\d{3})+(?!\\\\d))/g, ',')}\\n                parser={value => value.replace(/\\\\\\uFFE5\\\\s?|(,*)/g, '')}\\n            />\\n            <br/><br/>\\n\\n            <label>\\u81EA\\u5B9A\\u4E49\\u4E32</label>\\n            <InputNumber\\n                onChange={this.log}\\n                defaultValue={1111}\\n                formatter={value => String(value).split('').join('-')}\\n                parser={value => value.replace(/\\\\-/g, '')}\\n            />\\n            <br/>\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u7EAF\\u6570\\u5B57\\u8F93\\u5165\\u6846\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u642D\\u914D formatter \\u548C onNumberChange\\uFF08\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \">=v1.9.0\"), \"\\uFF09 \\u53EF\\u4EE5\\u5B9E\\u73B0\\u7EAF\\u6570\\u5B57\\u8F93\\u5165\\u6846\\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 { InputNumber } from '@douyinfe/semi-ui';\\n\\nfunction Demo () {\\n    return (\\n        <InputNumber\\n            formatter={value => `${value}`.replace(/\\\\D/g, '')}\\n            onNumberChange={number => console.log(number)}\\n            min={0}\\n            max={Number.MAX_SAFE_INTEGER}\\n        />\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u8D27\\u5E01\\u5C55\\u793A\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"2.77.0 \\u7248\\u672C\\u5F00\\u59CB\\u652F\\u6301\\u8D27\\u5E01\\u5C55\\u793A\\uFF0C\\u56FD\\u9645\\u5316\\u6A21\\u5F0F\\u4E0B\\u901A\\u8FC7 currency={true} \\u5F00\\u542F\\uFF0C\\u7EC4\\u4EF6\\u4F1A\\u81EA\\u52A8\\u6839\\u636E localeCode \\u5C55\\u793A\\u5BF9\\u5E94\\u8D27\\u5E01\\u79CD\\u7C7B\\u3002\\uFF08\\u6CE8\\u610F\\u5207\\u6362\\u8BED\\u8A00\\u7C7B\\u578B\\u540E\\u9700\\u8981\\u66F4\\u65B0\\u7EC4\\u4EF6 key \\u503C\\uFF09\"), 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, { useCallback, useMemo, useState } from 'react';\\nimport zh_CN from '@douyinfe/semi-ui/lib/es/locale/source/zh_CN';\\nimport en_GB from '@douyinfe/semi-ui/lib/es/locale/source/en_GB';\\nimport en_US from '@douyinfe/semi-ui/lib/es/locale/source/en_US';\\nimport ko_KR from '@douyinfe/semi-ui/lib/es/locale/source/ko_KR';\\nimport ja_JP from '@douyinfe/semi-ui/lib/es/locale/source/ja_JP';\\nimport ar from '@douyinfe/semi-ui/lib/es/locale/source/ar';\\nimport vi_VN from '@douyinfe/semi-ui/lib/es/locale/source/vi_VN';\\nimport ru_RU from '@douyinfe/semi-ui/lib/es/locale/source/ru_RU';\\nimport id_ID from '@douyinfe/semi-ui/lib/es/locale/source/id_ID';\\nimport ms_MY from '@douyinfe/semi-ui/lib/es/locale/source/ms_MY';\\nimport th_TH from '@douyinfe/semi-ui/lib/es/locale/source/th_TH';\\nimport tr_TR from '@douyinfe/semi-ui/lib/es/locale/source/tr_TR';\\nimport pt_BR from '@douyinfe/semi-ui/lib/es/locale/source/pt_BR';\\nimport zh_TW from '@douyinfe/semi-ui/lib/es/locale/source/zh_TW';\\nimport sv_SE from '@douyinfe/semi-ui/lib/es/locale/source/sv_SE';\\nimport pl_PL from '@douyinfe/semi-ui/lib/es/locale/source/pl_PL';\\nimport nl_NL from '@douyinfe/semi-ui/lib/es/locale/source/nl_NL';\\nimport es from '@douyinfe/semi-ui/lib/es/locale/source/es';\\nimport it from '@douyinfe/semi-ui/lib/es/locale/source/it';\\nimport de from '@douyinfe/semi-ui/lib/es/locale/source/de';\\nimport fr from '@douyinfe/semi-ui/lib/es/locale/source/fr';\\nimport ro from '@douyinfe/semi-ui/lib/es/locale/source/ro';\\nimport { LocaleProvider, InputNumber, Select } from '@douyinfe/semi-ui';\\n\\nfunction I18nDemo() {\\n    const [locale, setLocale] = useState(zh_CN);\\n    const [localeCode, setLocaleCode] = useState('zh_CN');\\n\\n    const language = useMemo(() => ({\\n        'zh_CN': zh_CN,\\n        'en_GB': en_GB,\\n        'en_US': en_US,\\n        'ko_KR': ko_KR,\\n        'ja_JP': ja_JP,\\n        'ar': ar,\\n        'vi_VN': vi_VN,\\n        'ru_RU': ru_RU,\\n        'id_ID': id_ID,\\n        'ms_MY': ms_MY,\\n        'th_TH': th_TH,\\n        'tr_TR': tr_TR,\\n        'pt_BR': pt_BR,\\n        'zh_TW': zh_TW,\\n        'es': es,\\n        'sv_SE': sv_SE,\\n        'pl_PL': pl_PL,\\n        'nl_NL': nl_NL,\\n        de,\\n        it,\\n        fr,\\n        ro\\n    }), []);\\n\\n    const onLanguageChange = (code) => {\\n        setLocale(language[code]);\\n        setLocaleCode(code);\\n    };\\n\\n    return (\\n        <>\\n            <div style={{ paddingBottom: 20 }}>\\n                <Select onChange={onLanguageChange} insetLabel='\\u5207\\u6362\\u8BED\\u8A00' style={{ width: 250 }} defaultValue='zh_CN'>\\n                    <Select.Option value='zh_CN'>\\u7B80\\u4F53\\u4E2D\\u6587</Select.Option>\\n                    <Select.Option value='en_US'>\\u82F1\\u8BED\\uFF08\\u7F8E\\uFF09</Select.Option>\\n                    <Select.Option value='en_GB'>\\u82F1\\u8BED\\uFF08\\u82F1\\uFF09</Select.Option>\\n                    <Select.Option value='ja_JP'>\\u65E5\\u8BED</Select.Option>\\n                    <Select.Option value='ko_KR'>\\u97E9\\u8BED</Select.Option>\\n                    <Select.Option value='ar'>\\u963F\\u62C9\\u4F2F\\u8BED</Select.Option>\\n                    <Select.Option value='vi_VN'>\\u8D8A\\u5357\\u8BED</Select.Option>\\n                    <Select.Option value='ru_RU'>\\u4FC4\\u7F57\\u65AF\\u8BED</Select.Option>\\n                    <Select.Option value='id_ID'>\\u5370\\u5C3C\\u8BED</Select.Option>\\n                    <Select.Option value='ms_MY'>\\u9A6C\\u6765\\u8BED</Select.Option>\\n                    <Select.Option value='th_TH'>\\u6CF0\\u8BED</Select.Option>\\n                    <Select.Option value='tr_TR'>\\u571F\\u8033\\u5176\\u8BED</Select.Option>\\n                    <Select.Option value='pt_BR'>\\u8461\\u8404\\u7259\\u8BED\\uFF08\\u5DF4\\u897F\\uFF09</Select.Option>\\n                    <Select.Option value='zh_TW'>\\u7E41\\u4F53\\u4E2D\\u6587</Select.Option>\\n                    <Select.Option value='es'>\\u897F\\u73ED\\u7259\\u8BED</Select.Option>\\n                    <Select.Option value='de'>\\u5FB7\\u8BED</Select.Option>\\n                    <Select.Option value='it'>\\u610F\\u5927\\u5229\\u8BED</Select.Option>\\n                    <Select.Option value='fr'>\\u6CD5\\u8BED</Select.Option>\\n                    <Select.Option value='ro'>\\u7F57\\u9A6C\\u5C3C\\u4E9A\\u8BED</Select.Option>\\n                    <Select.Option value='sv_SE'>\\u745E\\u5178\\u8BED</Select.Option>\\n                    <Select.Option value='pl_PL'>\\u6CE2\\u5170\\u8BED</Select.Option>\\n                    <Select.Option value='nl_NL'>\\u8377\\u5170\\u8BED</Select.Option>\\n                </Select>\\n            </div>\\n            <LocaleProvider locale={locale}>\\n                <InputNumber key={localeCode} currency={true} defaultValue={123456.78} />\\n            </LocaleProvider>\\n        </>\\n    );\\n}\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u4E5F\\u53EF\\u4EE5\\u901A\\u8FC7\\u624B\\u52A8\\u4F20 localeCode \\u548C currency \\u6307\\u5B9A\\u5C55\\u793A\\u7684\\u8D27\\u5E01\\u79CD\\u7C7B\"), 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 { InputNumber } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const defaultValue = 123456.78;\\n    return (\\n        <div>\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 \\u4EBA\\u6C11\\u5E01</div>\\n            <InputNumber localeCode=\\\"zh-CN\\\" currency=\\\"CNY\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDEA\\uD83C\\uDDFA \\u6B27\\u5143</div>\\n            <InputNumber localeCode=\\\"de-DE\\\" currency=\\\"EUR\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDEF\\uD83C\\uDDF5 \\u65E5\\u5143</div>\\n            <InputNumber localeCode=\\\"ja-JP\\\" currency=\\\"JPY\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDFB\\uD83C\\uDDF3 \\u8D8A\\u5357\\u76FE</div>\\n            <InputNumber localeCode=\\\"vi-VN\\\" currency=\\\"VND\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n        </div>\\n    );\\n};\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u652F\\u6301 symbol\\u3001code\\u3001name \\u4E09\\u79CD\\u5C55\\u793A\\u65B9\\u5F0F\\uFF0C\\u901A\\u8FC7 currencyDisplay \\u5C5E\\u6027\\u63A7\\u5236\\uFF0C\\u9ED8\\u8BA4\\u4EE5\\u8D27\\u5E01\\u7B26\\u53F7\\u5C55\\u793A\\u3002showCurrencySymbol \\u8BBE\\u7F6E\\u4E3A false \\u9690\\u85CF\\u8D27\\u5E01\\u7B26\\u53F7/\\u4EE3\\u7801/\\u540D\\u79F0\\u7684\\u5C55\\u793A\"), 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 { InputNumber } from '@douyinfe/semi-ui';    \\n\\n() => {\\n    const defaultValue = 123456.78;\\n    return (\\n        <div>\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 code</div>\\n            <InputNumber currency=\\\"CNY\\\" currencyDisplay=\\\"code\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 symbol</div>\\n            <InputNumber currency=\\\"CNY\\\" currencyDisplay=\\\"symbol\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 name</div>\\n            <InputNumber currency=\\\"CNY\\\" currencyDisplay=\\\"name\\\" defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n        </div>\\n    );\\n};\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u9690\\u85CF\\u8D27\\u5E01\\u7B26\\u53F7\\u3001\\u4EE3\\u7801\\u6216\\u540D\\u79F0\\u7684\\u5C55\\u793A\\uFF0C\\u901A\\u8FC7\\u524D\\u540E\\u7F00\\u5C55\\u793A\\u8D27\\u5E01\\u7B26\\u53F7\"), 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 { InputNumber } from '@douyinfe/semi-ui';    \\n\\n() => {\\n    const defaultValue = 123456.78;\\n    return (\\n        <div>\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 code</div>\\n            <InputNumber style={{ width: 200 }} currency=\\\"CNY\\\" prefix=\\\"CNY\\\" showCurrencySymbol={false} defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 symbol</div>\\n            <InputNumber style={{ width: 200 }} currency=\\\"CNY\\\" prefix=\\\"\\uFFE5\\\" showCurrencySymbol={false} defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n            <div>\\uD83C\\uDDE8\\uD83C\\uDDF3 CNY \\u2795 name</div>\\n            <InputNumber style={{ width: 200 }} currency=\\\"CNY\\\" suffix=\\\"\\u4EBA\\u6C11\\u5E01\\\" showCurrencySymbol={false} defaultValue={defaultValue} />\\n            <br />\\n            <br />\\n        </div>\\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  }, \"\\u81EA\\u52A8\\u83B7\\u53D6\\u7126\\u70B9\"), 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  }, \"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(\"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  }, \"currency\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8D27\\u5E01\\u79CD\\u7C7B\\uFF0C\\u56FD\\u9645\\u5316\\u6A21\\u5F0F\\u4E0B\\u901A\\u8FC7 currency={true} \\u5F00\\u542F\\uFF0C\\u7EC4\\u4EF6\\u4F1A\\u81EA\\u52A8\\u6839\\u636E locale \\u5C55\\u793A\\u5BF9\\u5E94\\u8D27\\u5E01\\u79CD\\u7C7B, \\u4E5F\\u53EF\\u4EE5\\u624B\\u52A8\\u4F20\\u5165 localeCode \\u548C currency \\u6307\\u5B9A\\u5C55\\u793A\\u7684\\u8D27\\u5E01\\u79CD\\u7C7B, currency \\u7684\\u53EF\\u9009\\u503C\\u6709 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"CNY\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"EUR\"), \",\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"USD\"), \"\\u7B49\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.77.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"currencyDisplay\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8D27\\u5E01\\u5C55\\u793A\\u65B9\\u5F0F\\uFF0C\\u53EF\\u9009\\u503C\\uFF1Asymbol\\u3001code\\u3001name\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"symbol\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"2.77.0\"))), 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  }, \"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  }, \"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  }, \"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  }, \"formatter\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u8F93\\u5165\\u6846\\u5C55\\u793A\\u503C\\u7684\\u683C\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value: number\", \"|\", \"string) => 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  }, \"hideButtons\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"true\"), \" \\u65F6\\u9690\\u85CF \\u201C\\u4E0A/\\u4E0B\\u201D \\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  }, \"innerButtons\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"true\"), \" \\u65F6 \\u201C\\u4E0A/\\u4E0B\\u201D \\u6309\\u94AE\\u663E\\u793A\\u5728\\u8F93\\u5165\\u6846\\u5185\\u90E8\"), 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  }, \"keepFocus\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u70B9\\u51FB\\u6309\\u94AE\\u65F6\\u4FDD\\u6301\\u8F93\\u5165\\u6846\\u805A\\u7126\"), 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  }, \"localeCode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8D27\\u5E01\\u6A21\\u5F0F\\u4E0B\\u7528\\u4E8E\\u6307\\u5B9A\\u56FD\\u5BB6\\u5730\\u533A\\u4EE3\\u7801\\uFF0C\\u53EF\\u9009\\u503C\\u6709 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"zh-CN\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"en-US\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"en-GB\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ja-JP\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ko-KR\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ar\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"vi-VN\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ru-RU\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"id-ID\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ms-MY\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"th-TH\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tr-TR\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"pt-BR\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"zh-TW\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"es\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"de\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"it\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"fr\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ro\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"sv-SE\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"pl-PL\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"nl-NL\"), \"\\u7B49\"), 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(\"strong\", {\n    parentName: \"td\"\n  }, \"2.77.0\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"max\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9650\\u5B9A\\u6700\\u5927\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Infinity\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"min\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9650\\u5B9A\\u6700\\u5C0F\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-Infinity\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"parser\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u5B9A\\u4ECE \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"formatter\"), \" \\u91CC\\u8F6C\\u6362\\u56DE\\u6570\\u5B57\\u4E32\\u7684\\u65B9\\u5F0F\\uFF0C\\u548C \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"formatter\"), \" \\u642D\\u914D\\u4F7F\\u7528\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(str: string) => 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  }, \"precision\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6570\\u503C\\u7CBE\\u5EA6\"), 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  }, \"prefix\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F00\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\", \"|\", \"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  }, \"pressInterval\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u957F\\u6309\\u6309\\u94AE\\u65F6\\uFF0C\\u591A\\u4E45\\u89E6\\u53D1\\u4E00\\u6B21\\u70B9\\u51FB\\u4E8B\\u4EF6\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"250\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"pressTimeout\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u957F\\u6309\\u6309\\u94AE\\u65F6\\uFF0C\\u5EF6\\u8FDF\\u591A\\u4E45\\u540E\\u89E6\\u53D1\\u70B9\\u51FB\\u4E8B\\u4EF6\\uFF0C\\u5355\\u4F4D\\u6BEB\\u79D2\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"250\"), 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(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"shiftStep\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6309\\u4F4F shift \\u952E\\u6BCF\\u6B21\\u6539\\u53D8\\u6B65\\u6570\\uFF0C\\u53EF\\u4EE5\\u4E3A\\u5C0F\\u6570\\uFF0Cv2.13 \\u9ED8\\u8BA4\\u503C\\u7531 1 \\u8C03\\u6574\\u4E3A 10\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"10\"), 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\\u663E\\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  }, \"showCurrencySymbol\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u663E\\u793A\\u8D27\\u5E01\\u7B26\\u53F7/\\u4EE3\\u7801/\\u540D\\u79F0\\uFF0C\\u4EC5\\u8D27\\u5E01\\u6A21\\u5F0F\\u4E0B\\u751F\\u6548\"), 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(\"strong\", {\n    parentName: \"td\"\n  }, \"2.77.0\"))), 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\\uFF0C\\u53EF\\u9009\\u503C\\uFF1A\\\"default\\\"\", \"|\", \"\\\"small\\\"\", \"|\", \"\\\"large\\\"\"), 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  }, \"step\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6BCF\\u6B21\\u6539\\u53D8\\u6B65\\u6570\\uFF0C\\u53EF\\u4EE5\\u4E3A\\u5C0F\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"1\"), 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  }, \"CSSProperties\"), 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  }, \"\\u81EA\\u5B9A\\u4E49\\u540E\\u7F00\"), 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  }, \"value\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F53\\u524D\\u503C\"), 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  }, \"(e: domEvent) => void\"), 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  }, \"\\u53D8\\u5316\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value: number\", \"|\", \"string) => void\"), 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  }, \"(e: domEvent) => void\"), 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  }, \"onNumberChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6570\\u5B57\\u53D8\\u5316\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"(value: number) => void\"), 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  }, \"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(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53C2\\u8003\\u6807\\u51C6\\uFF1A\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/\"\n  }, \"https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"ARIA\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6570\\u5B57\\u8F93\\u5165\\u6846\\u5177\\u6709 spinbutton role\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"spinbutton \\u4F7F\\u7528 aria-valuenow \\u8868\\u793A\\u5F53\\u524D\\u503C\\uFF0Caria-valuemax \\u8868\\u793A\\u53EF\\u4EE5\\u63A5\\u53D7\\u7684\\u6700\\u5927\\u503C\\uFF0Caria-valuemin \\u8868\\u793A\\u53EF\\u4EE5\\u63A5\\u53D7\\u7684\\u6700\\u5C0F\\u503C\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5F53 InputNumber \\u5728 Form \\u4E2D\\u4F7F\\u7528\\u65F6\\uFF0C\\u8F93\\u5165\\u6846\\u7684 aria-labeledby \\u6307\\u5411 Field label\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"InputNumber \\u53EF\\u88AB\\u83B7\\u53D6\\u7126\\u70B9\\uFF0C\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u4F7F\\u7528 Tab \\u53CA Shift + Tab \\u5207\\u6362\\u7126\\u70B9\\uFF08\\u589E\\u52A0/\\u51CF\\u5C11\\u6309\\u94AE\\u4E0D\\u53EF\\u4EE5\\u88AB\\u952E\\u76D8\\u805A\\u7126\\uFF09\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u6309\\u4E0A\\u952E \\u2B06\\uFE0F \\u6216\\u4E0B\\u952E \\u2B07\\uFE0F \\uFF0C\\u8F93\\u5165\\u503C\\u5C06\\u589E\\u52A0\\u6216\\u51CF\\u5C11 step\\uFF08\\u9ED8\\u8BA4\\u503C\\u4E3A 1\\uFF09\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6309\\u4F4F Shift + \\u4E0A\\u952E \\u2B06\\uFE0F \\u6216\\u4E0B\\u952E \\u2B07\\uFE0F \\uFF0C\\u8F93\\u5165\\u503C\\u5C06\\u589E\\u52A0\\u6216\\u51CF\\u5C11 shiftStep\\uFF08\\u9ED8\\u8BA4\\u503C\\u4E3A 10\\uFF09\"))), 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/inputnumber","next":{"fields":{"slug":"en-US/input/pincode"},"id":"867ea23b-afba-5b8e-9a84-c24acc70a344","frontmatter":{"title":"PinCode","localeCode":"en-US","icon":"doc-pincode","showNew":null}},"previous":{"fields":{"slug":"en-US/input/inputnumber"},"id":"4a851a07-c056-5b95-b33d-e383594a7bf9","frontmatter":{"title":"InputNumber","localeCode":"en-US","icon":"doc-inputnumber","showNew":null}}}},"staticQueryHashes":["1348983216155057","1477422646155057","3245198693155057","417590761155057","63159454155057"]}