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

Updates

Browse Source
This commit is contained in:
Benjy Cui
2016-03-17 15:55:40 +08:00
parent bd68f5e3da
commit 5e86c515d2
10 changed files with 163 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/common.js
+112 -118
View File
@@ -19748,23 +19748,23 @@
var _classnames2 = _interopRequireDefault(_classnames);
var _objectAssign2 = __webpack_require__(183);
var _objectAssign2 = __webpack_require__(182);
var _objectAssign3 = _interopRequireDefault(_objectAssign2);
var _Track = __webpack_require__(187);
var _Track = __webpack_require__(186);
var _Track2 = _interopRequireDefault(_Track);
var _Handle = __webpack_require__(188);
var _Handle = __webpack_require__(187);
var _Handle2 = _interopRequireDefault(_Handle);
var _Dots = __webpack_require__(216);
var _Dots = __webpack_require__(215);
var _Dots2 = _interopRequireDefault(_Dots);
var _Marks = __webpack_require__(217);
var _Marks = __webpack_require__(216);
var _Marks2 = _interopRequireDefault(_Marks);
@@ -20261,14 +20261,14 @@
KeyCode: __webpack_require__(170),
PureRenderMixin: __webpack_require__(171),
shallowEqual: __webpack_require__(172),
createChainedFunction: __webpack_require__(178),
createChainedFunction: __webpack_require__(177),
Dom: {
addEventListener: __webpack_require__(179),
contains: __webpack_require__(184)
addEventListener: __webpack_require__(178),
contains: __webpack_require__(183)
},
Children: {
toArray: __webpack_require__(185),
mapSelf: __webpack_require__(186)
toArray: __webpack_require__(184),
mapSelf: __webpack_require__(185)
}
};
@@ -21004,17 +21004,7 @@
'use strict';
var shallowEqual = __webpack_require__(173);
module.exports = shallowEqual;
/***/ },
/* 173 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var fetchKeys = __webpack_require__(174);
var fetchKeys = __webpack_require__(173);
module.exports = function shallowEqual(objA, objB, compare, compareContext) {
@@ -21062,7 +21052,7 @@
};
/***/ },
/* 174 */
/* 173 */
/***/ function(module, exports, __webpack_require__) {
/**
@@ -21073,9 +21063,9 @@
* Copyright 2009-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
* Available under MIT license <https://lodash.com/license>
*/
var getNative = __webpack_require__(175),
isArguments = __webpack_require__(176),
isArray = __webpack_require__(177);
var getNative = __webpack_require__(174),
isArguments = __webpack_require__(175),
isArray = __webpack_require__(176);
/** Used to detect unsigned integer values. */
var reIsUint = /^\d+$/;
@@ -21304,7 +21294,7 @@
/***/ },
/* 175 */
/* 174 */
/***/ function(module, exports) {
/**
@@ -21447,11 +21437,11 @@
/***/ },
/* 176 */
/* 175 */
/***/ function(module, exports) {
/* WEBPACK VAR INJECTION */(function(global) {/**
* lodash 3.0.5 (Custom Build) <https://lodash.com/>
/**
* lodash 3.0.7 (Custom Build) <https://lodash.com/>
* Build: `lodash modularize exports="npm" -o ./`
* Copyright 2012-2016 The Dojo Foundation <http://dojofoundation.org/>
* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
@@ -21468,7 +21458,7 @@
genTag = '[object GeneratorFunction]';
/** Used for built-in method references. */
var objectProto = global.Object.prototype;
var objectProto = Object.prototype;
/** Used to check objects for own properties. */
var hasOwnProperty = objectProto.hasOwnProperty;
@@ -21536,7 +21526,6 @@
*
* @static
* @memberOf _
* @type Function
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is array-like, else `false`.
@@ -21565,7 +21554,6 @@
*
* @static
* @memberOf _
* @type Function
* @category Lang
* @param {*} value The value to check.
* @returns {boolean} Returns `true` if `value` is an array-like object, else `false`.
@@ -21636,7 +21624,8 @@
* // => false
*/
function isLength(value) {
return typeof value == 'number' && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
return typeof value == 'number' &&
value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
}
/**
@@ -21663,8 +21652,6 @@
* // => false
*/
function isObject(value) {
// Avoid a V8 JIT bug in Chrome 19-20.
// See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
var type = typeof value;
return !!value && (type == 'object' || type == 'function');
}
@@ -21697,11 +21684,10 @@
}
module.exports = isArguments;
/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
/***/ },
/* 177 */
/* 176 */
/***/ function(module, exports) {
/**
@@ -21887,7 +21873,7 @@
/***/ },
/* 178 */
/* 177 */
/***/ function(module, exports) {
/**
@@ -21914,7 +21900,7 @@
module.exports = createChainedFunction;
/***/ },
/* 179 */
/* 178 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21926,7 +21912,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _addDomEventListener = __webpack_require__(180);
var _addDomEventListener = __webpack_require__(179);
var _addDomEventListener2 = _interopRequireDefault(_addDomEventListener);
@@ -21945,7 +21931,7 @@
module.exports = exports['default'];
/***/ },
/* 180 */
/* 179 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -21957,7 +21943,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _EventObject = __webpack_require__(181);
var _EventObject = __webpack_require__(180);
var _EventObject2 = _interopRequireDefault(_EventObject);
@@ -21987,7 +21973,7 @@
module.exports = exports['default'];
/***/ },
/* 181 */
/* 180 */
/***/ function(module, exports, __webpack_require__) {
/**
@@ -22004,11 +21990,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _EventBaseObject = __webpack_require__(182);
var _EventBaseObject = __webpack_require__(181);
var _EventBaseObject2 = _interopRequireDefault(_EventBaseObject);
var _objectAssign = __webpack_require__(183);
var _objectAssign = __webpack_require__(182);
var _objectAssign2 = _interopRequireDefault(_objectAssign);
@@ -22270,7 +22256,7 @@
module.exports = exports['default'];
/***/ },
/* 182 */
/* 181 */
/***/ function(module, exports) {
/**
@@ -22338,7 +22324,7 @@
module.exports = exports["default"];
/***/ },
/* 183 */
/* 182 */
/***/ function(module, exports) {
/* eslint-disable no-unused-vars */
@@ -22383,7 +22369,7 @@
/***/ },
/* 184 */
/* 183 */
/***/ function(module, exports) {
"use strict";
@@ -22401,7 +22387,7 @@
};
/***/ },
/* 185 */
/* 184 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22417,7 +22403,7 @@
};
/***/ },
/* 186 */
/* 185 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22434,7 +22420,7 @@
};
/***/ },
/* 187 */
/* 186 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22467,7 +22453,7 @@
module.exports = exports['default'];
/***/ },
/* 188 */
/* 187 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22490,7 +22476,7 @@
var _react2 = _interopRequireDefault(_react);
var _rcTooltip = __webpack_require__(189);
var _rcTooltip = __webpack_require__(188);
var _rcTooltip2 = _interopRequireDefault(_rcTooltip);
@@ -22579,15 +22565,15 @@
module.exports = exports['default'];
/***/ },
/* 189 */
/* 188 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
module.exports = __webpack_require__(190);
module.exports = __webpack_require__(189);
/***/ },
/* 190 */
/* 189 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22606,9 +22592,9 @@
var _react2 = _interopRequireDefault(_react);
var _placements = __webpack_require__(191);
var _placements = __webpack_require__(190);
var _rcTrigger = __webpack_require__(192);
var _rcTrigger = __webpack_require__(191);
var _rcTrigger2 = _interopRequireDefault(_rcTrigger);
@@ -22727,7 +22713,7 @@
module.exports = exports['default'];
/***/ },
/* 191 */
/* 190 */
/***/ function(module, exports) {
'use strict';
@@ -22821,15 +22807,15 @@
exports['default'] = placements;
/***/ },
/* 192 */
/* 191 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
module.exports = __webpack_require__(193);
module.exports = __webpack_require__(192);
/***/ },
/* 193 */
/* 192 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -22852,11 +22838,11 @@
var _rcUtil = __webpack_require__(164);
var _Popup = __webpack_require__(194);
var _Popup = __webpack_require__(193);
var _Popup2 = _interopRequireDefault(_Popup);
var _utils = __webpack_require__(215);
var _utils = __webpack_require__(214);
function noop() {}
@@ -23195,7 +23181,7 @@
module.exports = exports['default'];
/***/ },
/* 194 */
/* 193 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -23214,15 +23200,15 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
var _rcAlign = __webpack_require__(195);
var _rcAlign = __webpack_require__(194);
var _rcAlign2 = _interopRequireDefault(_rcAlign);
var _rcAnimate = __webpack_require__(206);
var _rcAnimate = __webpack_require__(205);
var _rcAnimate2 = _interopRequireDefault(_rcAnimate);
var _PopupInner = __webpack_require__(214);
var _PopupInner = __webpack_require__(213);
var _PopupInner2 = _interopRequireDefault(_PopupInner);
@@ -23355,7 +23341,7 @@
module.exports = exports['default'];
/***/ },
/* 195 */
/* 194 */
/***/ function(module, exports, __webpack_require__) {
// export this package's api
@@ -23367,7 +23353,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _Align = __webpack_require__(196);
var _Align = __webpack_require__(195);
var _Align2 = _interopRequireDefault(_Align);
@@ -23375,7 +23361,7 @@
module.exports = exports['default'];
/***/ },
/* 196 */
/* 195 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -23394,13 +23380,13 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
var _domAlign = __webpack_require__(197);
var _domAlign = __webpack_require__(196);
var _domAlign2 = _interopRequireDefault(_domAlign);
var _rcUtil = __webpack_require__(164);
var _isWindow = __webpack_require__(205);
var _isWindow = __webpack_require__(204);
var _isWindow2 = _interopRequireDefault(_isWindow);
@@ -23532,7 +23518,7 @@
module.exports = exports['default'];
/***/ },
/* 197 */
/* 196 */
/***/ function(module, exports, __webpack_require__) {
/**
@@ -23548,27 +23534,27 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(198);
var _utils = __webpack_require__(197);
var _utils2 = _interopRequireDefault(_utils);
var _getOffsetParent = __webpack_require__(199);
var _getOffsetParent = __webpack_require__(198);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
var _getVisibleRectForElement = __webpack_require__(200);
var _getVisibleRectForElement = __webpack_require__(199);
var _getVisibleRectForElement2 = _interopRequireDefault(_getVisibleRectForElement);
var _adjustForViewport = __webpack_require__(201);
var _adjustForViewport = __webpack_require__(200);
var _adjustForViewport2 = _interopRequireDefault(_adjustForViewport);
var _getRegion = __webpack_require__(202);
var _getRegion = __webpack_require__(201);
var _getRegion2 = _interopRequireDefault(_getRegion);
var _getElFuturePos = __webpack_require__(203);
var _getElFuturePos = __webpack_require__(202);
var _getElFuturePos2 = _interopRequireDefault(_getElFuturePos);
@@ -23735,7 +23721,7 @@
module.exports = exports['default'];
/***/ },
/* 198 */
/* 197 */
/***/ function(module, exports) {
'use strict';
@@ -24233,7 +24219,7 @@
module.exports = exports['default'];
/***/ },
/* 199 */
/* 198 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24244,7 +24230,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(198);
var _utils = __webpack_require__(197);
var _utils2 = _interopRequireDefault(_utils);
@@ -24291,7 +24277,7 @@
module.exports = exports['default'];
/***/ },
/* 200 */
/* 199 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24302,11 +24288,11 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(198);
var _utils = __webpack_require__(197);
var _utils2 = _interopRequireDefault(_utils);
var _getOffsetParent = __webpack_require__(199);
var _getOffsetParent = __webpack_require__(198);
var _getOffsetParent2 = _interopRequireDefault(_getOffsetParent);
@@ -24372,7 +24358,7 @@
module.exports = exports['default'];
/***/ },
/* 201 */
/* 200 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24383,7 +24369,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(198);
var _utils = __webpack_require__(197);
var _utils2 = _interopRequireDefault(_utils);
@@ -24432,7 +24418,7 @@
module.exports = exports['default'];
/***/ },
/* 202 */
/* 201 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24443,7 +24429,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _utils = __webpack_require__(198);
var _utils = __webpack_require__(197);
var _utils2 = _interopRequireDefault(_utils);
@@ -24473,7 +24459,7 @@
module.exports = exports['default'];
/***/ },
/* 203 */
/* 202 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24484,7 +24470,7 @@
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var _getAlignOffset = __webpack_require__(204);
var _getAlignOffset = __webpack_require__(203);
var _getAlignOffset2 = _interopRequireDefault(_getAlignOffset);
@@ -24514,7 +24500,7 @@
module.exports = exports['default'];
/***/ },
/* 204 */
/* 203 */
/***/ function(module, exports) {
/**
@@ -24559,7 +24545,7 @@
module.exports = exports['default'];
/***/ },
/* 205 */
/* 204 */
/***/ function(module, exports) {
"use strict";
@@ -24578,16 +24564,16 @@
module.exports = exports["default"];
/***/ },
/* 206 */
/* 205 */
/***/ function(module, exports, __webpack_require__) {
// export this package's api
'use strict';
module.exports = __webpack_require__(207);
module.exports = __webpack_require__(206);
/***/ },
/* 207 */
/* 206 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -24604,13 +24590,13 @@
var _react2 = _interopRequireDefault(_react);
var _ChildrenUtils = __webpack_require__(208);
var _ChildrenUtils = __webpack_require__(207);
var _AnimateChild = __webpack_require__(209);
var _AnimateChild = __webpack_require__(208);
var _AnimateChild2 = _interopRequireDefault(_AnimateChild);
var _util = __webpack_require__(213);
var _util = __webpack_require__(212);
var _util2 = _interopRequireDefault(_util);
@@ -24917,7 +24903,7 @@
module.exports = exports['default'];
/***/ },
/* 208 */
/* 207 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -25035,7 +25021,7 @@
}
/***/ },
/* 209 */
/* 208 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -25054,11 +25040,11 @@
var _reactDom2 = _interopRequireDefault(_reactDom);
var _cssAnimation = __webpack_require__(210);
var _cssAnimation = __webpack_require__(209);
var _cssAnimation2 = _interopRequireDefault(_cssAnimation);
var _util = __webpack_require__(213);
var _util = __webpack_require__(212);
var _util2 = _interopRequireDefault(_util);
@@ -25138,13 +25124,13 @@
module.exports = exports['default'];
/***/ },
/* 210 */
/* 209 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
var Event = __webpack_require__(211);
var Css = __webpack_require__(212);
var Event = __webpack_require__(210);
var Css = __webpack_require__(211);
var isCssAnimationSupported = Event.endEvents.length !== 0;
function getDuration(node, name) {
@@ -25296,7 +25282,7 @@
module.exports = cssAnimation;
/***/ },
/* 211 */
/* 210 */
/***/ function(module, exports) {
'use strict';
@@ -25384,7 +25370,7 @@
module.exports = TransitionEvents;
/***/ },
/* 212 */
/* 211 */
/***/ function(module, exports) {
'use strict';
@@ -25415,7 +25401,7 @@
};
/***/ },
/* 213 */
/* 212 */
/***/ function(module, exports) {
"use strict";
@@ -25448,7 +25434,7 @@
module.exports = exports["default"];
/***/ },
/* 214 */
/* 213 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -25494,7 +25480,7 @@
module.exports = exports['default'];
/***/ },
/* 215 */
/* 214 */
/***/ function(module, exports) {
'use strict';
@@ -25529,7 +25515,7 @@
}
/***/ },
/* 216 */
/* 215 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -25596,7 +25582,7 @@
module.exports = exports['default'];
/***/ },
/* 217 */
/* 216 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@@ -25605,6 +25591,8 @@
value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
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; }
@@ -25632,7 +25620,9 @@
var markWidth = unit * 0.9;
var range = max - min;
var elements = marksKeys.map(parseFloat).map(function (point) {
var elements = marksKeys.map(parseFloat).sort(function (a, b) {
return a - b;
}).map(function (point) {
var _classNames;
var isActived = !included && point === upperBound || included && point <= upperBound && point >= lowerBound;
@@ -25641,10 +25631,14 @@
var style = { width: markWidth + '%' };
style.left = (point - min) / range * 100 - markWidth / 2 + '%';
var markPoint = marks[point];
var markPointIsObject = typeof markPoint === 'object';
var markLabel = markPointIsObject ? markPoint.label : markPoint;
var markStyle = markPointIsObject ? _extends({}, style, markPoint.style) : style;
return _react2['default'].createElement(
'span',
{ className: markClassName, style: style, key: point },
marks[point]
{ className: markClassName, style: markStyle, key: point },
markLabel
);
});
examples/common.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
examples/marks.html
+9 -4
View File
@@ -2,7 +2,7 @@
<html>
<head>
<title>marks.js - example - rc-slider@3.3.2</title>
<title>marks.js - example - rc-slider@3.4.0</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@3.3.2</h1>
<h1>rc-slider@3.4.0</h1>
<p>slider ui component for react</p>
</div>
@@ -277,10 +277,15 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-number">26</span>: <span class="hljs-string">'26°C'</span>,
<span class="hljs-number">37</span>: <span class="hljs-string">'37°C'</span>,
<span class="hljs-number">50</span>: <span class="hljs-string">'50°C'</span>,
<span class="hljs-number">100</span>: <span class="hljs-string">'100°C'</span>,
<span class="hljs-number">100</span>: {
style: {
color: <span class="hljs-string">'red'</span>,
},
label: <span class="hljs-string">'100°C'</span>,
},
};
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span>(<span class="hljs-params">value</span>) </span>{
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span><span class="hljs-params">(value)</span> </span>{
<span class="hljs-built_in">console</span>.log(value);
}
examples/marks.js
+6 -1
View File
@@ -24,7 +24,12 @@ webpackJsonp([0],[
26: '26°C',
37: '37°C',
50: '50°C',
100: '100°C'
100: {
style: {
color: 'red'
},
label: '100°C'
}
};
function log(value) {
examples/marks.js.map
+1 -1
View File
@@ -1 +1 @@
{"version":3,"sources":["webpack:///./examples/marks.js"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,oBAAO,CAAC,CAA6B,CAAC,CAAC;;AAEvC,KAAM,KAAK,GAAG,mBAAO,CAAC,CAAO,CAAC,CAAC;AAC/B,KAAM,QAAQ,GAAG,mBAAO,CAAC,GAAW,CAAC,CAAC;AACtC,KAAM,MAAM,GAAG,mBAAO,CAAC,GAAW,CAAC,CAAC;;AAEpC,KAAM,KAAK,GAAG,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC;AACvC,KAAM,KAAK,GAAG;AACZ,QAAK,EAAE,OAAO;AACd,IAAC,EAAE,KAAK;AACR,KAAE,EAAE,MAAM;AACV,KAAE,EAAE,MAAM;AACV,KAAE,EAAE,MAAM;AACV,MAAG,EAAE,OAAO;EACb,CAAC;;AAEF,UAAS,GAAG,CAAC,KAAK,EAAE;AAClB,UAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;EACpB;;AAED,SAAQ,CAAC,MAAM,CACb;;;GACE;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAqC;KACrC,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,IAAK,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,EAAG,GAAG;IAC3E;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAkC;KAClC,oBAAC,MAAM,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,EAAG,GAAG;IAC9E;GAEN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAA0C;KAC1C,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,QAAQ,EAAE,KAAM,EAAC,YAAY,EAAE,EAAG,GAAG;IACjE;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAoD;KACpD,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,KAAM,EAAC,YAAY,EAAE,EAAG,GAAG;IAC3E;GAEN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAuB;KACvB,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,QAAC,KAAK,EAAE,KAAM,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAE,GAAG;IAC3E;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAiC;KACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,QAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAE,GAAG;IACrF;EACF,EACJ,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,C","file":"marks.js","sourcesContent":["require('rc-slider/assets/index.less');\n\nconst React = require('react');\nconst ReactDOM = require('react-dom');\nconst Slider = require('rc-slider');\n\nconst style = {width: 400, margin: 50};\nconst marks = {\n '-10': '-10°C',\n 0: '0°C',\n 26: '26°C',\n 37: '37°C',\n 50: '50°C',\n 100: '100°C',\n};\n\nfunction log(value) {\n console.log(value);\n}\n\nReactDOM.render(\n <div>\n <div style={style}>\n <p>Slider with marks, `step=null`</p>\n <Slider min={-10} marks={marks} step={null} onChange={log} defaultValue={20} />\n </div>\n <div style={style}>\n <p>Slider with marks and steps</p>\n <Slider dots min={-10} marks={marks} step={10} onChange={log} defaultValue={20} />\n </div>\n\n <div style={style}>\n <p>Slider with marks, `included=false`</p>\n <Slider min={-10} marks={marks} included={false} defaultValue={20} />\n </div>\n <div style={style}>\n <p>Slider with marks and steps, `included=false`</p>\n <Slider min={-10} marks={marks} step={10} included={false} defaultValue={20} />\n </div>\n\n <div style={style}>\n <p>Range with marks</p>\n <Slider min={-10} range marks={marks} onChange={log} defaultValue={[20, 40]} />\n </div>\n <div style={style}>\n <p>Range with marks and steps</p>\n <Slider min={-10} range marks={marks} step={10} onChange={log} defaultValue={[20, 40]} />\n </div>\n </div>\n , document.getElementById('__react-content'));\n\n\n\n/** WEBPACK FOOTER **\n ** ./examples/marks.js\n **/"],"sourceRoot":""}
{"version":3,"sources":["webpack:///./examples/marks.js"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,oBAAO,CAAC,CAA6B,CAAC,CAAC;;AAEvC,KAAM,KAAK,GAAG,mBAAO,CAAC,CAAO,CAAC,CAAC;AAC/B,KAAM,QAAQ,GAAG,mBAAO,CAAC,GAAW,CAAC,CAAC;AACtC,KAAM,MAAM,GAAG,mBAAO,CAAC,GAAW,CAAC,CAAC;;AAEpC,KAAM,KAAK,GAAG,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC;AACvC,KAAM,KAAK,GAAG;AACZ,QAAK,EAAE,OAAO;AACd,IAAC,EAAE,KAAK;AACR,KAAE,EAAE,MAAM;AACV,KAAE,EAAE,MAAM;AACV,KAAE,EAAE,MAAM;AACV,MAAG,EAAE;AACH,UAAK,EAAE;AACL,YAAK,EAAE,KAAK;MACb;AACD,UAAK,EAAE,OAAO;IACf;EACF,CAAC;;AAEF,UAAS,GAAG,CAAC,KAAK,EAAE;AAClB,UAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;EACpB;;AAED,SAAQ,CAAC,MAAM,CACb;;;GACE;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAqC;KACrC,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,IAAK,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,EAAG,GAAG;IAC3E;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAkC;KAClC,oBAAC,MAAM,IAAC,IAAI,QAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,EAAG,GAAG;IAC9E;GAEN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAA0C;KAC1C,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,QAAQ,EAAE,KAAM,EAAC,YAAY,EAAE,EAAG,GAAG;IACjE;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAoD;KACpD,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,KAAM,EAAC,YAAY,EAAE,EAAG,GAAG;IAC3E;GAEN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAuB;KACvB,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,QAAC,KAAK,EAAE,KAAM,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAE,GAAG;IAC3E;GACN;;OAAK,KAAK,EAAE,KAAM;KAChB;;;;MAAiC;KACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAG,EAAC,KAAK,QAAC,KAAK,EAAE,KAAM,EAAC,IAAI,EAAE,EAAG,EAAC,QAAQ,EAAE,GAAI,EAAC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAE,GAAG;IACrF;EACF,EACJ,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,C","file":"marks.js","sourcesContent":["require('rc-slider/assets/index.less');\n\nconst React = require('react');\nconst ReactDOM = require('react-dom');\nconst Slider = require('rc-slider');\n\nconst style = {width: 400, margin: 50};\nconst marks = {\n '-10': '-10°C',\n 0: '0°C',\n 26: '26°C',\n 37: '37°C',\n 50: '50°C',\n 100: {\n style: {\n color: 'red',\n },\n label: '100°C',\n },\n};\n\nfunction log(value) {\n console.log(value);\n}\n\nReactDOM.render(\n <div>\n <div style={style}>\n <p>Slider with marks, `step=null`</p>\n <Slider min={-10} marks={marks} step={null} onChange={log} defaultValue={20} />\n </div>\n <div style={style}>\n <p>Slider with marks and steps</p>\n <Slider dots min={-10} marks={marks} step={10} onChange={log} defaultValue={20} />\n </div>\n\n <div style={style}>\n <p>Slider with marks, `included=false`</p>\n <Slider min={-10} marks={marks} included={false} defaultValue={20} />\n </div>\n <div style={style}>\n <p>Slider with marks and steps, `included=false`</p>\n <Slider min={-10} marks={marks} step={10} included={false} defaultValue={20} />\n </div>\n\n <div style={style}>\n <p>Range with marks</p>\n <Slider min={-10} range marks={marks} onChange={log} defaultValue={[20, 40]} />\n </div>\n <div style={style}>\n <p>Range with marks and steps</p>\n <Slider min={-10} range marks={marks} step={10} onChange={log} defaultValue={[20, 40]} />\n </div>\n </div>\n , document.getElementById('__react-content'));\n\n\n\n/** WEBPACK FOOTER **\n ** ./examples/marks.js\n **/"],"sourceRoot":""}
examples/range.html
+12 -12
View File
@@ -2,7 +2,7 @@
<html>
<head>
<title>range.js - example - rc-slider@3.3.2</title>
<title>range.js - example - rc-slider@3.4.0</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@3.3.2</h1>
<h1>rc-slider@3.4.0</h1>
<p>slider ui component for react</p>
</div>
@@ -273,23 +273,23 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-keyword">const</span> style = {width: <span class="hljs-number">400</span>, margin: <span class="hljs-number">50</span>};
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span>(<span class="hljs-params">value</span>) </span>{
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span><span class="hljs-params">(value)</span> </span>{
<span class="hljs-built_in">console</span>.log(value);
}
<span class="hljs-keyword">const</span> CustomizedRange = React.createClass({
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> {
value: [<span class="hljs-number">20</span>, <span class="hljs-number">40</span>],
};
},
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">value</span>) </span>{
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value)</span> </span>{
log(value);
<span class="hljs-keyword">this</span>.setState({
value: value,
});
},
render: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.value}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onSliderChange}</span> /&gt;</span>;</span>
},
});
@@ -301,20 +301,20 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
max: <span class="hljs-number">100</span>,
};
},
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">value</span>) </span>{
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value)</span> </span>{
log(value);
},
onMinChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) </span>{
onMinChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
<span class="hljs-keyword">this</span>.setState({
min: +e.target.value || <span class="hljs-number">0</span>,
});
},
onMaxChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) </span>{
onMaxChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
<span class="hljs-keyword">this</span>.setState({
max: +e.target.value || <span class="hljs-number">100</span>,
});
},
render: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> (
<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">label</span>&gt;</span>Min: <span class="hljs-tag">&lt;/<span class="hljs-title">label</span>&gt;</span>
@@ -325,12 +325,12 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-tag">&lt;<span class="hljs-title">br</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-title">br</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">range</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{[20,</span> <span class="hljs-attribute">50</span>]} <span class="hljs-attribute">min</span>=<span class="hljs-value">{this.state.min}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{this.state.max}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onSliderChange}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
)</span>;
);
},
});
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>&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>Basic Range，`allowCross=false`<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-attribute">allowCross</span>=<span class="hljs-value">{false}</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{[0,</span> <span class="hljs-attribute">20</span>]} <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{log}</span> /&gt;</span>
examples/range.js
+2 -2
View File
@@ -3,12 +3,12 @@ webpackJsonp([1],{
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(218);
module.exports = __webpack_require__(217);
/***/ },
/***/ 218:
/***/ 217:
/***/ function(module, exports, __webpack_require__) {
/* eslint react/no-multi-comp: 0 */
examples/slider.html
+14 -14
View File
@@ -2,7 +2,7 @@
<html>
<head>
<title>slider.js - example - rc-slider@3.3.2</title>
<title>slider.js - example - rc-slider@3.4.0</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@3.3.2</h1>
<h1>rc-slider@3.4.0</h1>
<p>slider ui component for react</p>
</div>
@@ -273,53 +273,53 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-keyword">const</span> style = {width: <span class="hljs-number">400</span>, margin: <span class="hljs-number">50</span>};
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span>(<span class="hljs-params">value</span>) </span>{
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">log</span><span class="hljs-params">(value)</span> </span>{
<span class="hljs-built_in">console</span>.log(value);
}
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">percentFormatter</span>(<span class="hljs-params">v</span>) </span>{
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">percentFormatter</span><span class="hljs-params">(v)</span> </span>{
<span class="hljs-keyword">return</span> v + <span class="hljs-string">' %'</span>;
}
<span class="hljs-keyword">const</span> CustomizedSlider = React.createClass({
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> {
value: <span class="hljs-number">50</span>,
};
},
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">value</span>) </span>{
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value)</span> </span>{
log(value);
<span class="hljs-keyword">this</span>.setState({
value: value,
});
},
render: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">value</span>=<span class="hljs-value">{this.state.value}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onSliderChange}</span> /&gt;</span>;</span>
},
});
<span class="hljs-keyword">const</span> DynamicBounds = React.createClass({
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
getInitialState: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> {
min: <span class="hljs-number">0</span>,
max: <span class="hljs-number">100</span>,
};
},
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">value</span>) </span>{
onSliderChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(value)</span> </span>{
log(value);
},
onMinChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) </span>{
onMinChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
<span class="hljs-keyword">this</span>.setState({
min: +e.target.value || <span class="hljs-number">0</span>,
});
},
onMaxChange: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) </span>{
onMaxChange: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">(e)</span> </span>{
<span class="hljs-keyword">this</span>.setState({
max: +e.target.value || <span class="hljs-number">100</span>,
});
},
render: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
render: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">()</span> </span>{
<span class="hljs-keyword">return</span> (
<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">label</span>&gt;</span>Min: <span class="hljs-tag">&lt;/<span class="hljs-title">label</span>&gt;</span>
@@ -330,12 +330,12 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
<span class="hljs-tag">&lt;<span class="hljs-title">br</span> /&gt;</span><span class="hljs-tag">&lt;<span class="hljs-title">br</span> /&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">Slider</span> <span class="hljs-attribute">defaultValue</span>=<span class="hljs-value">{50}</span> <span class="hljs-attribute">min</span>=<span class="hljs-value">{this.state.min}</span> <span class="hljs-attribute">max</span>=<span class="hljs-value">{this.state.max}</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{this.onSliderChange}</span> /&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
)</span>;
);
},
});
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>&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>Basic Slider<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">tipTransitionName</span>=<span class="hljs-value">"rc-slider-tooltip-zoom-down"</span> <span class="hljs-attribute">onChange</span>=<span class="hljs-value">{log}</span> /&gt;</span>
examples/slider.js
+2 -2
View File
@@ -3,12 +3,12 @@ webpackJsonp([2],{
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(219);
module.exports = __webpack_require__(218);
/***/ },
/***/ 219:
/***/ 218:
/***/ function(module, exports, __webpack_require__) {
/* eslint react/no-multi-comp: 0 */
index.html
+4 -4
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@3.3.2 - slider ui component for react</title>
<title>rc-slider@3.4.0 - slider ui component for react</title>
<style>
@font-face {
font-family: octicons-anchor;
@@ -737,7 +737,7 @@
<body>
<div class="header">
<h1>rc-slider@3.3.2</h1>
<h1>rc-slider@3.4.0</h1>
</div>
<div class="examples">
<h3>EXAMPLES</h3>
@@ -806,9 +806,9 @@ ReactDOM.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-t
</tr>
<tr>
<td>marks</td>
<td>object {number: string}</td>
<td>object{number: string} or object{number: object{ style, label }}</td>
<td>{}</td>
<td>Mark on the slider. The key determines the position, and the value determines what will show.</td>
<td>Mark on the slider. The key determines the position, and the value determines what will show. If you want to set the style of a specific mark point, the value should be an object which contains <code>style</code> and <code>label</code> properties.</td>
</tr>
<tr>
<td>step</td>