{"componentChunkName":"component---src-templates-post-template-js","path":"/zh-CN/input/slider","result":{"data":{"current":{"frontmatter":{"title":"Slider 滑动选择器","order":47,"brief":"滑动选择器，使用拖动交互快速选择数值或数值范围，与 InputNumber 相比更直观","icon":"doc-slider"},"fields":{"type":"input"},"tableOfContents":{"items":[{"url":"#代码演示","title":"代码演示","items":[{"url":"#如何引入","title":"如何引入"},{"url":"#基本用法","title":"基本用法"},{"url":"#带输入框的","title":"带输入框的"},{"url":"#自定义提示","title":"自定义提示"},{"url":"#带标签的","title":"带标签的"},{"url":"#分段背景","title":"分段背景"},{"url":"#受控组件","title":"受控组件"},{"url":"#垂直","title":"垂直"},{"url":"#滑块带圆点","title":"滑块带圆点"}]},{"url":"#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\": 47,\n \"category\": \"输入类\",\n \"title\": \"Slider 滑动选择器\",\n \"icon\": \"doc-slider\",\n \"brief\": \"滑动选择器，使用拖动交互快速选择数值或数值范围，与 InputNumber 相比更直观\"\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 { Slider } from '@douyinfe/semi-ui';\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u7528\\u6CD5\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u57FA\\u672C\\u6ED1\\u52A8\\u6761\\u3002\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"range\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"true\"), \" \\u65F6\\uFF0C\\u652F\\u6301\\u4E24\\u4FA7\\u6ED1\\u52A8\\u3002\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"disabled\"), \" \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"true\"), \" \\u65F6\\uFF0C\\u6ED1\\u5757\\u5904\\u4E8E\\u4E0D\\u53EF\\u7528\\u72B6\\u6001\\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 { Slider } from '@douyinfe/semi-ui';\\n\\n() => (\\n
\\n
\\n
Default
\\n \\n
\\n
\\n
\\n
\\n
Range
\\n \\n
\\n
\\n
\\n
\\n
Disabled
\\n \\n
\\n
\\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5E26\\u8F93\\u5165\\u6846\\u7684\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6ED1\\u52A8\\u6761\\u7684\\u6ED1\\u5757\\u548C\\u8F93\\u5165\\u6846\\u7EC4\\u4EF6\\u4FDD\\u6301\\u540C\\u6B65\\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 { Slider, InputNumber } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState(10);\\n\\n const getSliderValue = (newValue) => {\\n if (isNaN(Number(newValue))){\\n return;\\n }\\n setValue(newValue / 1); \\n };\\n\\n return (\\n
\\n
\\n \\n
\\n \\n
\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u81EA\\u5B9A\\u4E49\\u63D0\\u793A\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tipFormatter\"), \" \\u53EF\\u4EE5\\u8BBE\\u7F6E Tooltip \\u7684\\u663E\\u793A\\u7684\\u683C\\u5F0F\\u3002\\u8BBE\\u7F6E \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"tipFormatter={null}\"), \"\\uFF0C\\u5219\\u9690\\u85CF Tooltip\\u3002\", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"getAriaValueText\"), \"\\u7528\\u4E8E\\u7ED9\\u6ED1\\u5757\\u7684\\u5F53\\u524D\\u503C\\u63D0\\u4F9B\\u4E00\\u4E2A\\u7528\\u6237\\u53CB\\u597D\\u7684\\u540D\\u79F0\\uFF0C\\u5BF9\\u5C4F\\u5E55\\u9605\\u8BFB\\u5668\\u7528\\u6237\\u5F88\\u91CD\\u8981\\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 { Slider } from '@douyinfe/semi-ui';\\n\\n() => (\\n
\\n (`${v}%`)} getAriaValueText={v => (`${v}%`)}/>\\n
\\n
\\n \\n
\\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5E26\\u6807\\u7B7E\\u7684\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"marks\"), \" \\u5C5E\\u6027\\u6807\\u6CE8\\u6ED1\\u5757\\u7684\\u523B\\u5EA6\\uFF0C\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"value\"), \" / \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"defaultValue\"), \" \\u6307\\u5B9A\\u6ED1\\u5757\\u4F4D\\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 { Slider } from '@douyinfe/semi-ui';\\n\\n() => (\\n
\\n
step=10
\\n \\n
\\n
\\n
step=0.1
\\n \\n
\\n
\\n
Marks
\\n (`${v}\\xB0C`)} range={true} getAriaValueText={(value) => `${value}\\xB0C`}>\\n
\\n
\\n
Included
\\n (`${v}\\xB0C`)} getAriaValueText={(value) => `${value}\\xB0C`}>\\n
\\n);\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5206\\u6BB5\\u80CC\\u666F\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u901A\\u8FC7\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"linear-gradient\"), \" \\u53CA \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"railStyle\"), \" \\uFF0C\\u914D\\u5408 onChange \\u53EF\\u4EE5\\u5B9E\\u73B0\\u52A8\\u6001\\u7684\\u5206\\u6BB5\\u80CC\\u666F\\u6548\\u679C\\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, useMemo } from 'react';\\nimport { Slider } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState([20, 60]);\\n\\n const changeValue = (newValue) => {\\n setValue(newValue);\\n };\\n\\n const getRailStyle = (range) => {\\n // color of second segment inherits from .semi-slider-track\\n const color = ['var(--semi-color-danger)', 'transparent', 'var(--semi-color-success)'];\\n const gradientPos = value.map(val => \\n ((val - range[0]) / (range[1] - range[0])).toFixed(2) * 100\\n );\\n const style = {\\n background: `linear-gradient(to right, ${color[0]} ${gradientPos[0]}%, ${color[1]} ${gradientPos[0]}%, ${color[1]} ${gradientPos[1]}%, ${color[2]} ${gradientPos[1]}%)`\\n };\\n return style;\\n };\\n\\n const range = [10, 100];\\n const railStyle = useMemo(() => getRailStyle(range), [value, range]);\\n \\n return (\\n \\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u53D7\\u63A7\\u7EC4\\u4EF6\"), mdx(\"p\", {\n parentName: \"section\"\n }, \"\\u6ED1\\u5757\\u4F4D\\u7F6E\\u5373 \", mdx(\"inlineCode\", {\n parentName: \"p\"\n }, \"Slider\"), \" \\u7684\\u503C\\u7531 value \\u63A7\\u5236\\uFF0C\\u914D\\u5408 onChange \\u4F7F\\u7528\\u3002\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true hideInDSM\",\n \"live\": \"true\",\n \"hideInDSM\": true\n }, \"import React, { useState } from 'react';\\nimport { Slider, Button } from '@douyinfe/semi-ui';\\n\\n() => {\\n const [value, setValue] = useState(10);\\n\\n const changeValue = () => {\\n setValue(value + 10);\\n };\\n\\n return (\\n
\\n \\n
\\n
\\n \\n
\\n );\\n};\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u5782\\u76F4\"), 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 { Slider } from '@douyinfe/semi-ui';\\n\\n() => (\\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n \\n
\\n
\\n);\\n\\n\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u6ED1\\u5757\\u5E26\\u5706\\u70B9\"), mdx(\"pre\", {\n parentName: \"section\"\n }, mdx(\"code\", {\n parentName: \"pre\",\n \"className\": \"language-jsx\",\n \"metastring\": \"live=true\",\n \"live\": \"true\"\n }, \"
\\n
\\n
Default
\\n \\n
\\n
\\n
\\n
\\n
Range
\\n \\n
\\n
\\n\"))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"API\\u53C2\\u8003\"), mdx(\"table\", {\n parentName: \"section\"\n }, mdx(\"thead\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"thead\"\n }, mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5C5E\\u6027\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BF4\\u660E\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7C7B\\u578B\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9ED8\\u8BA4\\u503C\"), mdx(\"th\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7248\\u672C\"))), mdx(\"tbody\", {\n parentName: \"table\"\n }, mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"aria-label\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\"\n }, \"aria-label\"), \"\\u5C5E\\u6027\\uFF0C\\u7528\\u6765\\u7ED9\\u5F53\\u524D\\u5143\\u7D20\\u52A0\\u4E0A\\u7684\\u6807\\u7B7E\\u63CF\\u8FF0, \\u63D0\\u5347\\u53EF\\u8BBF\\u95EE\\u6027\"), 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 }, \"aria-labelledby\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\"\n }, \"aria-labelledby\"), \"\\u5C5E\\u6027\\uFF0C\\u8868\\u660E\\u67D0\\u4E9B\\u5143\\u7D20\\u7684 id \\u662F\\u67D0\\u4E00\\u5BF9\\u8C61\\u7684\\u6807\\u7B7E\\u3002\\u5B83\\u88AB\\u7528\\u6765\\u786E\\u5B9A\\u63A7\\u4EF6\\u6216\\u63A7\\u4EF6\\u7EC4\\u4E0E\\u5B83\\u4EEC\\u6807\\u7B7E\\u4E4B\\u95F4\\u7684\\u8054\\u7CFB, \\u63D0\\u5347\\u53EF\\u8BBF\\u95EE\\u6027\"), 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 }, \"aria-valuetext\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"a\", {\n parentName: \"td\",\n \"href\": \"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext\"\n }, \"aria-valuetext\"), \"\\u5C5E\\u6027\\uFF0C\\u4E3A\\u6ED1\\u5757\\u7684\\u5F53\\u524D\\u503C\\u63D0\\u4F9B\\u7528\\u6237\\u53CB\\u597D\\u7684\\u540D\\u79F0\\u3002\"), 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 }, \"defaultValue\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u521D\\u59CB\\u53D6\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number \", \"|\", \" number[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"0\"), 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 }, \"\\u6ED1\\u5757\\u662F\\u5426\\u7981\\u7528\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"handleDot\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6ED1\\u5757\\u662F\\u5426\\u5E26\\u6709\\u5706\\u70B9\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"{ color: string, size: string} \", \"|\", \" \", mdx(\"br\", null), \" { color: string, size: string}[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.52.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"included\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"marks\"), \" \\u4E0D\\u4E3A\\u7A7A\\u5BF9\\u8C61\\u65F6\\u6709\\u6548\\uFF0C\\u503C\\u4E3A true \\u65F6\\u8868\\u793A\\u503C\\u4E3A\\u5305\\u542B\\u5173\\u7CFB\\uFF0Cfalse \\u8868\\u793A\\u5E76\\u5217\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"marks\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u523B\\u5EA6\\uFF0Ckey \\u7684\\u7C7B\\u578B\\u5FC5\\u987B\\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"td\"\n }, \"number\"), \" \\u4E14\\u53D6\\u503C\\u5728\\u95ED\\u533A\\u95F4 \", \"[\", \"min, max] \\u5185\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"Record\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"max\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6700\\u5927\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"100\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"min\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6700\\u5C0F\\u503C\"), 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 }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"railStyle\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6ED1\\u5757\\u8F68\\u9053\\u7684\\u6837\\u5F0F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"CSSProperties\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"range\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u652F\\u6301\\u4E24\\u8FB9\\u540C\\u65F6\\u53EF\\u6ED1\\u52A8\"), 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 }, \"showArrow\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"tooltip \\u662F\\u5426\\u5E26\\u7BAD\\u5934\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.48.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"showBoundary\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u5728 hover \\u65F6\\u5C55\\u793A\\u6700\\u5927\\u503C\\u6700\\u5C0F\\u503C\"), 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 }, \"showMarkLabel\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u9690\\u85CF\\u6807\\u7B7E\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"true\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.48.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"step\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6B65\\u957F\"), 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 }, \"tipFormatter\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6ETooltip\\u7684\\u5C55\\u793A\\u683C\\u5F0F\\uFF0C\\u9ED8\\u8BA4\\u663E\\u793A\\u5F53\\u524D\\u9009\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: string \", \"|\", \" number \", \"|\", \" boolean \", \"|\", \" (string \", \"|\", \" number \", \"|\", \" boolean)[]) => any\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"v => v\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"tooltipOnMark\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u6ED1\\u8F68\\u4E0A\\u7684 mark \\u662F\\u5426\\u5E26\\u6709 tooltip\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"false\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.48.0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n })), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"tooltipVisible\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u59CB\\u7EC8\\u663E\\u793ATooltip\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"boolean\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"value\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u8BBE\\u7F6E\\u5F53\\u524D\\u53D6\\u503C\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"number \", \"|\", \" number[]\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"vertical\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u662F\\u5426\\u8BBE\\u7F6E\\u65B9\\u5411\\u4E3A\\u5782\\u76F4\"), 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 }, \"verticalReverse\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u53CD\\u8F6C\\u5782\\u76F4\\u65B9\\u5411\\uFF0C\\u5373\\u4E0A\\u5927\\u4E0B\\u5C0F\"), 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 }, \"onAfterChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u503C\\u53D8\\u5316\\u540E\\u89E6\\u53D1\\uFF0C\\u628A\\u5F53\\u524D\\u503C\\u4F5C\\u4E3A\\u53C2\\u6570\\u4F20\\u5165\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: number \", \"|\", \" number[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onChange\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u5F53 Slider \\u7684\\u503C\\u53D1\\u751F\\u6539\\u53D8\\u65F6\\u7684\\u56DE\\u8C03\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: number \", \"|\", \" number[]) => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"onMouseUp\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u9F20\\u6807\\u677E\\u5F00\\u6ED1\\u5757\\u65F6\\u89E6\\u53D1\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(e: React.MouseEvent\", \") => void\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u65E0\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"2.41.0\")), mdx(\"tr\", {\n parentName: \"tbody\"\n }, mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"getAriaValueText\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"\\u7528\\u4E8E\\u7ED9\\u6ED1\\u5757\\u7684\\u5F53\\u524D\\u503C\\u63D0\\u4F9B\\u4E00\\u4E2A\\u7528\\u6237\\u53CB\\u597D\\u7684\\u540D\\u79F0\\uFF0C\\u5BF9\\u5C4F\\u5E55\\u9605\\u8BFB\\u5668\\u7528\\u6237\\u5F88\\u91CD\\u8981\\uFF0C\\u53C2\\u6570value\\u4E3A\\u5F53\\u524D\\u6ED1\\u5757\\u7684\\u503C\\uFF0Cindex\\u4E3A\\u5F53\\u524D\\u6ED1\\u5757\\u7684\\u987A\\u5E8F\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"(value: number, index?: number) => string\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"), mdx(\"td\", {\n parentName: \"tr\",\n \"align\": null\n }, \"-\"))))), mdx(\"section\", null, mdx(\"h2\", {\n parentName: \"section\"\n }, \"Accessibility\"), mdx(\"h3\", {\n parentName: \"section\"\n }, \"ARIA\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Slider \\u53EF\\u805A\\u7126\\u7684\\u63A7\\u5236\\u5143\\u7D20 role \\u4E3A \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"slider\"), \"\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5143\\u7D20\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuenow\"), \" \\u5C5E\\u6027\\u4E3A\\u5F53\\u524D\\u503C\\u7684\\u5341\\u8FDB\\u5236\\u6570\\u503C\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5143\\u7D20\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuemin\"), \" \\u5C5E\\u6027\\u4E3A\\u6700\\u5C0F\\u5141\\u8BB8\\u503C\\u7684\\u5341\\u8FDB\\u5236\\u6570\\u503C\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5143\\u7D20\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuemax\"), \" \\u5C5E\\u6027\\u4E3A\\u6700\\u5927\\u5141\\u8BB8\\u503C\\u7684\\u5341\\u8FDB\\u5236\\u6570\\u503C\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53 Slider \\u4E3A\\u7EB5\\u5411\\u65F6\\uFF0C\\u5143\\u7D20\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-orientation\"), \" \\u5C5E\\u6027\\u4E3A 'vertical'\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuenow\"), \" \\u7684\\u503C\\u4E0D\\u5BB9\\u6613\\u88AB\\u7406\\u89E3\\u65F6\\uFF0C\\u652F\\u6301\\u901A\\u8FC7 API \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuetext\"), \" \\u4F20\\u9012\\u4E00\\u4E2A\\u5B57\\u7B26\\u4E32\\u4F7F\\u5176\\u66F4\\u53CB\\u597D\\u3002\\u4E5F\\u53EF\\u4EE5\\u901A\\u8FC7 API \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"getAriaValueText(value, index)\"), \" \\u65B9\\u6CD5\\u5F97\\u5230 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-valuetext\"), \" \\u7684\\u503C\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u652F\\u6301\\u901A\\u8FC7 API \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-label\"), \" \\u6216\\u8005 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"aria-labelledby\"), \" \\u786E\\u5B9A slider \\u7684\\u6807\\u7B7E\\u3002\")), mdx(\"h3\", {\n parentName: \"section\"\n }, \"\\u952E\\u76D8\\u548C\\u7126\\u70B9\"), mdx(\"ul\", {\n parentName: \"section\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Slider \\u7684\\u6ED1\\u5757\\u53EF\\u88AB\\u83B7\\u53D6\\u5230\\u7126\\u70B9\\uFF0C\\u5E76\\u5C55\\u793A\\u5F53\\u524D\\u6ED1\\u5757\\u7684\\u63D0\\u793A\\u4FE1\\u606F\\uFF0C\\u4E14\\u8FD9\\u4E9B\\u4FE1\\u606F\\u9700\\u8981\\u88AB\\u8F85\\u52A9\\u6280\\u672F\\u8BFB\\u53D6\\u5230\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"range\"), \" \\u5C5E\\u6027\\u65F6\\uFF0C\\u53EF\\u4EE5\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Tab\"), \" \\u53CA \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Shift\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Tab\"), \" \\u5207\\u6362\\u5DE6\\u53F3\\u4E24\\u4E2A\\u6ED1\\u5757\\u7684\\u7126\\u70B9\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u952E\\u76D8\\u7528\\u6237\\u53EF\\u4EE5\\u901A\\u8FC7 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u53F3\\u7BAD\\u5934\"), \" \\u6765\\u589E\\u52A0\\u6ED1\\u5757\\u503C\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u6216 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u5DE6\\u7BAD\\u5934\"), \" \\u6765\\u51CF\\u5C11\\u6ED1\\u5757\\u503C\\u3002\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u82E5\\u60F3\\u8981\\u6ED1\\u5757\\u9AD8\\u4E8E\\u6B65\\u957F\\u7684\\u53D8\\u5316\\u91CF\\u65F6\\uFF0C slider\\u652F\\u6301 10*step \\u7684\\u53D8\\u5316\\u91CF\\uFF1A\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Windows \\u7528\\u6237\\uFF1A \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Page Up\"), \" \\u7528\\u4E8E\\u589E\\u52A0\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Page Down\"), \" \\u7528\\u4E8E\\u51CF\\u5C11\\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Mac \\u7528\\u6237\\u4F7F\\u7528\\uFF1A \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0A\\u7BAD\\u5934\"), \" \\u7528\\u4E8E\\u589E\\u52A0\\uFF0C\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0B\\u7BAD\\u5934\"), \" \\u7528\\u4E8E\\u6309\\u952E\\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"range\"), \" \\u5C5E\\u6027\\u65F6\\uFF0C\\u524D\\u4E00\\u4E2A\\u6ED1\\u5757\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Page Up\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0A\\u7BAD\\u5934\"), \") \\u952E\\u4EC5\\u652F\\u6301\\u5230\\u4E0E\\u540E\\u4E00\\u4E2A\\u6ED1\\u5757\\u76F8\\u9047\\uFF0C\\u91CD\\u5408\\u540E\\u518D\\u5BF9\\u524D\\u4E00\\u4E2A\\u6ED1\\u5757\\u4F7F\\u7528 Page Up \\u952E\\u5219\\u65E0\\u54CD\\u5E94\\u3002\\u540E\\u4E00\\u4E2A\\u6ED1\\u5757\\u540C\\u7406\\uFF0C\\u76F8\\u9047\\u540E\\uFF0C\\u5BF9\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Page Down\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u4E0B\\u7BAD\\u5934\"), \") \\u952E\\u65E0\\u54CD\\u5E94\\u3002\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u82E5\\u60F3\\u5C06\\u6ED1\\u5757\\u79FB\\u52A8\\u5230\\u6ED1\\u6746\\u7684\\u6700\\u5C0F\\u503C\\u5904\\uFF1A\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Windows \\u7528\\u6237\\uFF1A \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Home\"), \" \\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Mac \\u7528\\u6237\\uFF1A \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u5DE6\\u7BAD\\u5934\"), \"\\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"range\"), \" \\u5C5E\\u6027\\u65F6\\uFF0C\\u540E\\u4E00\\u4E2A\\u6ED1\\u5757\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Home\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u5DE6\\u7BAD\\u5934\"), \") \\u952E\\u4EC5\\u652F\\u6301\\u5230\\u4E0E\\u524D\\u4E00\\u4E2A\\u6ED1\\u5757\\u76F8\\u9047\\uFF0C\\u91CD\\u5408\\u540E\\u518D\\u6B21\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Home\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u5DE6\\u7BAD\\u5934\"), \") \\u952E\\u65E0\\u54CD\\u5E94\\u3002\"))), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u82E5\\u60F3\\u5C06\\u6ED1\\u5757\\u79FB\\u52A8\\u5230\\u6ED1\\u6746\\u7684\\u6700\\u5927\\u503C\\u5904\\uFF1A\", mdx(\"ul\", {\n parentName: \"li\"\n }, mdx(\"li\", {\n parentName: \"ul\"\n }, \"Windows \\u7528\\u6237\\uFF1A\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"End\"), \" \\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"Mac \\u7528\\u6237\\uFF1A\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u53F3\\u7BAD\\u5934\"), \"\\uFF1B\"), mdx(\"li\", {\n parentName: \"ul\"\n }, \"\\u5F53\\u7528\\u6237\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"range\"), \" \\u5C5E\\u6027\\u65F6\\uFF0C\\u524D\\u4E00\\u4E2A\\u6ED1\\u5757\\u7684 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"End\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u53F3\\u7BAD\\u5934\"), \") \\u952E\\u4EC5\\u652F\\u6301\\u5230\\u4E0E\\u540E\\u4E00\\u4E2A\\u6ED1\\u5757\\u76F8\\u9047\\uFF0C\\u91CD\\u5408\\u540E\\u518D\\u6B21\\u4F7F\\u7528 \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"End\"), \"(\", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"Fn\"), \" + \", mdx(\"inlineCode\", {\n parentName: \"li\"\n }, \"\\u53F3\\u7BAD\\u5934\"), \") \\u952E\\u65E0\\u54CD\\u5E94\\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/slider","next":{"fields":{"slug":"en-US/input/switch"},"id":"6fc1e50c-e3bc-5e63-a005-252f7b01722c","frontmatter":{"title":"Switch","localeCode":"en-US","icon":"doc-switch","showNew":null}},"previous":{"fields":{"slug":"en-US/input/slider"},"id":"ad9ac99a-5fcd-5a2e-a84c-6df92cfbeb23","frontmatter":{"title":"Slider","localeCode":"en-US","icon":"doc-slider","showNew":null}}}},"staticQueryHashes":["1348983216108720","1477422646108720","3245198693108720","417590761108720","63159454108720"]}