wassname/slider
1
0
Fork 0
mirror of https://github.com/wassname/slider.git synced 2026-09-10 12:38:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
再飞
2015-11-02 10:32:31 +08:00
parent a50a090607
commit b3172401f3
5 changed files with 238 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/common.js.map
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["webpack:///webpack/bootstrap 0e1c16a33dcf6326da4c"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAQ,oBAAoB;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,uBAAe;AACf;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,wEAAgE,aAAa;AAC7E;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA","file":"common.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, callbacks = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId])\n \t\t\t\tcallbacks.push.apply(callbacks, installedChunks[chunkId]);\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);\n \t\twhile(callbacks.length)\n \t\t\tcallbacks.shift().call(null, __webpack_require__);\n \t\tif(moreModules[0]) {\n \t\t\tinstalledModules[0] = 0;\n \t\t\treturn __webpack_require__(0);\n \t\t}\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// \"0\" means \"already loaded\"\n \t// Array means \"loading\", array contains callbacks\n \tvar installedChunks = {\n \t\t1:0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId, callback) {\n \t\t// \"0\" is the signal for \"already loaded\"\n \t\tif(installedChunks[chunkId] === 0)\n \t\t\treturn callback.call(null, __webpack_require__);\n\n \t\t// an array means \"currently loading\".\n \t\tif(installedChunks[chunkId] !== undefined) {\n \t\t\tinstalledChunks[chunkId].push(callback);\n \t\t} else {\n \t\t\t// start chunk loading\n \t\t\tinstalledChunks[chunkId] = [callback];\n \t\t\tvar head = document.getElementsByTagName('head')[0];\n \t\t\tvar script = document.createElement('script');\n \t\t\tscript.type = 'text/javascript';\n \t\t\tscript.charset = 'utf-8';\n \t\t\tscript.async = true;\n\n \t\t\tscript.src = __webpack_require__.p + \"\" + chunkId + \".\" + ({\"0\":\"simple\"}[chunkId]||chunkId) + \".js\";\n \t\t\thead.appendChild(script);\n \t\t}\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 0e1c16a33dcf6326da4c\n **/"],"sourceRoot":""}
{"version":3,"sources":["webpack:///webpack/bootstrap 8e210b569a2db4ff0610"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAQ,oBAAoB;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,uBAAe;AACf;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,YAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,wEAAgE,aAAa;AAC7E;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA","file":"common.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, callbacks = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId])\n \t\t\t\tcallbacks.push.apply(callbacks, installedChunks[chunkId]);\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules);\n \t\twhile(callbacks.length)\n \t\t\tcallbacks.shift().call(null, __webpack_require__);\n \t\tif(moreModules[0]) {\n \t\t\tinstalledModules[0] = 0;\n \t\t\treturn __webpack_require__(0);\n \t\t}\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// \"0\" means \"already loaded\"\n \t// Array means \"loading\", array contains callbacks\n \tvar installedChunks = {\n \t\t1:0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n \t// This file contains only the entry chunk.\n \t// The chunk loading function for additional chunks\n \t__webpack_require__.e = function requireEnsure(chunkId, callback) {\n \t\t// \"0\" is the signal for \"already loaded\"\n \t\tif(installedChunks[chunkId] === 0)\n \t\t\treturn callback.call(null, __webpack_require__);\n\n \t\t// an array means \"currently loading\".\n \t\tif(installedChunks[chunkId] !== undefined) {\n \t\t\tinstalledChunks[chunkId].push(callback);\n \t\t} else {\n \t\t\t// start chunk loading\n \t\t\tinstalledChunks[chunkId] = [callback];\n \t\t\tvar head = document.getElementsByTagName('head')[0];\n \t\t\tvar script = document.createElement('script');\n \t\t\tscript.type = 'text/javascript';\n \t\t\tscript.charset = 'utf-8';\n \t\t\tscript.async = true;\n\n \t\t\tscript.src = __webpack_require__.p + \"\" + chunkId + \".\" + ({\"0\":\"simple\"}[chunkId]||chunkId) + \".js\";\n \t\t\thead.appendChild(script);\n \t\t}\n \t};\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 8e210b569a2db4ff0610\n **/"],"sourceRoot":""}
examples/simple.html
+8 -7
View File
@@ -2,7 +2,7 @@
<html>
<head>
<title>simple.js - example - rc-slider@1.6.0</title>
<title>simple.js - example - rc-slider@2.0.1</title>
<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta charset="utf-8"/>
@@ -257,7 +257,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<body>
<div class="container">
<div class="header">
<h1>rc-slider@1.6.0</h1>
<h1>rc-slider@2.0.1</h1>
<p>slider ui component for react</p>
</div>
@@ -269,6 +269,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider/assets/index.css'</span>);
<span class="hljs-keyword">var</span> React = <span class="hljs-built_in">require</span>(<span class="hljs-string">'react'</span>);
<span class="hljs-keyword">var</span> ReactDOM = <span class="hljs-built_in">require</span>(<span class="hljs-string">'react-dom'</span>);
<span class="hljs-keyword">var</span> Slider = <span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider'</span>);
<span class="hljs-keyword">var</span> style = {width:<span class="hljs-number">400</span>,margin:<span class="hljs-number">50</span>};
@@ -276,7 +277,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-built_in">console</span>.log(v);
}
React.render(
ReactDOM.render(
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>基础滑块<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
@@ -288,15 +289,15 @@ React.render(
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>基础滑块，step=20 带原点<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">withDots</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{20}</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">dots</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{20}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>双滑块<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span>=<span class="hljs-value">{true}</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{10}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{90}</span> <span class="hljs-attribute">values</span>=<span class="hljs-value">{[0,</span> <span class="hljs-attribute">30</span>]} <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{onChange}</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{10}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{90}</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{[0,</span> <span class="hljs-attribute">30</span>]} <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{onChange}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>双滑块，step=20 <span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span>=<span class="hljs-value">{true}</span> <span class="hljs-attribute">withDots</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{20}</span> <span class="hljs-attribute">values</span>=<span class="hljs-value">{[0,</span> <span class="hljs-attribute">30</span>]} <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{onChange}</span> <span class="hljs-attribute">isIncluded</span>=<span class="hljs-value">{false}</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span> <span class="hljs-attribute">dots</span> <span class="hljs-attribute">step</span>=<span class="hljs-value">{20}</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{[0,</span> <span class="hljs-attribute">30</span>]} <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{onChange}</span> <span class="hljs-attribute">included</span>=<span class="hljs-value">{false}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>分段式滑块（包含关系）<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
@@ -304,7 +305,7 @@ React.render(
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{style}</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>分段式滑块（并列关系）<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">marks</span>=<span class="hljs-value">{["状态1","状态2","状态3","状态4"]}</span> <span class="hljs-attribute">isIncluded</span>=<span class="hljs-value">{false}</span> <span class="hljs-attribute">defaultIndex</span>=<span class="hljs-value">{1}</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">marks</span>=<span class="hljs-value">{["状态1","状态2","状态3","状态4"]}</span> <span class="hljs-attribute">included</span>=<span class="hljs-value">{false}</span> <span class="hljs-attribute">defaultIndex</span>=<span class="hljs-value">{1}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
, document.getElementById('__react-content'));
examples/simple.js
+218 -183
View File
@@ -14,14 +14,15 @@ webpackJsonp([0,1],[
__webpack_require__(2);
var React = __webpack_require__(3);
var Slider = __webpack_require__(160);
var ReactDOM = __webpack_require__(160);
var Slider = __webpack_require__(161);
var style = { width: 400, margin: 50 };
function onChange(v) {
console.log(v);
}
React.render(React.createElement(
ReactDOM.render(React.createElement(
'div',
null,
React.createElement(
@@ -52,7 +53,7 @@ webpackJsonp([0,1],[
null,
'基础滑块，step=20 带原点'
),
React.createElement(Slider, { withDots: true, step: 20 })
React.createElement(Slider, { dots: true, step: 20 })
),
React.createElement(
'div',
@@ -62,7 +63,7 @@ webpackJsonp([0,1],[
null,
'双滑块'
),
React.createElement(Slider, { range: true, min: 10, max: 90, values: [0, 30], onChange: onChange })
React.createElement(Slider, { range: true, min: 10, max: 90, defaultValue: [0, 30], onChange: onChange })
),
React.createElement(
'div',
@@ -72,7 +73,7 @@ webpackJsonp([0,1],[
null,
'双滑块，step=20 '
),
React.createElement(Slider, { range: true, withDots: true, step: 20, values: [0, 30], onChange: onChange, isIncluded: false })
React.createElement(Slider, { range: true, dots: true, step: 20, defaultValue: [0, 30], onChange: onChange, included: false })
),
React.createElement(
'div',
@@ -92,7 +93,7 @@ webpackJsonp([0,1],[
null,
'分段式滑块（并列关系）'
),
React.createElement(Slider, { marks: ["状态1", "状态2", "状态3", "状态4"], isIncluded: false, defaultIndex: 1 })
React.createElement(Slider, { marks: ["状态1", "状态2", "状态3", "状态4"], included: false, defaultIndex: 1 })
)
), document.getElementById('__react-content'));
@@ -19675,7 +19676,8 @@ webpackJsonp([0,1],[
'use strict';
module.exports = __webpack_require__(161);
module.exports = __webpack_require__(5);
/***/ },
/* 161 */
@@ -19691,6 +19693,14 @@ webpackJsonp([0,1],[
'use strict';
module.exports = __webpack_require__(163);
/***/ },
/* 163 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
@@ -19711,23 +19721,23 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _rcUtil = __webpack_require__(163);
var _rcUtil = __webpack_require__(164);
var _rcUtil2 = _interopRequireDefault(_rcUtil);
var _Track = __webpack_require__(175);
var _Track = __webpack_require__(176);
var _Track2 = _interopRequireDefault(_Track);
var _Handle = __webpack_require__(176);
var _Handle = __webpack_require__(177);
var _Handle2 = _interopRequireDefault(_Handle);
var _Steps = __webpack_require__(199);
var _Steps = __webpack_require__(200);
var _Steps2 = _interopRequireDefault(_Steps);
var _Marks = __webpack_require__(200);
var _Marks = __webpack_require__(201);
var _Marks2 = _interopRequireDefault(_Marks);
@@ -19767,15 +19777,16 @@ webpackJsonp([0,1],[
var upperBound = undefined;
var lowerBound = undefined;
if (props.range) {
var values = props.values || props.defaultValues;
upperBound = this.trimAlignValue(values[1]);
lowerBound = this.trimAlignValue(values[0]);
var value = props.value || props.defaultValue || [0, 0];
upperBound = this.trimAlignValue(value[1]);
lowerBound = this.trimAlignValue(value[0]);
} else if (props.marks.length > 0) {
upperBound = this.calcValueFromProps(props);
} else {
// Note: Maybe `value` is `0`.
// So, check the existence of `value` with `in`.
var value = 'value' in props ? props.value : props.defaultValue;
var defaultValue = 'defaultValue' in props ? props.defaultValue : 0;
var value = 'value' in props ? props.value : defaultValue;
upperBound = this.trimAlignValue(value);
}
@@ -19804,11 +19815,11 @@ webpackJsonp([0,1],[
key: 'componentWillReceiveProps',
value: function componentWillReceiveProps(nextProps) {
if (nextProps.range) {
var values = nextProps.values;
if (values) {
var value = nextProps.value;
if (value) {
this.setState({
upperBound: values[1],
lowerBound: values[0]
upperBound: value[1],
lowerBound: value[0]
});
}
} else if ('value' in nextProps) {
@@ -19859,7 +19870,12 @@ webpackJsonp([0,1],[
if (props.range) {
// `this.state` will not be updated immediately after `this.setState`.
// So, create a similar object.
var data = Object.assign({}, state, _defineProperty({}, state.handle, value));
// const data = Object.assign({}, state, {[state.handle]: value});
var data = {
upperBound: state.upperBound,
lowerBound: state.lowerBound
};
data[state.handle] = value;
this.triggerEvents('onChange', [data.lowerBound, data.upperBound]);
} else {
this.triggerEvents('onChange', value);
@@ -19892,14 +19908,26 @@ webpackJsonp([0,1],[
this.startValue = value;
this.startPosition = position;
var _state = this.state;
var upperBound = _state.upperBound;
var lowerBound = _state.lowerBound;
var state = this.state;
var upperBound = state.upperBound;
var lowerBound = state.lowerBound;
var isUpperBoundCloser = Math.abs(upperBound - value) < Math.abs(lowerBound - value);
var valueNeedChanging = !this.props.range || isUpperBoundCloser ? 'upperBound' : 'lowerBound';
var isAtTheSamePoint = upperBound === lowerBound;
valueNeedChanging = isAtTheSamePoint ? this.state.recent : valueNeedChanging;
var valueNeedChanging = 'upperBound';
if (this.props.range) {
var isLowerBoundCloser = Math.abs(upperBound - value) > Math.abs(lowerBound - value);
if (isLowerBoundCloser) {
valueNeedChanging = 'lowerBound';
}
var isAtTheSamePoint = upperBound === lowerBound;
if (isAtTheSamePoint) {
valueNeedChanging = state.recent;
}
if (isAtTheSamePoint && value !== upperBound) {
valueNeedChanging = value < upperBound ? 'lowerBound' : 'upperBound';
}
}
this.setState(_defineProperty({
handle: valueNeedChanging,
@@ -19907,7 +19935,12 @@ webpackJsonp([0,1],[
}, valueNeedChanging, value));
if (this.props.range) {
var data = Object.assign({}, this.state, _defineProperty({}, valueNeedChanging, value));
// const data = Object.assign({}, state, {[valueNeedChanging]: value});
var data = {
upperBound: state.upperBound,
lowerBound: state.lowerBound
};
data[valueNeedChanging] = value;
this.triggerEvents('onChange', [data.lowerBound, data.upperBound]);
} else {
this.triggerEvents('onChange', value);
@@ -20071,16 +20104,18 @@ webpackJsonp([0,1],[
value: function render() {
var _rcUtil$classSet;
var _state2 = this.state;
var handle = _state2.handle;
var upperBound = _state2.upperBound;
var lowerBound = _state2.lowerBound;
var _state = this.state;
var handle = _state.handle;
var upperBound = _state.upperBound;
var lowerBound = _state.lowerBound;
var props = this.props;
var className = props.className;
var prefixCls = props.prefixCls;
var disabled = props.disabled;
var included = props.included;
var isIncluded = props.isIncluded;
var dots = props.dots;
var withDots = props.withDots;
var range = props.range;
var marks = props.marks;
@@ -20098,7 +20133,7 @@ webpackJsonp([0,1],[
var lowerOffset = this.calcOffset(lowerBound);
var track = null;
if (isIncluded || range) {
if (included && isIncluded || range) {
var trackClassName = prefixCls + '-track';
track = _react2['default'].createElement(_Track2['default'], { className: trackClassName, offset: lowerOffset, length: upperOffset - lowerOffset });
}
@@ -20117,19 +20152,19 @@ webpackJsonp([0,1],[
var upperIndex = this.getIndex(upperBound);
var steps = null;
if (marksLen > 0 || step > 1 && withDots) {
if (marksLen > 0 || step > 1 && (dots || withDots)) {
var stepsClassName = prefixCls + '-step';
var stepNum = marksLen > 0 ? marksLen : Math.floor((max - min) / step) + 1;
steps = _react2['default'].createElement(_Steps2['default'], { className: stepsClassName, stepNum: stepNum,
lowerIndex: this.getIndex(lowerBound), upperIndex: upperIndex,
isIncluded: isIncluded || range });
included: included && isIncluded || range });
}
var mark = null;
if (marksLen > 0) {
var markClassName = prefixCls + '-mark';
mark = _react2['default'].createElement(_Marks2['default'], { className: markClassName, marks: marks,
index: upperIndex, isIncluded: isIncluded });
index: upperIndex, included: included && isIncluded });
}
return _react2['default'].createElement(
@@ -20154,14 +20189,13 @@ webpackJsonp([0,1],[
min: _react2['default'].PropTypes.number,
max: _react2['default'].PropTypes.number,
step: _react2['default'].PropTypes.number,
defaultValue: _react2['default'].PropTypes.number,
defaultValues: _react2['default'].PropTypes.arrayOf(_react2['default'].PropTypes.number),
defaultValue: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.arrayOf(_react2['default'].PropTypes.number)]),
defaultIndex: _react2['default'].PropTypes.number,
value: _react2['default'].PropTypes.number,
values: _react2['default'].PropTypes.arrayOf(_react2['default'].PropTypes.number),
value: _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.number, _react2['default'].PropTypes.arrayOf(_react2['default'].PropTypes.number)]),
index: _react2['default'].PropTypes.number,
marks: _react2['default'].PropTypes.array,
isIncluded: _react2['default'].PropTypes.bool,
isIncluded: _react2['default'].PropTypes.bool, // @Deprecated
included: _react2['default'].PropTypes.bool,
className: _react2['default'].PropTypes.string,
prefixCls: _react2['default'].PropTypes.string,
disabled: _react2['default'].PropTypes.bool,
@@ -20170,7 +20204,8 @@ webpackJsonp([0,1],[
onChange: _react2['default'].PropTypes.func,
onAfterChange: _react2['default'].PropTypes.func,
tipTransitionName: _react2['default'].PropTypes.string,
withDots: _react2['default'].PropTypes.bool,
withDots: _react2['default'].PropTypes.bool, // @Deprecated
dots: _react2['default'].PropTypes.bool,
range: _react2['default'].PropTypes.bool
};
@@ -20178,16 +20213,16 @@ webpackJsonp([0,1],[
min: 0,
max: 100,
step: 1,
defaultValue: 0,
defaultValues: [0, 0],
defaultIndex: 0,
marks: [],
isIncluded: true,
isIncluded: true, // @Deprecated
included: true,
className: '',
prefixCls: 'rc-slider',
disabled: false,
tipTransitionName: '',
withDots: false,
withDots: false, // @Deprecated
dots: false,
range: false
};
@@ -20195,30 +20230,30 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 163 */
/* 164 */
/***/ function(module, exports, __webpack_require__) {
module.exports = {
guid: __webpack_require__(164),
classSet: __webpack_require__(165),
joinClasses: __webpack_require__(166),
KeyCode: __webpack_require__(167),
PureRenderMixin: __webpack_require__(168),
shallowEqual: __webpack_require__(169),
createChainedFunction: __webpack_require__(170),
guid: __webpack_require__(165),
classSet: __webpack_require__(166),
joinClasses: __webpack_require__(167),
KeyCode: __webpack_require__(168),
PureRenderMixin: __webpack_require__(169),
shallowEqual: __webpack_require__(170),
createChainedFunction: __webpack_require__(171),
Dom: {
addEventListener: __webpack_require__(171),
contains: __webpack_require__(172)
addEventListener: __webpack_require__(172),
contains: __webpack_require__(173)
},
Children: {
toArray: __webpack_require__(173),
mapSelf: __webpack_require__(174)
toArray: __webpack_require__(174),
mapSelf: __webpack_require__(175)
}
};
/***/ },
/* 164 */
/* 165 */
/***/ function(module, exports) {
var seed = 0;
@@ -20228,7 +20263,7 @@ webpackJsonp([0,1],[
/***/ },
/* 165 */
/* 166 */
/***/ function(module, exports) {
/**
@@ -20273,7 +20308,7 @@ webpackJsonp([0,1],[
/***/ },
/* 166 */
/* 167 */
/***/ function(module, exports) {
/**
@@ -20320,7 +20355,7 @@ webpackJsonp([0,1],[
/***/ },
/* 167 */
/* 168 */
/***/ function(module, exports) {
/**
@@ -20847,7 +20882,7 @@ webpackJsonp([0,1],[
/***/ },
/* 168 */
/* 169 */
/***/ function(module, exports, __webpack_require__) {
/**
@@ -20863,7 +20898,7 @@ webpackJsonp([0,1],[
"use strict";
var shallowEqual = __webpack_require__(169);
var shallowEqual = __webpack_require__(170);
/**
* If your React component's render function is "pure", e.g. it will render the
@@ -20900,7 +20935,7 @@ webpackJsonp([0,1],[
/***/ },
/* 169 */
/* 170 */
/***/ function(module, exports) {
/**
@@ -20948,7 +20983,7 @@ webpackJsonp([0,1],[
/***/ },
/* 170 */
/* 171 */
/***/ function(module, exports) {
/**
@@ -20975,7 +21010,7 @@ webpackJsonp([0,1],[
/***/ },
/* 171 */
/* 172 */
/***/ function(module, exports) {
module.exports = function (target, eventType, callback) {
@@ -20998,7 +21033,7 @@ webpackJsonp([0,1],[
/***/ },
/* 172 */
/* 173 */
/***/ function(module, exports) {
module.exports = function (root, node) {
@@ -21014,7 +21049,7 @@ webpackJsonp([0,1],[
/***/ },
/* 173 */
/* 174 */
/***/ function(module, exports, __webpack_require__) {
var React = __webpack_require__(3);
@@ -21029,7 +21064,7 @@ webpackJsonp([0,1],[
/***/ },
/* 174 */
/* 175 */
/***/ function(module, exports, __webpack_require__) {
var React = __webpack_require__(3);
@@ -21045,7 +21080,7 @@ webpackJsonp([0,1],[
/***/ },
/* 175 */
/* 176 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21076,7 +21111,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 176 */
/* 177 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21099,7 +21134,7 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _rcTooltip = __webpack_require__(177);
var _rcTooltip = __webpack_require__(178);
var _rcTooltip2 = _interopRequireDefault(_rcTooltip);
@@ -21186,15 +21221,15 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 177 */
/* 178 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
module.exports = __webpack_require__(178);
module.exports = __webpack_require__(179);
/***/ },
/* 178 */
/* 179 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21211,9 +21246,9 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _rcUtil = __webpack_require__(163);
var _rcUtil = __webpack_require__(164);
var _Popup = __webpack_require__(179);
var _Popup = __webpack_require__(180);
var _Popup2 = _interopRequireDefault(_Popup);
@@ -21508,7 +21543,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 179 */
/* 180 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21523,13 +21558,13 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _utils = __webpack_require__(180);
var _utils = __webpack_require__(181);
var _rcAlign = __webpack_require__(181);
var _rcAlign = __webpack_require__(182);
var _rcAlign2 = _interopRequireDefault(_rcAlign);
var _rcAnimate = __webpack_require__(191);
var _rcAnimate = __webpack_require__(192);
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
@@ -21657,7 +21692,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 180 */
/* 181 */
/***/ function(module, exports) {
'use strict';
@@ -21752,7 +21787,7 @@ webpackJsonp([0,1],[
}
/***/ },
/* 181 */
/* 182 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21764,7 +21799,7 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Align = __webpack_require__(182);
var _Align = __webpack_require__(183);
var _Align2 = _interopRequireDefault(_Align);
@@ -21772,7 +21807,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 182 */
/* 183 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21795,11 +21830,11 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _domAlign = __webpack_require__(183);
var _domAlign = __webpack_require__(184);
var _domAlign2 = _interopRequireDefault(_domAlign);
var _rcUtil = __webpack_require__(163);
var _rcUtil = __webpack_require__(164);
var _rcUtil2 = _interopRequireDefault(_rcUtil);
@@ -21937,7 +21972,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 183 */
/* 184 */
/***/ function(module, exports, __webpack_require__) {
/**
@@ -21953,27 +21988,27 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(184);
var _utils = __webpack_require__(185);
var _utils2 = _interopRequireDefault(_utils);
var _getOffsetParent = __webpack_require__(185);
var _getOffsetParent = __webpack_require__(186);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
var _getVisibleRectForElement = __webpack_require__(186);
var _getVisibleRectForElement = __webpack_require__(187);
var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
var _adjustForViewport = __webpack_require__(187);
var _adjustForViewport = __webpack_require__(188);
var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
var _getRegion = __webpack_require__(188);
var _getRegion = __webpack_require__(189);
var _getRegion2 = _interopRequireDefault(_getRegion);
var _getElFuturePos = __webpack_require__(189);
var _getElFuturePos = __webpack_require__(190);
var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
@@ -22147,7 +22182,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 184 */
/* 185 */
/***/ function(module, exports) {
'use strict';
@@ -22603,7 +22638,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 185 */
/* 186 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22614,7 +22649,7 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(184);
var _utils = __webpack_require__(185);
var _utils2 = _interopRequireDefault(_utils);
@@ -22661,7 +22696,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 186 */
/* 187 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22672,11 +22707,11 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(184);
var _utils = __webpack_require__(185);
var _utils2 = _interopRequireDefault(_utils);
var _getOffsetParent = __webpack_require__(185);
var _getOffsetParent = __webpack_require__(186);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
@@ -22742,7 +22777,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 187 */
/* 188 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22753,7 +22788,7 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(184);
var _utils = __webpack_require__(185);
var _utils2 = _interopRequireDefault(_utils);
@@ -22802,7 +22837,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 188 */
/* 189 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22813,7 +22848,7 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(184);
var _utils = __webpack_require__(185);
var _utils2 = _interopRequireDefault(_utils);
@@ -22843,7 +22878,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 189 */
/* 190 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22854,7 +22889,7 @@ webpackJsonp([0,1],[
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _getAlignOffset = __webpack_require__(190);
var _getAlignOffset = __webpack_require__(191);
var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
@@ -22884,7 +22919,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 190 */
/* 191 */
/***/ function(module, exports) {
/**
@@ -22929,16 +22964,16 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 191 */
/* 192 */
/***/ function(module, exports, __webpack_require__) {
// export this package's api
'use strict';
module.exports = __webpack_require__(192);
module.exports = __webpack_require__(193);
/***/ },
/* 192 */
/* 193 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22955,15 +22990,15 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _ChildrenUtils = __webpack_require__(193);
var _ChildrenUtils = __webpack_require__(194);
var _ChildrenUtils2 = _interopRequireDefault(_ChildrenUtils);
var _AnimateChild = __webpack_require__(194);
var _AnimateChild = __webpack_require__(195);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
var _util = __webpack_require__(198);
var _util = __webpack_require__(199);
var _util2 = _interopRequireDefault(_util);
@@ -23258,7 +23293,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 193 */
/* 194 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -23375,7 +23410,7 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 194 */
/* 195 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -23390,11 +23425,11 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _cssAnimation = __webpack_require__(195);
var _cssAnimation = __webpack_require__(196);
var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
var _util = __webpack_require__(198);
var _util = __webpack_require__(199);
var _util2 = _interopRequireDefault(_util);
@@ -23473,13 +23508,13 @@ webpackJsonp([0,1],[
module.exports = exports['default'];
/***/ },
/* 195 */
/* 196 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var Event = __webpack_require__(196);
var Css = __webpack_require__(197);
var Event = __webpack_require__(197);
var Css = __webpack_require__(198);
var isCssAnimationSupported = Event.endEvents.length !== 0;
function getDuration(node, name) {
@@ -23631,7 +23666,7 @@ webpackJsonp([0,1],[
module.exports = cssAnimation;
/***/ },
/* 196 */
/* 197 */
/***/ function(module, exports) {
'use strict';
@@ -23719,7 +23754,7 @@ webpackJsonp([0,1],[
module.exports = TransitionEvents;
/***/ },
/* 197 */
/* 198 */
/***/ function(module, exports) {
'use strict';
@@ -23750,7 +23785,7 @@ webpackJsonp([0,1],[
};
/***/ },
/* 198 */
/* 199 */
/***/ function(module, exports) {
"use strict";
@@ -23782,61 +23817,6 @@ webpackJsonp([0,1],[
exports["default"] = util;
module.exports = exports["default"];
/***/ },
/* 199 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _rcUtil = __webpack_require__(163);
var _rcUtil2 = _interopRequireDefault(_rcUtil);
var Steps = function Steps(_ref) {
var className = _ref.className;
var stepNum = _ref.stepNum;
var isIncluded = _ref.isIncluded;
var lowerIndex = _ref.lowerIndex;
var upperIndex = _ref.upperIndex;
var dotClassName = className.replace('step', 'dot');
var unit = 100 / (stepNum - 1);
var elements = [];
for (var i = 0; i < stepNum; i++) {
var _rcUtil$classSet;
var offset = unit * i + '%';
var style = { left: offset };
var isActived = isIncluded && i <= upperIndex && i >= lowerIndex || !isIncluded && i === upperIndex;
var stepClassName = _rcUtil2['default'].classSet((_rcUtil$classSet = {}, _defineProperty(_rcUtil$classSet, dotClassName, true), _defineProperty(_rcUtil$classSet, dotClassName + '-active', isActived), _rcUtil$classSet));
elements.push(_react2['default'].createElement('span', { className: stepClassName, style: style, key: i }));
}
return _react2['default'].createElement(
'div',
{ className: className },
elements
);
};
exports['default'] = Steps;
module.exports = exports['default'];
/***/ },
/* 200 */
/***/ function(module, exports, __webpack_require__) {
@@ -23855,7 +23835,62 @@ webpackJsonp([0,1],[
var _react2 = _interopRequireDefault(_react);
var _rcUtil = __webpack_require__(163);
var _rcUtil = __webpack_require__(164);
var _rcUtil2 = _interopRequireDefault(_rcUtil);
var Steps = function Steps(_ref) {
var className = _ref.className;
var stepNum = _ref.stepNum;
var included = _ref.included;
var lowerIndex = _ref.lowerIndex;
var upperIndex = _ref.upperIndex;
var dotClassName = className.replace('step', 'dot');
var unit = 100 / (stepNum - 1);
var elements = [];
for (var i = 0; i < stepNum; i++) {
var _rcUtil$classSet;
var offset = unit * i + '%';
var style = { left: offset };
var isActived = included && i <= upperIndex && i >= lowerIndex || !included && i === upperIndex;
var stepClassName = _rcUtil2['default'].classSet((_rcUtil$classSet = {}, _defineProperty(_rcUtil$classSet, dotClassName, true), _defineProperty(_rcUtil$classSet, dotClassName + '-active', isActived), _rcUtil$classSet));
elements.push(_react2['default'].createElement('span', { className: stepClassName, style: style, key: i }));
}
return _react2['default'].createElement(
'div',
{ className: className },
elements
);
};
exports['default'] = Steps;
module.exports = exports['default'];
/***/ },
/* 201 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var _react = __webpack_require__(3);
var _react2 = _interopRequireDefault(_react);
var _rcUtil = __webpack_require__(164);
var _rcUtil2 = _interopRequireDefault(_rcUtil);
@@ -23863,7 +23898,7 @@ webpackJsonp([0,1],[
var className = _ref.className;
var marks = _ref.marks;
var index = _ref.index;
var isIncluded = _ref.isIncluded;
var included = _ref.included;
var marksLen = marks.length;
var unit = 100 / (marksLen - 1);
@@ -23873,7 +23908,7 @@ webpackJsonp([0,1],[
for (var i = 0; i < marksLen; i++) {
var _rcUtil$classSet;
var isActived = isIncluded && i <= index || !isIncluded && i === index;
var isActived = included && i <= index || !included && i === index;
var markClassName = _rcUtil2['default'].classSet((_rcUtil$classSet = {}, _defineProperty(_rcUtil$classSet, className + '-text', true), _defineProperty(_rcUtil$classSet, className + '-text-active', isActived), _rcUtil$classSet));
var style = { width: markWidth };
examples/simple.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
index.html
+10 -22
View File
@@ -7,7 +7,7 @@
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet"/>
<title>rc-slider@1.6.0 - slider ui component for react</title>
<title>rc-slider@2.0.1 - slider ui component for react</title>
<style>
@font-face {
font-family: octicons-anchor;
@@ -737,7 +737,7 @@
<body>
<div class="header">
<h1>rc-slider@1.6.0</h1>
<h1>rc-slider@2.0.1</h1>
</div>
<div class="examples">
<h3>EXAMPLES</h3>
@@ -814,27 +814,15 @@ ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-t
</tr>
<tr>
<td>defaultValue</td>
<td>number</td>
<td>0</td>
<td>If range is <code>false</code>, this prop will set the initial position of the handle.</td>
</tr>
<tr>
<td>defaultValues</td>
<td>[number, number]</td>
<td>[0, 0]</td>
<td>If range is <code>true</code>, this prop will set initial positions of handles respectively.</td>
<td>number or [number, number]</td>
<td>0 or [0, 0]</td>
<td>Set initial positions of handles. If range is <code>false</code>, the type of <code>defaultValue</code> should be <code>number</code>. Otherwise, <code>[number, number]</code></td>
</tr>
<tr>
<td>value</td>
<td>number</td>
<td>number or [number, number]</td>
<td></td>
<td>If range is <code>false</code>, this prop will set the current position of the handle.</td>
</tr>
<tr>
<td>values</td>
<td>[number, number]</td>
<td></td>
<td>If range is <code>true</code>, this prop will set current positions of handles respectively.</td>
<td>Set current positions of handles. If range is <code>false</code>, the type of <code>defaultValue</code> should be <code>number</code>. Otherwise, <code>[number, number]</code></td>
</tr>
<tr>
<td>marks</td>
@@ -843,7 +831,7 @@ ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-t
<td>Mark every step for the slider, it will ignore the <code>step</code> parameter if it has been defined. Does not work with <code>range</code></td>
</tr>
<tr>
<td>isIncluded</td>
<td>included</td>
<td>boolean</td>
<td>true</td>
<td>If the value is <code>true</code>, it means a continuous value interval, otherwise, it is a independent value.</td>
@@ -873,10 +861,10 @@ ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-t
<td>Set the animation for tooltip if it shows.</td>
</tr>
<tr>
<td>withDots</td>
<td>dots</td>
<td>bool</td>
<td>false</td>
<td>For linear slider, when the <code>step</code> value is greater than 1, you can set the <code>withDots</code> to <code>true</code> if you want to render the slider bar with dots.</td>
<td>For linear slider, when the <code>step</code> value is greater than 1, you can set the <code>dots</code> to <code>true</code> if you want to render the slider bar with dots.</td>
</tr>
</tbody>
</table>