{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/rating","result":{"data":{"current":{"frontmatter":{"title":"Rating 评分","order":45,"brief":"展示评分的组件","icon":"doc-rating"},"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":"#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\": 45,\n  \"category\": \"输入类\",\n  \"title\": \"Rating 评分\",\n  \"icon\": \"doc-rating\",\n  \"brief\": \"展示评分的组件\"\n};\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\nvar DesignToken = makeShortcode(\"DesignToken\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"\\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 { Rating } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u6700\\u7B80\\u5355\\u7684\\u7528\\u6CD5\\uFF0C\\u652F\\u6301\\u4E24\\u79CD\\u5C3A\\u5BF8 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"default\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"small\"), \"\\u3002  \"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u652F\\u6301\\u4F20\\u5165 number \\u7C7B\\u578B\\u81EA\\u5B9A\\u4E49\\u5C3A\\u5BF8\\u3002\\u5177\\u4F53\\u53EF\\u4EE5\\u53C2\\u8003\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#%E8%87%AA%E5%AE%9A%E4%B9%89\"\n  }, \"\\u81EA\\u5B9A\\u4E49\")), 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 { Rating } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <Rating defaultValue={5}/>\\n        <br/>\\n        <br/>\\n        <Rating size='small' defaultValue={5}/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u534A\\u661F\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"allowHalf\"), \" \\u5C5E\\u6027\\u53EF\\u4EE5\\u652F\\u6301\\u9009\\u62E9\\u534A\\u661F\\u3002 \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"allowHalf\"), \" \\u5C5E\\u6027\\u652F\\u6301\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u5C55\\u793A\"), \"\\u96640.5\\u4EE5\\u5916\\u7684\\u5C0F\\u6570\\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 { Rating } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <Rating allowHalf defaultValue={3.5}/>\\n        <br/>\\n        <Rating allowHalf defaultValue={3.65} disabled/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u53EA\\u8BFB\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"disabled\"), \" \\u5C5E\\u6027\\u5C06\\u65E0\\u6CD5\\u8FDB\\u884C\\u4EA4\\u4E92\\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 { Rating } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <Rating disabled defaultValue={3} />\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u70B9\\u51FB\\u6E05\\u9664\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u901A\\u8FC7\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"allowClear\"), \" \\u5C5E\\u6027\\u5141\\u8BB8\\u518D\\u6B21\\u70B9\\u51FB\\u65F6\\u6E05\\u9664\\u6570\\u503C\\uFF0C\\u9ED8\\u8BA4\\u4E3A \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"true\"), \"\\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 { Rating } from '@douyinfe/semi-ui';\\n\\n() => (\\n    <div>\\n        <span>\\u5141\\u8BB8\\u518D\\u6B21\\u70B9\\u51FB\\u6E05\\u9664</span>\\n        <br/>\\n        <Rating allowClear={true} defaultValue={3}/>\\n        <br/>\\n        <br/>\\n        <span>\\u7981\\u6B62\\u518D\\u6B21\\u70B9\\u51FB\\u6E05\\u9664</span>\\n        <br/>\\n        <Rating allowClear={false} defaultValue={3}/>\\n    </div>\\n);\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u6587\\u6848\\u5C55\\u73B0\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u7ED9\\u8BC4\\u5206\\u7EC4\\u4EF6\\u52A0\\u4E0A\\u6587\\u6848\\u5C55\\u793A\\u3002\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-jsx\",\n    \"metastring\": \"live=true\",\n    \"live\": \"true\"\n  }, \"import React, { useState } from 'react';\\nimport { Rating } from '@douyinfe/semi-ui';\\n\\n() => {\\n    const [value, setValue] = useState(0);\\n    const change = (val) => setValue(val);\\n    const desc = ['terrible', 'bad', 'normal', 'good', 'wonderful'];\\n    return (\\n        <div>\\n            <span>How was the help you received: \\n                {value ? <span>{desc[value - 1]}</span> : ''}\\n            </span>\\n            <br/>\\n            <Rating tooltips={desc} onChange={change} value={value} />\\n        </div>\\n    );\\n};\\n\")), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"\\u81EA\\u5B9A\\u4E49\\u8BC4\\u5206\\u5B57\\u7B26\\u3001\\u4E2A\\u6570\\u53CA\\u5C3A\\u5BF8\\u3002\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"\\u81EA\\u5B9A\\u4E49\\u5C3A\\u5BF8\\u9700\\u8981\\u914D\\u5408\\u81EA\\u5B9A\\u4E49\\u7684\\u5B57\\u7B26\\u624D\\u80FD\\u751F\\u6548\\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 { Rating } from '@douyinfe/semi-ui';\\nimport { IconLikeHeart } from '@douyinfe/semi-icons';\\n\\n() => (\\n    <div>\\n        <Rating style={{ color: 'red' }} character={(<IconLikeHeart size=\\\"extra-large\\\" />)} defaultValue={3}/>\\n        <br/>\\n        <br/>\\n        <Rating style={{ color: 'red' }} size={48} allowHalf character={(<IconLikeHeart style={{ fontSize: 48 }} />)} defaultValue={3}/>\\n        <br/>\\n        <br/>\\n        <Rating character={'\\u8D5E'} size={18} defaultValue={3}/>\\n        <br/>\\n        <br/>\\n        <Rating count={10} defaultValue={6}/>\\n    </div>\\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(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"allowClear\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5141\\u8BB8\\u518D\\u6B21\\u70B9\\u51FB\\u540E\\u6E05\\u9664\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"true\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"allowHalf\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u662F\\u5426\\u5141\\u8BB8\\u534A\\u9009\"), 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  }, \"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(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"character\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u5B57\\u7B26\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"ReactNode\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"<IconStar size=\\\"extra-large\\\"/>\"))), 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  }, \"\\u81EA\\u5B9A\\u4E49\\u6837\\u5F0F\\u7C7B\\u540D\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"count\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"star \\u603B\\u6570\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"5\")), 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  }, \"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  }, \"\\u53EA\\u8BFB\\uFF0C\\u65E0\\u6CD5\\u8FDB\\u884C\\u4EA4\\u4E92\"), 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  }, \"preventScroll\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6307\\u793A\\u6D4F\\u89C8\\u5668\\u662F\\u5426\\u5E94\\u6EDA\\u52A8\\u6587\\u6863\\u4EE5\\u663E\\u793A\\u65B0\\u805A\\u7126\\u7684\\u5143\\u7D20\\uFF0C\\u4F5C\\u7528\\u4E8E\\u7EC4\\u4EF6\\u5185\\u7684 focus \\u65B9\\u6CD5\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"boolean\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  })), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"size\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5C3A\\u5BF8\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"default\"), \"\\uFF0C \", mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"small\"), \"\\uFF0C\\u652F\\u6301\\u4F20\\u5165 number \\u7C7B\\u578B\\u81EA\\u5B9A\\u4E49\\u5C3A\\u5BF8\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"string \", \"|\", \" number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, mdx(\"inlineCode\", {\n    parentName: \"td\"\n  }, \"default\"))), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"style\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6837\\u5F0F\\u5BF9\\u8C61\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"object\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"tooltips\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u81EA\\u5B9A\\u4E49\\u6BCF\\u9879\\u7684\\u63D0\\u793A\\u4FE1\\u606F\"), 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  }, \"value\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5F53\\u524D\\u53D7\\u63A7\\u503C\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"number\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onBlur\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u5931\\u53BB\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function()\"), 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  }, \"\\u9009\\u62E9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(value: number)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onFocus\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u83B7\\u53D6\\u7126\\u70B9\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function()\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onHoverChange\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u9F20\\u6807\\u7ECF\\u8FC7\\u65F6\\u6570\\u503C\\u53D8\\u5316\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(value: number)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"onKeyDown\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"\\u6309\\u952E\\u56DE\\u8C03\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"function(e: event)\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"-\"))))), mdx(\"section\", null, mdx(\"h2\", {\n    parentName: \"section\"\n  }, \"Accessibility\"), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"ARIA\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Rating \\u5177\\u6709 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-checked\"), \" \\u8868\\u793A\\u5F53\\u524D\\u662F\\u5426\\u9009\\u4E2D\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-posinset\"), \" \\u8868\\u793A\\u5728\\u5217\\u8868\\u7684\\u4F4D\\u7F6E\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-setsize\"), \" \\u8868\\u793A\\u5217\\u8868\\u7684\\u957F\\u5EA6\\u3002\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Semi \\u652F\\u6301\\u81EA\\u5B9A\\u4E49 Rating \\u7684\\u8BED\\u4E49:\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-label\"), \" \\u6765\\u5B9A\\u5236 Rating \\u7684\\u8BED\\u4E49\\u5316\\uFF1B\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u82E5\\u7528\\u6237\\u4F20\\u5165\\u7684 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"character\"), \" \\u7C7B\\u578B\\u4E3A string\\uFF0C\\u5C06\\u4F7F\\u7528\\u8FD9\\u4E2A string \\u6765\\u505A Rating \\u7684\\u8BED\\u4E49\\u5316\\uFF1B\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"aria-label\"), \"\\u7684\\u4F18\\u5148\\u7EA7\\u9AD8\\u4E8Estring\\u7684\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"character\"), \"\\u3002\")))), mdx(\"h3\", {\n    parentName: \"section\"\n  }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Rating \\u7684\\u521D\\u59CB\\u7126\\u70B9\\u8BBE\\u7F6E\\uFF1A\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u82E5 Rating \\u6709\\u9009\\u62E9\\u9879\\u65F6\\uFF0C\\u521D\\u59CB\\u7126\\u70B9\\u5E94\\u5F53\\u8BBE\\u7F6E\\u4E3A\\u6700\\u540E\\u4E00\\u4E2A\\u9009\\u62E9\\u9879\\u65F6\\uFF08\\u5982\\uFF1A\\u6709 3\\u9897\\uD83C\\uDF1F\\u88AB\\u70B9\\u4EAE\\uFF0C\\u5219\\u521D\\u59CB\\u7126\\u70B9\\u8BBE\\u7F6E\\u5728\\u7B2C\\u4E09\\u9897\\u88AB\\u70B9\\u4EAE\\u7684\\uD83C\\uDF1F\\u4E0A\\uFF09\\uFF1B\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u82E5 Rating \\u6CA1\\u6709\\u9009\\u62E9\\u9879\\u65F6\\uFF0C\\u521D\\u59CB\\u7126\\u70B9\\u5E94\\u5F53\\u4E3A\\u6574\\u4E2A Rating\\u3002\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u4E00\\u4E2A Rating \\u7EC4\\u4E0A\\uFF0C\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u53F3\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u9009\\u4E2D\\u5F53\\u524D\\u7126\\u70B9\\u7684\\u4E0B\\u4E00\\u4E2A\\u7126\\u70B9\\u9879\\uFF0C\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u5DE6\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u9009\\u4E2D\\u5F53\\u524D\\u7126\\u70B9\\u7684\\u4E0A\\u4E00\\u4E2A\\u7126\\u70B9\\u9879\\uFF1B\", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"\\u7528\\u6237\\u8BBE\\u7F6E\\u4E86\\xA0\", mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"allowHalf\"), \" \\u5C5E\\u6027\\uFF0C\\u6309\\u65B9\\u5411\\u952E\\u53EA\\u9009\\u4E2D\\u6216\\u53D6\\u6D88\\u9009\\u4E2D\\u534A\\u9897\\u661F\\uFF1B\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"disabled\"), \"\\u7684 Rating \\u65E0\\u6CD5\\u88AB\\u83B7\\u53D6\\u5230\\u7126\\u70B9\\u3002\"))), 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/rating","next":{"fields":{"slug":"en-US/input/select"},"id":"afbb90f7-7c16-5056-a783-27d592fbb8f0","frontmatter":{"title":"Select","localeCode":"en-US","icon":"doc-select","showNew":null}},"previous":{"fields":{"slug":"en-US/input/rating"},"id":"42fd9dfa-f0c7-58e3-9397-f375bedd9430","frontmatter":{"title":"Rating","localeCode":"en-US","icon":"doc-rating","showNew":null}}}},"staticQueryHashes":["1348983216229725","1477422646229725","3245198693229725","417590761229725","63159454229725"]}