{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/basic/typography","result":{"data":{"current":{"frontmatter":{"title":"Typography 版式","order":24,"brief":"文字，图片，段落，数值的基本格式。","icon":"doc-typography"},"fields":{"type":"basic"},"tableOfContents":{"items":[{"url":"#使用场景","title":"使用场景"},{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#标题组件","title":"标题组件"},{"url":"#文本组件","title":"文本组件"},{"url":"#段落组件","title":"段落组件"},{"url":"#数值组件","title":"数值组件"},{"url":"#文本大小","title":"文本大小"},{"url":"#可复制文本","title":"可复制文本"},{"url":"#省略文本","title":"省略文本"}]},{"url":"#api参考","title":"API参考","items":[{"url":"#typographytext","title":"Typography.Text"},{"url":"#typographytitle","title":"Typography.Title"},{"url":"#typographyparagraph","title":"Typography.Paragraph"},{"url":"#typographynumeral","title":"Typography.Numeral"},{"url":"#ellipsis-config","title":"Ellipsis Config"},{"url":"#copyable-config","title":"Copyable Config"}]},{"url":"#文案规范","title":"文案规范"},{"url":"#设计变量","title":"设计变量"},{"url":"#faq","title":"FAQ"}]},"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\": 24,\n  \"category\": \"基础\",\n  \"title\": \"Typography 版式\",\n  \"icon\": \"doc-typography\",\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 ApiType = makeShortcode(\"ApiType\");\nvar PureA = makeShortcode(\"PureA\");\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u4F7F\\u7528\\u573A\\u666F\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5BF9\\u6587\\u7AE0\\u3001\\u535A\\u5BA2\\u3001\\u65E5\\u5FD7\\u7B49\\u7684\\u6587\\u672C\\u5185\\u5BB9\\u8FDB\\u884C\\u5C55\\u793A\\u65F6\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5BF9\\u6587\\u672C\\u8FDB\\u884C\\u590D\\u5236\\u548C\\u7701\\u7565\\u7B49\\u57FA\\u7840\\u64CD\\u4F5C\\u65F6\\u3002\"))), 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 { Typography } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6807\\u9898\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E heading \\u53EF\\u4EE5\\u5C55\\u793A\\u4E0D\\u540C\\u7EA7\\u522B\\u7684\\u6807\\u9898\\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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Title } = Typography;\\n    return (\\n        <div>\\n            <Title style={{ margin: '8px 0' }} >h1. Semi Design</Title>\\n            <Title heading={2} style={{ margin: '8px 0' }} >h2. Semi Design</Title>\\n            <Title heading={3} style={{ margin: '8px 0' }} >h3. Semi Design</Title>\\n            <Title heading={4} style={{ margin: '8px 0' }} >h4. Semi Design</Title>\\n            <Title heading={5} style={{ margin: '8px 0' }} >h5. Semi Design</Title>\\n            <Title heading={6} style={{ margin: '8px 0' }} >h6. Semi Design</Title>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u672C\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5185\\u7F6E\\u4E0D\\u540C\\u6837\\u5F0F\\u7684\\u6587\\u672C\\u3002\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"icon\"), \" \\u5C5E\\u6027\\u4F20\\u5165\\u56FE\\u6807\\uFF0C\\u8FD9\\u79CD\\u65B9\\u5F0F\\u4F20\\u5165\\u7684\\u56FE\\u6807\\u9ED8\\u8BA4\\u4E0E\\u6587\\u672C\\u6709\\u95F4\\u8DDD\\uFF0C\\u540C\\u65F6\\u5728\\u94FE\\u63A5\\u6587\\u672C\\u7684\\u60C5\\u51B5\\u4E0D\\u4F1A\\u51FA\\u73B0\\u4E0B\\u5212\\u7EBF\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Text } = Typography;\\n    return (\\n        <div>\\n            <Text>Text</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"secondary\\\">Secondary</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"tertiary\\\">{`Tertiary v>=1.2.0`}</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"quaternary\\\">{`Quaternary v>=1.2.0`}</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"warning\\\">Warning</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"danger\\\">Danger</Text>\\n            <br />\\n            <br />\\n            <Text type=\\\"success\\\">{`Success v>=1.7.0`}</Text>\\n            <br />\\n            <br />\\n            <Text disabled>Disabled</Text>\\n            <br />\\n            <br />\\n            <Text mark>Default Mark</Text>\\n            <br />\\n            <br />\\n            <Text code>Example Code</Text>\\n            <br />\\n            <br />\\n            <Text underline>Underline</Text>\\n            <br />\\n            <br />\\n            <Text delete>Deleted</Text>\\n            <br />\\n            <br />\\n            <Text strong>Strong</Text>\\n        </div>\\n    );\\n}\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u94FE\\u63A5\\u6587\\u672C\\u652F\\u6301\\u4F20\\u5165 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"object\"), \"\\uFF0C\\u5C06\\u5BF9\\u5E94\\u7684\\u5C5E\\u6027\\u6302\\u5728 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<a>\"), \" \\u6807\\u7B7E\\u4E0A\\u3002\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"v>=1.0\"), \" \\u540E\\u9ED8\\u8BA4\\u4E0D\\u518D\\u6709\\u4E0B\\u5212\\u7EBF\\uFF0C\\u53EF\\u4EE5\\u914D\\u5408 underline \\u5C5E\\u6027\\u5728 hover\\uFF0Cactive \\u6001\\u589E\\u52A0\\u4E0B\\u5212\\u7EBF\\u7684\\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 { Typography } from '@douyinfe/semi-ui';\\nimport { IconLink } from '@douyinfe/semi-icons';\\n\\nfunction Demo() {\\n    const { Text } = Typography;\\n    return (\\n        <div>\\n            <Text link={{ href: 'https://semi.design/' }}>\\u94FE\\u63A5\\u6587\\u672C</Text>\\n            <br />\\n            <br />\\n            <Text link={{ href: 'https://semi.design/' }}>\\u6253\\u5F00\\u7F51\\u7AD9</Text>\\n            <br />\\n            <br />\\n            <Text link icon={<IconLink />} underline>\\u5E26\\u4E0B\\u5212\\u7EBF\\u7684\\u7F51\\u9875\\u94FE\\u63A5</Text>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6BB5\\u843D\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u6BB5\\u843D\\u7EC4\\u4EF6\\u62E5\\u6709\\u4E24\\u79CD\\u884C\\u8DDD\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"spacing='extended'\"), \" \\u4F7F\\u7528\\u66F4\\u5BBD\\u677E\\u7684\\u884C\\u8DDD\\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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Paragraph, Title } = Typography;\\n    return (\\n        <div>\\n            <Title heading={5}>\\u9ED8\\u8BA4\\u884C\\u8DDD</Title>\\n            <Paragraph>\\n                Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br />\\n            <Title heading={5}>\\u5BBD\\u677E\\u884C\\u8DDD</Title>\\n            <Paragraph spacing=\\\"extended\\\">\\n                Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6570\\u503C\\u7EC4\\u4EF6\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Numeral \\u7EC4\\u4EF6\\u5728Text\\u7EC4\\u4EF6\\u7684\\u57FA\\u7840\\u4E0A\\uFF0C\\u6DFB\\u52A0\\u4E86\\u5C5E\\u6027: \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"rule\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"precision\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"truncate\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"parser\"), \", \\u4EE5\\u63D0\\u4F9B\\u9700\\u8981\\u5355\\u72EC\\u5904\\u7406\\u6587\\u672C\\u4E2D\\u6570\\u503C\\u7684\\u80FD\\u529B\\u3002\"), mdx(Notice, {\n    title: \"\\u6CE8\\u610F\",\n    mdxType: \"Notice\"\n  }, \"Numeral \\u7EC4\\u4EF6\\u4F1A\\u9012\\u5F52\\u904D\\u5386 Children \\u68C0\\u6D4B\\u5176\\u4E2D\\u6240\\u6709\\u7684\\u6570\\u5B57\\u6587\\u672C\\u8FDB\\u884C\\u8F6C\\u6362\\u5C55\\u793A\\uFF0C\\u8BF7\\u6CE8\\u610F\\u63A7\\u5236\\u6E32\\u67D3\\u7ED3\\u6784\\u5C42\\u7EA7\\uFF1B\", mdx(\"br\", null), \"\\u5BF9\\u4E8E rule \\u4E3A percentage \\u7684 Numeral \\u7EC4\\u4EF6\\uFF0C\\u6570\\u636E\\u5904\\u7406\\u89C4\\u5219\\u6709\\u53D8\\u5316\\u3002\\u5728 \", mdx(\"strong\", null, \"v2.22.0-v2.29.0\"), \" \\u4E2D\\uFF0C\\u5BF9\\u4E8E\\u7EDD\\u5BF9\\u503C\\u5927\\u4E8E\\u7B49\\u4E8E 1 \\u7684 num\\uFF0C\\u7ED3\\u679C\\u4E3A num%\\uFF1B \\u5BF9\\u4E8E\\u7EDD\\u5BF9\\u503C\\u5C0F\\u4E8E\\u7B49\\u4E8E 1 \\u7684 num\\uFF0C\\u7ED3\\u679C\\u4E3A (num*100)%\\u3002\\u5728 \", mdx(\"strong\", null, \"v2.30.0\"), \" \\u7248\\u672C\\u53CA\\u4E4B\\u540E\\u7EDF\\u4E00\\u4E3A (num*100)%\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"precision\"), \" \\u53EF\\u4EE5\\u8BBE\\u7F6E\\u5C0F\\u6570\\u70B9\\u540E\\u4FDD\\u7559\\u4F4D\\u6570, \\u7528\\u4E8E\\u8BBE\\u7F6E\\u7CBE\\u5EA6\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"truncate\"), \"  \\u5C0F\\u6570\\u70B9\\u540E\\u4FDD\\u7559\\u4F4D\\u622A\\u6BB5\\u53D6\\u6574\\u65B9\\u5F0F\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ceil\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"floor\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"round\"), \"\\uFF0C\\u4F5C\\u7528\\u4E0E  Math.ceil\\u3001Math.floor\\u3001Math.round \\u5BF9\\u9F50\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"rule\"), \"  \\u7528\\u4E8E\\u8BBE\\u7F6E\\u89E3\\u6790\\u89C4\\u5219  \"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"percentages\"), \" \\u4F1A\\u5C06\\u6570\\u5B57\\u81EA\\u52A8\\u8F6C\\u6362\\u4E3A\\u767E\\u5206\\u6BD4\\u5F62\\u5F0F\\u5C55\\u793A\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"bytes-decimal\"), \" \\u4F1A\\u5C06\\u6570\\u5B57\\u81EA\\u52A8\\u6362\\u7B97\\u4E3A\\u5B57\\u8282\\u5BF9\\u5E94\\u7684\\u5355\\u4F4D\\u5C55\\u793A\\uFF0C 1 KB \\u5B9A\\u4E49\\u4E3A\\u7B49\\u4E8E 1000 \\u5B57\\u8282\\uFF0C\\uFF08B, KB, MB, GB, TB, PB, EB, ZB, YB\\uFF09\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"bytes-binary\"), \" \\u4F1A\\u5C06\\u6570\\u5B57\\u81EA\\u52A8\\u6362\\u7B97\\u4E3A\\u5B57\\u8282\\u5BF9\\u5E94\\u7684\\u5355\\u4F4D\\u5C55\\u793A\\uFF0C1 KiB \\u5B9A\\u4E49\\u4E3A\\u7B49\\u4E8E 1024\\u5B57\\u8282\\uFF0C\\uFF08B, KiB, MiB, GiB, TiB, PiB, EiB, ZiB, YiB\\uFF09\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"text\"), \"\\u65F6\\uFF0C\\u4EC5\\u81EA\\u52A8\\u5BF9\\u6570\\u5B57\\u8FDB\\u884C\\u53D6\\u6574\\uFF0C\\u6839\\u636E \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"precision\"), \" \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"truncate\"), \" \\u5C5E\\u6027\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"numbers\"), \"\\u65F6\\uFF0C\\u4F1A\\u5C06\\u975E\\u6570\\u5B57\\u5B57\\u7B26\\u8FDB\\u884C\\u8FC7\\u6EE4\\uFF0C\\u4EC5\\u5C55\\u793A\\u6570\\u5B57\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u8BBE\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"exponential\"), \" \\u65F6,\\u4F1A\\u5C06\\u6570\\u5B57\\u81EA\\u52A8\\u8F6C\\u6362\\u4E3A\\u79D1\\u5B66\\u8BA1\\u6570\\u6CD5\\u5F62\\u5F0F\\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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Numeral } = Typography;\\n    return (\\n        <div>\\n            <Numeral precision={1}>\\n                <p>\\u70B9\\u8D5E\\u91CF\\uFF1A1.6111e1 K</p>\\n            </Numeral>\\n            \\n            <p>\\n                \\u64AD\\u653E\\u91CF:\\n                <Numeral rule=\\\"numbers\\\" precision={1}>\\n                    2.4444e2\\n                </Numeral>\\n                K\\n            </p>\\n            \\n            <Numeral rule=\\\"percentages\\\" precision={2} style={{ marginBottom: 12 }}>\\n                <p>\\u597D\\u8BC4\\u7387: 0.915</p>\\n            </Numeral>\\n\\n            <Numeral rule=\\\"percentages\\\" style={{ marginBottom: 12 }}>\\n                \\u8FD9\\u573A\\u6BD4\\u8D5B\\u6211\\u7684\\u80DC\\u7387\\u662F0.6\\uFF0C\\u8F93\\u7684\\u6982\\u7387\\u662F0.4\\n            </Numeral>\\n\\n            <Numeral rule=\\\"bytes-decimal\\\" precision={2} truncate=\\\"floor\\\">\\n                <p>\\u5DF2\\u4F7F\\u7528: 1000</p>\\n                <p>\\u672A\\u4F7F\\u7528: {1024*1000}</p> \\n            </Numeral>\\n            \\n            <Numeral rule=\\\"bytes-binary\\\" precision={2} truncate=\\\"floor\\\">\\n                <p>\\u5DF2\\u4F7F\\u7528: 1024</p>\\n                <p>\\u672A\\u4F7F\\u7528: {2e12}</p>\\n            </Numeral>\\n        </div>\\n    );\\n}\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"parser\"), \" \\u81EA\\u5B9A\\u4E49\\u89E3\\u6790\\u89C4\\u5219\"), 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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Numeral } = Typography;\\n\\n    function parserTCH(oldVal) {\\n        return oldVal.split(' ').map(item =>\\n            Number(item) ? `${item.replace(/(\\\\d)(?=(?:\\\\d{3})+(?:\\\\.|$))/g, '$1,')}+` : item\\n        ).join(' ');\\n    }\\n\\n    function Infos() {\\n        const data = [\\n            { type: 'Stars', min: '7100' },\\n            { type: 'Fork', min: '560' },\\n            { type: 'Downloads', min: '5000000' },\\n            { type: 'Contributors', min: '100' }\\n        ];\\n        return data.map(item =>\\n            <p key={item.min}>\\n                {item.type}\\uFF1A\\n                <b style={{ color: 'rgba(var(--semi-violet-5),1)' }}>\\n                    {item.min}\\n                </b>\\n            </p>\\n        );\\n    }\\n\\n    return (\\n        <div>\\n            <Numeral parser={parserTCH} component=\\\"div\\\">\\n                Semi Design \\u91CD\\u89C6\\u6211\\u4EEC\\u7684\\u7528\\u6237\\uFF0C\\u52A0\\u5165\\u5E76\\u52A9\\u529B\\u6211\\u4EEC\\u4E0D\\u65AD\\u5B8C\\u5584\\n                {Infos}\\n            </Numeral>\\n            <br />\\n            <Numeral link={{ href: 'https://semi.design', target: '_blank' }} parser={parserTCH}>\\n                \\u73B0\\u5DF2\\u670D\\u52A1 {1e5} \\u7528\\u6237\\uFF0C\\u524D\\u5F80\\u5B98\\u7F51 &gt;&gt;\\n            </Numeral>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u672C\\u5927\\u5C0F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u6BB5\\u843D\\u7EC4\\u4EF6\\u548C\\u6587\\u672C\\u7EC4\\u4EF6\\u652F\\u6301\\u4E24\\u79CD\\u5C3A\\u5BF8\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"small\"), \"\\uFF0812px\\uFF09 \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"normal\"), \"\\uFF0814px\\uFF09 \\u548C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"inherit\"), \"\\uFF0C\\u9ED8\\u8BA4\\u4E3A\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"normal\"), \"\\u3002\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u5F53\\u6BB5\\u843D\\u7EC4\\u4EF6\\u6216\\u8005\\u6587\\u672C\\u7EC4\\u4EF6\\u5D4C\\u5957\\u4F7F\\u7528\\u65F6\\u5019\\uFF0C\\u8BBE\\u7F6E\\u5185\\u5C42\\u7EC4\\u4EF6\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"size\"), \" \\u5C5E\\u6027\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"inherit\"), \"\\uFF0C\\u5185\\u5C42\\u7EC4\\u4EF6\\u7684 size \\u5C06\\u7EE7\\u627F\\u5916\\u5C42\\u7EC4\\u4EF6\\u7684\\u5C3A\\u5BF8\\u8BBE\\u7F6E\\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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Paragraph, Text } = Typography;\\n    return (\\n        <div>\\n            <Text>\\u6B63\\u5E38\\u6587\\u672C</Text>\\n            <Paragraph spacing=\\\"extended\\\">\\n                Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br />\\n            <Text size='small'>\\u5C0F\\u6587\\u672C</Text>\\n            <Paragraph size='small'>\\n                Semi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br />\\n            <Text size=\\\"small\\\">\\u8FD9\\u662F\\u4E00\\u6BB5\\u6587\\u672C\\uFF0C\\u6837\\u5F0F\\u4E3A small\\n                <Text link size=\\\"inherit\\\">\\u8FD9\\u662F\\u4E00\\u6BB5\\u94FE\\u63A5\\uFF0C\\u8BBE\\u7F6E size \\u4E3A inherit \\u7EE7\\u627F\\u5916\\u90E8\\u6837\\u5F0F\\u8BBE\\u7F6E</Text>\\n            </Text>\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u590D\\u5236\\u6587\\u672C\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u53EF\\u901A\\u8FC7\\u914D\\u7F6E copyable \\u5C5E\\u6027\\u652F\\u6301\\u6587\\u672C\\u7684\\u590D\\u5236\\u3002\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u5F53 copyable \\u914D\\u7F6E\\u4E3A true\\u65F6\\uFF0C\\u9ED8\\u8BA4\\u590D\\u5236\\u5185\\u5BB9\\u4E3A children \\u672C\\u8EAB\\uFF0C\\u6CE8\\u610F\\uFF0C\\u6B64\\u65F6 children \\u53EA\\u652F\\u6301 string\\u7C7B\\u578B\\u4F20\\u5165\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u5F53 copyable \\u914D\\u7F6E\\u4E3A object \\u65F6\\uFF0C\\u53EF\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"copyable.content\"), \" \\u6307\\u5B9A\\u590D\\u5236\\u81F3\\u7C98\\u8D34\\u677F\\u7684\\u5185\\u5BB9\\uFF0C\\u4E0E children \\u4E0D\\u518D\\u5F3A\\u5173\\u8054\\uFF0C \\u6B64\\u65F6 children \\u5C06\\u4E0D\\u518D\\u9650\\u5B9A\\u7C7B\\u578B\\uFF0C\\u4F46 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"copyable.content\"), \" \\u4ECD\\u9700\\u8981\\u4E3A string\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"copyable.render\"), \" \\u5C5E\\u6027\\uFF0C\\u81EA\\u5B9A\\u4E49\\u590D\\u5236\\u6309\\u94AE\\u7684\\u6E32\\u67D3\\u903B\\u8F91\"), 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 { Typography, TextArea, Button } from '@douyinfe/semi-ui';\\nimport { IconSetting } from '@douyinfe/semi-icons';\\n\\nfunction Demo() {\\n    const { Paragraph, Text, Numeral } = Typography;\\n\\n    return (\\n        <div>\\n            <Paragraph copyable>\\u70B9\\u51FB\\u53F3\\u8FB9\\u7684\\u56FE\\u6807\\u590D\\u5236\\u6587\\u672C\\u3002</Paragraph>\\n            <Paragraph copyable={{ content: 'Hello, Semi Design!' }}>\\u70B9\\u51FB\\u590D\\u5236\\u6587\\u672C\\u3002</Paragraph>\\n            <Paragraph copyable={{ onCopy: () => Toast.success({ content: '\\u590D\\u5236\\u6587\\u672C\\u6210\\u529F' }) }}>\\u70B9\\u51FB\\u53F3\\u8FB9\\u7684\\u56FE\\u6807\\u590D\\u5236\\u6587\\u672C\\u3002</Paragraph>\\n            \\u65F6\\u95F4\\u6233: <Numeral truncate=\\\"ceil\\\" copyable underline>{new Date().getTime()/1000}s</Numeral>\\n            <Paragraph copyable={{ icon: <IconSetting style={{ color: 'var(--semi-color-link)' }}/> }}>\\u81EA\\u5B9A\\u4E49\\u590D\\u5236\\u8282\\u70B9</Paragraph>\\n            <Paragraph copyable={{\\n                content: 'Custom render!',\\n                render: (copied, doCopy, config) => {\\n                    return (\\n                        <Button size=\\\"small\\\" onClick={doCopy}>\\n                            <span>{copied ? '\\u590D\\u5236\\u6210\\u529F' : `\\u70B9\\u51FB\\u590D\\u5236:${config.content}`}</span>\\n                        </Button>\\n                    );\\n                }\\n            }}>\\n                \\u81EA\\u5B9A\\u4E49\\u590D\\u5236\\u6E32\\u67D3\\n            </Paragraph>\\n            <br/>\\n            <br/>\\n            <Text type=\\\"secondary\\\">\\u7C98\\u8D34\\u533A\\u57DF\\uFF1A</Text>\\n            <br/>\\n            <TextArea autosize style={{ width: 320, marginTop: 4 }} rows={3} />\\n        </div>\\n    );\\n}\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u7701\\u7565\\u6587\\u672C\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u652F\\u6301\\u6587\\u672C\\u7684\\u7701\\u7565\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ellipsis\"), \" \\u914D\\u7F6E\\u76F8\\u5173\\u53C2\\u6570\\uFF0C\\u5177\\u4F53\\u53C2\\u8003 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#Ellipsis-Config\"\n  }, \"Ellipsis Config\"), \"\\u3002\"), mdx(Notice, {\n    title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n    mdxType: \"Notice\"\n  }, \"1. ellipsis \\u4EC5\\u652F\\u6301\\u7EAF\\u6587\\u672C\\u7684\\u622A\\u65AD\\uFF0C\\u4E0D\\u652F\\u6301 reactNode \\u7B49\\u590D\\u6742\\u7C7B\\u578B\\uFF0C\\u8BF7\\u786E\\u4FDD children \\u4F20\\u5165\\u5185\\u5BB9\\u7C7B\\u578B\\u4E3A string \", mdx(\"br\", null), \"2. ellipsis \\u8981\\u5B9E\\u73B0\\u7F29\\u7565\\uFF0C\\u9700\\u8981\\u6709\\u660E\\u786E\\u7684 width\\u6216 maxWidth \\u5BBD\\u5EA6\\u9650\\u5236\\u505A\\u5BF9\\u6BD4\\u5224\\u65AD\\u3002\\u82E5\\u81EA\\u8EAB\\u672A\\u8BBE\\u7F6E\\u5BBD\\u5EA6\\uFF08\\u4F8B\\u5982\\u7EAF\\u4F9D\\u9760 flex \\u5C5E\\u6027\\u6491\\u5F00\\uFF09\\uFF0C\\u6216 width\\u4E3A 100% \\u7B49\\u4E0D\\u5B9A\\u6570\\u503C\\uFF0C\\u90A3\\u4E48\\u7236\\u7EA7\\u9700\\u8981\\u6709\\u660E\\u786E\\u7684 width\\u6216 maxWidth \", mdx(\"br\", null), \"3. ellipsis \\u9700\\u8981\\u83B7\\u53D6 DOM \\u7684\\u5BBD\\u9AD8\\u5EA6\\u7B49\\u4FE1\\u606F\\u7528\\u4EE5\\u505A\\u57FA\\u672C\\u5224\\u65AD\\uFF0C\\u82E5\\u81EA\\u8EAB\\u6216\\u7236\\u7EA7\\u5B58\\u5728 display:none \\u6837\\u5F0F\\u4F1A\\u5BFC\\u81F4\\u53D6\\u503C\\u4E0D\\u6B63\\u786E\\uFF0C\\u6B64\\u65F6\\u7F29\\u7565\\u4F1A\\u5931\\u6548\", mdx(\"br\", null), \"4. \\u7701\\u7565\\u6587\\u672C\\u7684\\u8BA1\\u7B97\\uFF0C\\u5206\\u4E3ACSS \\u622A\\u65AD\\u548C JS \\u622A\\u65AD\\uFF0C\\u5F3A\\u4F9D\\u8D56 DOM \\u5143\\u7D20\\u7684\\u76F8\\u5173\\u72B6\\u6001\\u83B7\\u53D6\\u3002\\u5728\\u7ED3\\u6784\\u590D\\u6742\\u7684\\u9875\\u9762\\uFF0C\\u5927\\u91CF\\u4F7F\\u7528 Typography \\u53EF\\u80FD\\u4F1A\\u5BFC\\u81F4\\u8FC7\\u591A\\u7684 reflow \\u91CD\\u6392\\uFF0C\\u5EFA\\u8BAE\\u9009\\u62E9\\u5408\\u9002\\u7684\\u7701\\u7565\\u65B9\\u5F0F\\u907F\\u514D\\u9020\\u6210\\u6027\\u80FD\\u8D1F\\u62C5\\u3002\\u66F4\\u591A\\u4FE1\\u606F\\u89C1 \", mdx(\"a\", {\n    href: \"#faq\"\n  }, \"FAQ\")), 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 { Typography, Tooltip } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Paragraph, Title, Text } = Typography;\\n    const customRenderTooltip = useCallback((content, children) => {\\n        return <Tooltip content={content} style={{ backgroundColor: 'var(--semi-color-primary)' }}>{children}</Tooltip>;\\n    }, []);\\n\\n    return (\\n        <div>\\n            <Title heading={5} ellipsis={{ showTooltip: true }} style={{ width: 250 }}>\\n                \\u662F\\u4E00\\u4E2A\\u5F88\\u957F\\u5F88\\u957F\\u5F88\\u957F\\u5F88\\u957F5\\u53F7\\u6807\\u9898\\n            </Title>\\n            <br />\\n            <Text \\n                ellipsis={{ \\n                    showTooltip: {\\n                        opts: { content: '\\u8FD9\\u662F\\u81EA\\u5B9A\\u4E49\\u8981\\u5C55\\u793A\\u7684\\u5185\\u5BB9' }\\n                    }\\n                }}\\n                style={{ width: 150 }}\\n            >\\n                \\u53EF\\u4EE5\\u81EA\\u5B9A\\u4E49\\u6D6E\\u5C42\\u91CC\\u7684\\u5C55\\u793A\\u5185\\u5BB9\\u8BD5\\u8BD5\\u770B\\u5427\\n            </Text>\\n            <br/>\\n            {/* link\\u8FD8\\u53EF\\u4EE5\\u4F20\\u5165object\\uFF0C\\u5982link={{ href: 'https://semi.design/zh-CN/basic/typography', target: '_blank' }} */}\\n            <Text link ellipsis={{ showTooltip: true, pos: 'middle' }} style={{ width: 150 }}>\\n                \\u662F\\u4E00\\u4E2A\\u5F88\\u957F\\u5F88\\u957F\\u5F88\\u957F\\u5F88\\u957F\\u7684\\u94FE\\u63A5\\n            </Text>\\n            <br/>\\n            <Paragraph ellipsis={{ suffix: '\\u5C0F\\u5C3E\\u5DF4' }} style={{ width: 300 }}>\\n                \\u6709\\u540E\\u7F00\\u7684\\u60C5\\u51B5\\uFF1ASemi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\n            </Paragraph>\\n            <br/>\\n            <Paragraph ellipsis={{ rows: 3 }} style={{ width: 300 }}>\\n                \\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u884C\\u622A\\u65AD\\u7684\\u4F8B\\u5B50\\uFF1ASemi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br/>\\n            <Paragraph ellipsis={{ rows: 3, showTooltip: { type: 'popover', opts: { style: { width: 300 } } } }} style={{ width: 300 }}>\\n                \\u591A\\u884C\\u622A\\u65AD\\uFF0C\\u5C55\\u793A Popover\\uFF1ASemi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br/>\\n            <Paragraph ellipsis={{ rows: 3, expandable: true, collapsible: true, collapseText: '\\u6298\\u53E0\\u6211\\u5427', onExpand: (bool, e) => console.log(bool, e) }} style={{ width: 300 }}>\\n                \\u652F\\u6301\\u5C55\\u5F00\\u548C\\u6298\\u53E0\\uFF1ASemi Design \\u662F\\u7531\\u6296\\u97F3\\u524D\\u7AEF\\u56E2\\u961F\\u4E0E UED \\u56E2\\u961F\\u5171\\u540C\\u8BBE\\u8BA1\\u5F00\\u53D1\\u5E76\\u7EF4\\u62A4\\u7684\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u3002\\u8BBE\\u8BA1\\u7CFB\\u7EDF\\u5305\\u542B\\u8BBE\\u8BA1\\u8BED\\u8A00\\u4EE5\\u53CA\\u4E00\\u6574\\u5957\\u53EF\\u590D\\u7528\\u7684\\u524D\\u7AEF\\u7EC4\\u4EF6\\uFF0C\\u5E2E\\u52A9\\u8BBE\\u8BA1\\u5E08\\u4E0E\\u5F00\\u53D1\\u8005\\u66F4\\u5BB9\\u6613\\u5730\\u6253\\u9020\\u9AD8\\u8D28\\u91CF\\u7684\\u3001\\u7528\\u6237\\u4F53\\u9A8C\\u4E00\\u81F4\\u7684\\u3001\\u7B26\\u5408\\u8BBE\\u8BA1\\u89C4\\u8303\\u7684 Web \\u5E94\\u7528\\u3002\\n            </Paragraph>\\n            <br/>\\n            <Text \\n                ellipsis={{ \\n                    showTooltip: {\\n                        opts: { content: '\\u5168\\u82F1\\u6587\\u8BBE\\u7F6E\\u4E86word-break' }\\n                    },\\n                    pos: 'middle'\\n                }}\\n                style={{ width: 150, wordBreak: 'break-word' }}\\n            >\\n                sssssssssssssssssssssssss\\n            </Text>\\n            <br/><br/>\\n            <Title \\n                heading={5} \\n                ellipsis={{ \\n                    showTooltip: {\\n                        renderTooltip: customRenderTooltip\\n                    }\\n                }} \\n                style={{ width: 250 }}\\n            >\\n                \\u8FD9\\u662F\\u4E00\\u4E2A\\u81EA\\u5B9A\\u4E49\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\\u7684\\u7701\\u7565\\u6587\\u672C\\uFF0C\\u80CC\\u666F\\u8272\\u662F\\u84DD\\u8272\\n            </Title>\\n        </div>\\n    );\\n}\\n\")), mdx(Notice, {\n    type: \"primary\",\n    title: \"\\u6CE8\\u610F\\u4E8B\\u9879\",\n    mdxType: \"Notice\"\n  }, mdx(\"div\", null, \"\\u5F53\\u53D1\\u751F\\u8D85\\u957F\\u6587\\u672C\\u5728\\u5F39\\u51FA\\u7684 tooltip \\u6CA1\\u6709\\u6362\\u884C\\u65F6\\uFF0C\\u53EF\\u901A\\u8FC7\\u624B\\u52A8\\u8BBE\\u7F6E\\u4E00\\u4E0B \", mdx(\"a\", {\n    href: \"https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-break\",\n    target: \"_blank\",\n    rel: \"noopener noreferrer\"\n  }, \"word-break\"), \" \\u6216\\u8005 \", mdx(\"a\", {\n    href: \"https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap\",\n    target: \"_blank\",\n    rel: \"noopener noreferrer\"\n  }, \"word-wrap\"), \" \\u7B49\\u6362\\u884C\\u76F8\\u5173\\u5C5E\\u6027\\u8FDB\\u884C\\u8C03\\u6574, \\u66F4\\u591A\\u7EC6\\u8282\\u53EF\\u67E5\\u770B Tooltip \\u7684 FAQ \\u90E8\\u5206\")), 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 { Typography } from '@douyinfe/semi-ui';\\n\\nfunction Demo() {\\n    const { Text } = Typography;\\n\\n    return (\\n        <div>\\n            <Text \\n                ellipsis={{ \\n                    showTooltip: {\\n                        opts: { content: '\\u67B6\\u6784|Semi-inf|graph.cheet.relation' }\\n                    }\\n                }}\\n                style={{ width: 150 }}\\n            >\\n                \\u6709\\u95EE\\u9898\\u7684\\u8D85\\u957F\\u6587\\u672C\\u53D1\\u751F\\u622A\\u65AD\\u65F6\\u53EF\\u6309\\u9700\\u8FDB\\u884C\\u81EA\\u5B9A\\u4E49\\u914D\\u7F6E\\n            </Text>\\n            <br />\\n            <Text \\n                ellipsis={{ \\n                    showTooltip: {\\n                        opts: { content: '\\u67B6\\u6784|Semi-inf|graph.cheet.relation', className: 'components-typography-demo' }\\n                    }\\n                }}\\n                style={{ width: 150 }}\\n            >\\n                \\u8986\\u76D6\\u7C7B\\u540D\\u8D85\\u957F\\u6587\\u672C\\u53D1\\u751F\\u622A\\u65AD\\u65F6\\u53EF\\u4F7F\\u7528\\u7C7B\\u540D\\u8986\\u76D6\\u8FDB\\u884C\\u81EA\\u5B9A\\u4E49\\u914D\\u7F6E\\n            </Text>\\n            <br />\\n            <Text \\n                ellipsis={{\\n                    showTooltip: {\\n                        opts: { content: '\\u67B6\\u6784|Semi-inf|graph.cheet.relation', style: { wordBreak: 'break-all' } }\\n                    }\\n                }}\\n                style={{ width: 150 }}\\n            >\\n                \\u8986\\u76D6style\\u8D85\\u957F\\u6587\\u672C\\u53D1\\u751F\\u622A\\u65AD\\u65F6\\u53EF\\u4F7F\\u7528style\\u8FDB\\u884C\\u81EA\\u5B9A\\u4E49\\u914D\\u7F6E\\n            </Text>\\n        </div>\\n    );\\n}\\n\")), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-scss\"\n  }, \"// \\u6309\\u9700\\u914D\\u7F6E word-break\\n\\n.components-typography-demo {\\n    word-break: break-word;\\n    // \\u6216\\n    word-break: break-all;\\n}\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"API\\u53C2\\u8003\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Typography.Text\"), 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  }, \"component\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5143\\u7D20\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"html element\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"span\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"code\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u88AB \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"code\"), \" \\u5143\\u7D20\\u5305\\u88F9\"), 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  }, \"copyable\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u53EF\\u62F7\\u8D1D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean \", \"|\", \" object:\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"#Copyable-Config\"\n  }, \"Copyable Config\")), 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  }, \"delete\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u5220\\u9664\\u7EBF\\u6837\\u5F0F\"), 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  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\\u6587\\u672C\"), 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  }, \"ellipsis\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u81EA\\u52A8\\u6EA2\\u51FA\\u7701\\u7565\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object:Ellipsis Config\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"icon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F00\\u56FE\\u6807\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"link\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u4E3A\\u94FE\\u63A5\\uFF0C\\u4F20object\\u65F6\\uFF0C\\u5C5E\\u6027\\u5C06\\u900F\\u4F20\\u7ED9a\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object\"), 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  }, \"mark\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u6807\\u8BB0\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u672C\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"small\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"inherit\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"strong\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u52A0\\u7C97\"), 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  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u672C\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"secondary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"warning\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"danger\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tertiary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"quaternary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"success\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.7.0\"), \")\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"underline\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u4E0B\\u5212\\u7EBF\\u6837\\u5F0F\"), 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  }, \"weight\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u5B57\\u91CD\"), 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  }, \"2.34.0\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Typography.Title\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"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  }, \"component\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5143\\u7D20\\uFF0C\\u9ED8\\u8BA4\\u7531 heading \\u51B3\\u5B9A\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"html element\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"h1~h6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"copyable\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u53EF\\u62F7\\u8D1D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean \", \"|\", \" object:\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"#Copyable-Config\"\n  }, \"Copyable Config\")), 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  }, \"delete\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u5220\\u9664\\u7EBF\\u6837\\u5F0F\"), 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  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\\u6587\\u672C\"), 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  }, \"ellipsis\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u81EA\\u52A8\\u6EA2\\u51FA\\u7701\\u7565\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object:Ellipsis Config\"), 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  }, \"heading\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6807\\u9898\\u7EA7\\u522B\\uFF0C\\u53EF\\u90091\\uFF0C 2\\uFF0C 3\\uFF0C4\\uFF0C5\\uFF0C6\\uFF0C\\u5BF9\\u5E94\\u76F8\\u5E94\\u7684\\u6807\\u9898\"), 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  }, \"link\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u4E3A\\u94FE\\u63A5\\uFF0C\\u4F20object\\u65F6\\uFF0C\\u5C5E\\u6027\\u5C06\\u900F\\u4F20\\u7ED9a\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object\"), 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  }, \"mark\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u6807\\u8BB0\\u6837\\u5F0F\"), 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  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u672C\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"secondary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"warning\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"danger\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tertiary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"quaternary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"success\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.7.0\"), \")\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"underline\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u4E0B\\u5212\\u7EBF\\u6837\\u5F0F\"), 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  }, \"weight\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u5B57\\u91CD, \\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"light\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"regular\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"medium\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"semibold\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"bold\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"default\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string, number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.34.0\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Typography.Paragraph\"), 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  }, \"component\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5143\\u7D20\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"html element\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"p\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"copyable\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u53EF\\u62F7\\u8D1D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean \", \"|\", \" object:\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"#Copyable-Config\"\n  }, \"Copyable Config\")), 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  }, \"delete\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u5220\\u9664\\u7EBF\\u6837\\u5F0F\"), 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  }, \"disabled\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7981\\u7528\\u6587\\u672C\"), 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  }, \"ellipsis\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u81EA\\u52A8\\u6EA2\\u51FA\\u7701\\u7565\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object:Ellipsis Config\"), 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  }, \"link\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u4E3A\\u94FE\\u63A5\\uFF0C\\u4F20object\\u65F6\\uFF0C\\u5C5E\\u6027\\u5C06\\u900F\\u4F20\\u7ED9a\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object\"), 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  }, \"mark\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u6807\\u8BB0\\u6837\\u5F0F\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u672C\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"small\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"spacing\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u884C\\u8DDD\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"extended\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"strong\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u52A0\\u7C97\"), 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  }, \"type\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6587\\u672C\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"secondary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"warning\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"danger\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tertiary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"quaternary\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.2.0\"), \"), \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"success\"), \"(\", mdx(\"strong\", {\n    parentName: \"td\"\n  }, \"v>=1.7.0\"), \")\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"underline\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u4E0B\\u5212\\u7EBF\\u6837\\u5F0F\"), 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(\"h3\", {\n    parentName: \"section\"\n  }, \"Typography.Numeral\"), 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  }, \"rule\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u89E3\\u6790\\u89C4\\u5219\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"text\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"numbers\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"bytes-decimal\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"bytes-binary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"percentages\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"exponential\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"text\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), 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  }, \"\\u53EF\\u4EE5\\u8BBE\\u7F6E\\u5C0F\\u6570\\u70B9\\u540E\\u4FDD\\u7559\\u4F4D\\u6570, \\u7528\\u4E8E\\u8BBE\\u7F6E\\u7CBE\\u5EA6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"0\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"truncate\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C0F\\u6570\\u70B9\\u540E\\u4FDD\\u7559\\u4F4D\\u622A\\u6BB5\\u53D6\\u6574\\u65B9\\u5F0F\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"ceil\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"floor\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"round\"), \"\\uFF0C\\u4F5C\\u7528\\u4E0E  Math.ceil\\u3001Math.floor\\u3001Math.round \\u5BF9\\u9F50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"round\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), 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  }, \"\\u81EA\\u5B9A\\u4E49\\u6570\\u503C\\u89E3\\u6790\\u51FD\\u6570\"), 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  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"component\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5143\\u7D20\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"html element\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"span\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"code\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u88AB \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"code\"), \" \\u5143\\u7D20\\u5305\\u88F9\"), 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  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"copyable\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u53EF\\u62F7\\u8D1D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean \", \"|\", \" object:\", mdx(\"a\", {\n    parentName: \"td\",\n    \"href\": \"#Copyable-Config\"\n  }, \"Copyable Config\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"delete\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u5220\\u9664\\u7EBF\\u6837\\u5F0F\"), 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  }, \"2.22.0\")), 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\\u6587\\u672C\"), 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  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ellipsis\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u8BBE\\u7F6E\\u81EA\\u52A8\\u6EA2\\u51FA\\u7701\\u7565\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \" object:Ellipsis Config\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"icon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u524D\\u7F00\\u56FE\\u6807\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"link\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u4E3A\\u94FE\\u63A5\\uFF0C\\u4F20object\\u65F6\\uFF0C\\u5C5E\\u6027\\u5C06\\u900F\\u4F20\\u7ED9a\\u6807\\u7B7E\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"false\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"mark\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u6807\\u8BB0\\u6837\\u5F0F\"), 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  }, \"2.22.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  }, \"\\u6587\\u672C\\u5927\\u5C0F\\uFF0C\\u53EF\\u9009\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\"), \"\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"small\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"normal\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"strong\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u52A0\\u7C97\"), 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  }, \"2.22.0\")), 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  }, \"\\u6587\\u672C\\u7C7B\\u578B\\uFF0C\\u53EF\\u9009 \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"secondary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"warning\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"danger\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"tertiary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"quaternary\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"success\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"primary\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.22.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"underline\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6DFB\\u52A0\\u4E0B\\u5212\\u7EBF\\u6837\\u5F0F\"), 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  }, \"2.22.0\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Ellipsis Config\"), 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  }, \"collapseText\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6298\\u53E0\\u7684\\u5C55\\u793A\\u6587\\u672C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"\\u6536\\u8D77\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"collapsible\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u652F\\u6301\\u6298\\u53E0\"), 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  }, \"expandText\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C55\\u5F00\\u7684\\u5C55\\u793A\\u6587\\u672C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"\\u5C55\\u5F00\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"expandable\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u652F\\u6301\\u5C55\\u5F00\"), 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  }, \"pos\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u7701\\u7565\\u622A\\u65AD\\u7684\\u4F4D\\u7F6E\\uFF0C\\u652F\\u6301\\u672B\\u5C3E\\u548C\\u4E2D\\u95F4\\u622A\\u65AD\\uFF1A\", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"end\"), \", \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"middle\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"end\"))), 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  }, \"\\u7701\\u7565\\u6EA2\\u51FA\\u884C\\u6570\"), 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  }, \"showTooltip\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5C55\\u793A tooltip \\u53CA\\u76F8\\u5173\\u914D\\u7F6E: type\\uFF0C\\u6D6E\\u5C42\\u5185\\u5BB9\\u627F\\u8F7D\\u7684\\u7EC4\\u4EF6\\uFF0C\\u652F\\u6301 Tooltip\", \"|\", \" Popover\\uFF1Bopts\\uFF0C\\u5176\\u4ED6\\u9700\\u8981\\u900F\\u4F20\\u7ED9\\u6D6E\\u5C42\\u7EC4\\u4EF6\\u7684\\u5C5E\\u6027\\uFF1B renderTooltip\\uFF0C\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u5F39\\u51FA\\u5C42\\u7EC4\\u4EF6\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\", \"|\", \"{type: 'tooltip'\", \"|\", \"'popover', opts: object, renderTooltip: (content: ReactNode, children: ReactNode) => ReactNode}\"), 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  }, \"suffix\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u59CB\\u7EC8\\u5C55\\u793A\\u7684\\u540E\\u7F00\"), 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  }, \"onExpand\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C55\\u5F00/\\u6536\\u8D77\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(expanded: bool, Event: e)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"Copyable Config\"), 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  }, \"content\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u590D\\u5236\\u51FA\\u7684\\u6587\\u672C\"), 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  }, \"copyTip\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u590D\\u5236\\u56FE\\u6807\\u7684 tooltip \\u5C55\\u793A\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"React.node\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"icon\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u590D\\u5236\\u8282\\u70B9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"React.node\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.31.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onCopy\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u590D\\u5236\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Function(e:Event, content:string, res: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  }, \"render\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6E32\\u67D3\\u590D\\u5236\\u8282\\u70B9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(ApiType, {\n    detail: \"(copied: boolean, doCopy: (e: React.MouseEvent) => void, configs: CopyableConfig) => React.ReactNode\",\n    mdxType: \"ApiType\"\n  }, \"function(copied, doCopy, configs)\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"2.65.0\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"successTip\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u590D\\u5236\\u6210\\u529F\\u7684\\u5C55\\u793A\\u5185\\u5BB9\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"React.node\"), 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  }, \"\\u6587\\u6848\\u89C4\\u8303\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Link\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u6587\\u5B57\\u94FE\\u63A5\\u9700\\u8981\\u6E05\\u6670\\u4E14\\u53EF\\u9884\\u6D4B\\uFF0C\\u7528\\u6237\\u5E94\\u8BE5\\u80FD\\u591F\\u9884\\u6D4B\\u4ED6\\u4EEC\\u70B9\\u51FB\\u94FE\\u63A5\\u65F6\\u4F1A\\u53D1\\u751F\\u4EC0\\u4E48\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u5207\\u52FF\\u901A\\u8FC7\\u9519\\u8BEF\\u6807\\u8BB0\\u94FE\\u63A5\\u6765\\u8BEF\\u5BFC\\u7528\\u6237\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u907F\\u514D\\u4F7F\\u7528\\u201CClick here\\u201D\\u6216\\u201CHere\\u201D\\u4F5C\\u4E3A\\u72EC\\u7ACB\\u94FE\\u63A5\")))), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"No spaces yet? \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \" Create space \")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"No spaces yet? \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"Click here\"))))), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u907F\\u514D\\u5C06\\u6574\\u4E2A\\u53E5\\u5B50\\u4F5C\\u4E3A\\u53EF\\u70B9\\u51FB\\u7684\\u6587\\u5B57\\u94FE\\u63A5\\uFF0C\\u800C\\u662F\\u5C06\\u63CF\\u8FF0\\u5177\\u4F53\\u53BB\\u5411\\u7684\\u6587\\u5B57\\u4F5C\\u4E3A\\u94FE\\u63A5\\u5185\\u5BB9\")), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Views \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"user documentation\"), \" for details\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"View user documentation for details\"))))), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4F7F\\u7528\\u77ED\\u672F\\u8BED\\u6216\\u8BCD\\u4F5C\\u4E3A\\u94FE\\u63A5\\u6587\\u672C\\u4F1A\\u66F4\\u6709\\u5229\\u4E8E\\u56FD\\u9645\\u5316\\uFF0C\\u4EE5\\u907F\\u514D\\u7531\\u4E8E\\u4E0D\\u540C\\u7684\\u8BED\\u8A00\\u7684\\u8BED\\u6CD5\\u548C\\u8BED\\u5E8F\\u4E0D\\u540C\\uFF0C\\u800C\\u51FA\\u73B0\\u94FE\\u63A5\\u6587\\u5B57\\u88AB\\u62C6\\u5206\\u7684\\u95EE\\u9898\")), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Manage \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"notifications \"), \"to\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"Manage notifications\"), \" to\")))), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4EE5\\u6587\\u5B57\\u94FE\\u63A5\\u7ED3\\u5C3E\\u65F6\\uFF0C\\u4E0D\\u9700\\u8981\\u8DDF\\u968F\\u6807\\u70B9\\u7B26\\u53F7\\uFF0C\\u9664\\u4E86\\u95EE\\u53F7\\u201C\\uFF1F\\u201D\")), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"No spaces yet? \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \" Create space \")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"No spaces yet? \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"Click here\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \" Forgot password \\uFF1F\")), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \"Forgot password\"))))), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u94FE\\u63A5\\u6587\\u5B57\\u4E0D\\u8981\\u5305\\u542B\\u51A0\\u8BCD\\u201Cthe, a, an\\u201D\")), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u2705 \\u63A8\\u8350\\u7528\\u6CD5\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u274C \\u4E0D\\u63A8\\u8350\\u7528\\u6CD5\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"View \", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \" user documentation \"), \" for details\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"View the\", mdx(PureA, {\n    mdxType: \"PureA\"\n  }, \" user documentation\"), \" for details\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\u8BBE\\u8BA1\\u53D8\\u91CF\"), mdx(DesignToken, {\n    mdxType: \"DesignToken\"\n  })), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"FAQ\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Typography \\u7701\\u7565\\u5177\\u4F53\\u673A\\u5236\\u53CA\\u6CE8\\u610F\\u4E8B\\u9879?\")), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"  Semi \\u622A\\u65AD\\u6709\\u4E24\\u79CD\\u7B56\\u7565\\uFF0C CSS \\u622A\\u65AD\\u548C JS \\u622A\\u65AD\\u3002\\u5F53\\u8BBE\\u7F6E\\u4E2D\\u95F4\\u622A\\u65AD\\uFF08pos='middle')\\u3001\\u53EF\\u5C55\\u5F00\\uFF08expandable)\\u3001\\u6709\\u540E\\u7F00\\uFF08suffix \\u975E\\u7A7A\\uFF09\\u3001\\u53EF\\u590D\\u5236\\uFF08copyable\\uFF09\\uFF0C\\u542F\\u7528 JS \\u622A\\u65AD\\u7B56\\u7565\\uFF1B\\u975E\\u4EE5\\u4E0A\\u573A\\u666F\\uFF0C\\u542F\\u7528 CSS \\u622A\\u65AD\\u7B56\\u7565\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"  \\u901A\\u5E38\\u6765\\u8BF4\\uFF0CCSS \\u622A\\u65AD\\u6027\\u80FD\\u4F18\\u4E8E JS \\u622A\\u65AD\\u3002\\u5728 children\\u3001 \\u5BB9\\u5668\\u5C3A\\u5BF8\\u4E0D\\u53D8\\u7684\\u60C5\\u51B5\\u4E0B\\uFF0CCSS \\u622A\\u65AD\\u53EA\\u6D89\\u53CA 1~2 \\u6B21\\u8BA1\\u7B97\\uFF0Cjs \\u622A\\u65AD\\u53EF\\u80FD\\u6D89\\u53CA\\u591A\\u6B21\\u8BA1\\u7B97\\u3002\"), mdx(\"p\", {\n    parentName: \"li\"\n  }, \"  \\u540C\\u65F6\\u4F7F\\u7528\\u5927\\u91CF\\u5E26\\u6709\\u622A\\u65AD\\u529F\\u80FD\\u7684 Typography \\u9700\\u6CE8\\u610F\\u6027\\u80FD\\u6D88\\u8017\\uFF0C\\u5982\\u5728 Table \\u4E2D\\uFF0C\\u53EF\\u901A\\u8FC7\\u8BBE\\u7F6E\\u5408\\u7406\\u7684\\u9875\\u5BB9\\u91CF\\u8FDB\\u884C\\u5206\\u9875\\u51CF\\u5C11\\u6027\\u80FD\\u635F\\u8017\\u3002\")))));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"zh-CN/basic/typography","next":{"fields":{"slug":"en-US/basic/divider"},"id":"98748c3e-ee4d-5a40-aaff-e486863d258e","frontmatter":{"title":"Divider","localeCode":"en-US","icon":"doc-divider","showNew":null}},"previous":{"fields":{"slug":"en-US/basic/typography"},"id":"12ac1e4b-1c86-5c3f-85fa-67732e7834ab","frontmatter":{"title":"Typography","localeCode":"en-US","icon":"doc-typography","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}