mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-07-30 19:36:29 +08:00
Code Issues Actions 36 Packages Projects Releases Wiki Activity

upgrade slider

Browse Source
This commit is contained in:
yiminghe 2015-07-21 00:10:13 +08:00
parent 9554fb54ba
commit f2c8fcfc22
5 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/slider/demo/basic.md
View File

@ -11,7 +11,7 @@ var Slider = antd.Slider;
React.render(<div> React.render(<div>
<Slider /> <Slider />
<Slider value={65} disabled /> <Slider defaultValue={65} disabled />
</div> </div>
, document.getElementById('components-slider-demo-basic')); , document.getElementById('components-slider-demo-basic'));
```` ````

4
components/slider/demo/mark.md
View File

@ -12,9 +12,9 @@ var Slider = antd.Slider;
React.render( React.render(
<div className="sliderContainer"> <div className="sliderContainer">
<p>包含关系</p> <p>包含关系</p>
<Slider marks={["状态1","状态2","状态3","状态4"]} index={1} /> <Slider marks={["状态1","状态2","状态3","状态4"]} defaultIndex={1} />
<p>并列关系</p> <p>并列关系</p>
<Slider marks={["状态1","状态2","状态3","状态4"]} isIncluded={false} index={1} /> <Slider marks={["状态1","状态2","状态3","状态4"]} isIncluded={false} defaultIndex={1} />
</div> </div>
, document.getElementById('components-slider-demo-mark')); , document.getElementById('components-slider-demo-mark'));
```` ````

2
components/slider/index.jsx
View File

@ -4,7 +4,7 @@ var Slider = require('rc-slider');
var AntSlider = React.createClass({ var AntSlider = React.createClass({
getDefaultProps() { getDefaultProps() {
return { return {
className: 'ant-slider' prefixCls: 'ant-slider'
}; };
}, },
render() { render() {

6
components/slider/index.md
View File

@ -19,8 +19,10 @@
| min | Number | 0 | 最小值 | min | Number | 0 | 最小值
| max | Number | 100 | 最大值 | max | Number | 100 | 最大值
| step | Number | 1 | 步长，取值必须大于 0，并且可被 (max - min) 整除 | step | Number | 1 | 步长，取值必须大于 0，并且可被 (max - min) 整除
| value | Number | 0 | 当前取值 | value | Number | | 当前取值
| defaultValue | Number | 0 | 初始取值
| marks | Array | [] | 分段标记，标记每一个 step，如果 step 属性没有定义，则 `marks` 属性会被忽略 | marks | Array | [] | 分段标记，标记每一个 step，如果 step 属性没有定义，则 `marks` 属性会被忽略
| isIncluded | Boolean | true | 分段式滑块，值为 true 时表示值为包含关系，false 表示并列 | isIncluded | Boolean | true | 分段式滑块，值为 true 时表示值为包含关系，false 表示并列
| index | Number | 0 | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作按钮最初的位置 | index | Number | | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作的当前位置
| defaultIndex | Number | 0 | 为具备 `step` 或者 `marks` 的 slider 提供滑块操作的初始位置
| disabled | Boolean | false | 值为 `true` 时，滑块为 disable 禁用状态 | disabled | Boolean | false | 值为 `true` 时，滑块为 disable 禁用状态

2
package.json
View File

@ -46,7 +46,7 @@
"rc-progress": "~1.0.0", "rc-progress": "~1.0.0",
"rc-radio": "~2.0.0", "rc-radio": "~2.0.0",
"rc-select": "~4.4.0", "rc-select": "~4.4.0",
"rc-slider": "~1.2.6", "rc-slider": "~1.3.1",
"rc-steps": "~1.1.4", "rc-steps": "~1.1.4",
"rc-switch": "~1.2.0", "rc-switch": "~1.2.0",
"rc-table": "~3.1.0", "rc-table": "~3.1.0",