Updates

2026-09-18 13:00:06 +08:00 · 2015-07-28 22:43:15 +08:00
parent 5fcf3da019
commit ccd03a5d6b
6 changed files with 1118 additions and 173 deletions
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap ae1a6c8156ca29d566f1"],"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 ae1a6c8156ca29d566f1\n **/"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap 65e20611f54e265dff6c"],"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 65e20611f54e265dff6c\n **/"],"sourceRoot":""}
@@ -1 +1 @@
-<style>li {margin:10px;}</style><h1 style="text-align: center;margin:20px;">rc-slider examples</h1><ul><li><a href="simple.html">simple.js</a></li></ul>
+<script>location.href="../";</script>
@@ -1,192 +1,246 @@
-
 <!DOCTYPE html>
 <html>
+
 <head>
-  <title>rc-slider-simple</title>
-  <meta http-equiv=Content-Type content="text/html;charset=utf-8">
-  <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" type="text/css" rel="stylesheet"/>
-  <style>
+    <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" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css" rel="stylesheet" />
+    <style>
+      .highlight pre {
+        padding: .8em 1em;
+        font: 14px/20px Consolas,Monaco,'Andale Mono',monospace;
+        border: 1px solid #e5e8ec;
+        border-radius: 3px;
+        background-color: #21221d;
+        background-image: -webkit-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -moz-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -ms-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: -o-linear-gradient(#21221d 50%,#272822 50%);
+        background-image: linear-gradient(#21221d 50%,#272822 50%);
+        background-size: 40px 40px;
+        background-origin: content-box;
+        overflow: auto;
+        -webkit-overflow-scrolling: touch;
+      }
+      .highlight pre>code {
+        font-family: inherit;
+        direction: ltr;
+        text-align: left;
+        white-space: pre;
+        word-spacing: normal;
+        vertical-align: 2px;
+        display: block;
+        -moz-tab-size: 2;
+        -o-tab-size: 2;
+        tab-size: 2;
+        -webkit-hyphens: none;
+        -moz-hyphens: none;
+        -ms-hyphens: none;
+        hyphens: none;
+        color: #E5E5C2;
+      }
+          /*
+      Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
+      */
+
      .hljs {
-          display: block;
-          overflow-x: auto;
-          padding: 0.5em;
-          color: #333;
-          background: #f8f8f8;
-          -webkit-text-size-adjust: none;
+        display: block;
+        overflow-x: auto;
+        padding: 0.5em;
+        background: #23241f;
+        -webkit-text-size-adjust: none;
      }

-      .hljs-comment,
-      .diff .hljs-header,
-      .hljs-javadoc {
-          color: #998;
-          font-style: italic;
+      .hljs,
+      .hljs-tag,
+      .css .hljs-rules,
+      .css .hljs-value,
+      .css .hljs-function
+      .hljs-preprocessor,
+      .hljs-pragma {
+        color: #f8f8f2;
+      }
+
+      .hljs-strongemphasis,
+      .hljs-strong,
+      .hljs-emphasis {
+        color: #a8a8a2;
+      }
+
+      .hljs-bullet,
+      .hljs-blockquote,
+      .hljs-horizontal_rule,
+      .hljs-number,
+      .hljs-regexp,
+      .alias .hljs-keyword,
+      .hljs-literal,
+      .hljs-hexcolor {
+        color: #ae81ff;
+      }
+
+      .hljs-tag .hljs-value,
+      .hljs-code,
+      .hljs-title,
+      .css .hljs-class,
+      .hljs-class .hljs-title:last-child {
+        color: #a6e22e;
+      }
+
+      .hljs-link_url {
+        font-size: 80%;
+      }
+
+      .hljs-strong,
+      .hljs-strongemphasis {
+        font-weight: bold;
+      }
+
+      .hljs-emphasis,
+      .hljs-strongemphasis,
+      .hljs-class .hljs-title:last-child {
+        font-style: italic;
      }

      .hljs-keyword,
-      .css .rule .hljs-keyword,
+      .hljs-function,
+      .hljs-change,
      .hljs-winutils,
+      .hljs-flow,
      .nginx .hljs-title,
-      .hljs-subst,
-      .hljs-request,
-      .hljs-status {
-          color: #333;
-          font-weight: bold;
+      .tex .hljs-special,
+      .hljs-header,
+      .hljs-attribute,
+      .hljs-symbol,
+      .hljs-symbol .hljs-string,
+      .hljs-tag .hljs-title,
+      .hljs-value,
+      .alias .hljs-keyword:first-child,
+      .css .hljs-tag,
+      .css .unit,
+      .css .hljs-important {
+        color: #f92672;
      }

-      .hljs-number,
-      .hljs-hexcolor,
-      .ruby .hljs-constant {
-          color: #008080;
+      .hljs-function .hljs-keyword,
+      .hljs-class .hljs-keyword:first-child,
+      .hljs-constant,
+      .css .hljs-attribute {
+        color: #66d9ef;
+      }
+
+      .hljs-variable,
+      .hljs-params,
+      .hljs-class .hljs-title {
+        color: #f8f8f2;
      }

      .hljs-string,
-      .hljs-tag .hljs-value,
-      .hljs-phpdoc,
-      .hljs-dartdoc,
-      .tex .hljs-formula {
-          color: #d14;
-      }
-
-      .hljs-title,
-      .hljs-id,
-      .scss .hljs-preprocessor {
-          color: #900;
-          font-weight: bold;
-      }
-
-      .hljs-list .hljs-keyword,
-      .hljs-subst {
-          font-weight: normal;
-      }
-
-      .hljs-class .hljs-title,
+      .css .hljs-id,
+      .hljs-subst,
      .hljs-type,
-      .vhdl .hljs-literal,
-      .tex .hljs-command {
-          color: #458;
-          font-weight: bold;
+      .ruby .hljs-class .hljs-parent,
+      .hljs-built_in,
+      .django .hljs-template_tag,
+      .django .hljs-variable,
+      .smalltalk .hljs-class,
+      .django .hljs-filter .hljs-argument,
+      .smalltalk .hljs-localvars,
+      .smalltalk .hljs-array,
+      .hljs-attr_selector,
+      .hljs-pseudo,
+      .hljs-addition,
+      .hljs-stream,
+      .hljs-envvar,
+      .apache .hljs-tag,
+      .apache .hljs-cbracket,
+      .tex .hljs-command,
+      .hljs-prompt,
+      .hljs-link_label,
+      .hljs-link_url {
+        color: #e6db74;
      }

-      .hljs-tag,
-      .hljs-tag .hljs-title,
-      .hljs-rules .hljs-property,
-      .django .hljs-tag .hljs-keyword {
-          color: #000080;
-          font-weight: normal;
-      }
-
-      .hljs-attribute,
-      .hljs-variable,
-      .lisp .hljs-body {
-          color: #008080;
-      }
-
-      .hljs-regexp {
-          color: #009926;
-      }
-
-      .hljs-symbol,
-      .ruby .hljs-symbol .hljs-string,
-      .lisp .hljs-keyword,
-      .clojure .hljs-keyword,
-      .scheme .hljs-keyword,
-      .tex .hljs-special,
-      .hljs-prompt {
-          color: #990073;
-      }
-
-      .hljs-built_in {
-          color: #0086b3;
-      }
-
-      .hljs-preprocessor,
-      .hljs-pragma,
+      .hljs-comment,
+      .hljs-javadoc,
+      .hljs-annotation,
+      .hljs-decorator,
+      .hljs-template_comment,
      .hljs-pi,
      .hljs-doctype,
+      .hljs-deletion,
      .hljs-shebang,
-      .hljs-cdata {
-          color: #999;
-          font-weight: bold;
+      .apache .hljs-sqbracket,
+      .tex .hljs-formula {
+        color: #75715e;
      }

-      .hljs-deletion {
-          background: #fdd;
+      .coffeescript .javascript,
+      .javascript .xml,
+      .tex .hljs-formula,
+      .xml .javascript,
+      .xml .vbscript,
+      .xml .css,
+      .xml .hljs-cdata,
+      .xml .php,
+      .php .xml {
+        opacity: 0.5;
      }
-
-      .hljs-addition {
-          background: #dfd;
+    </style>
+    <style>
+      .container {
+          width: 86%;
+          max-width: 1000px;
+          margin-left: auto;
+          margin-right: auto;
      }
-
-      .diff .hljs-change {
-          background: #0086b3;
+      .header p {
+        color: #666;
      }
-
-      .hljs-chunk {
-          color: #aaa;
+      .example {
+          padding: 20px 0;
      }
-      .highlight {
-          background-color: transparent;
-          padding-top: 1px;
-          position: relative;
-      }
-
-      .highlight pre {
-          font-family: Consolas, "Liberation Mono", Courier, monospace;
-          margin: 6px 0;
-          border: 1px solid #eee;
-          padding: 6px 10px;
-          overflow: auto;
-          border-radius: 2px;
-          background-color: #f8f8f9;
-          line-height: 19px;
-          font-size: 13px;
-          white-space: pre;
-      }
-
-      .highlight pre code {
-          color: #5D6A6A;
-          background-color: transparent;
-          margin: auto;
-          padding: 0;
-      }
-  </style>
-  <!--[if lt IE 9]>
-  <script>
-  // Console-polyfill. MIT license.
-  // https://github.com/paulmillr/console-polyfill
-  // Make it safe to do console.log() always.
-  (function(global) {
-    'use strict';
-    global.console = global.console || {};
-    var con = global.console;
-    var prop, method;
-    var empty = {};
-    var dummy = function() {};
-    var properties = 'memory'.split(',');
-    var methods = ('assert,clear,count,debug,dir,dirxml,error,exception,group,' +
-       'groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,' +
-       'show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn').split(',');
-    while (prop = properties.pop()) con[prop] = con[prop] || empty;
-    while (method = methods.pop()) con[method] = con[method] || dummy;
-  })(typeof window === 'undefined' ? this : window);
-  // Using `this` for web workers while maintaining compatibility with browser
-  // targeted script loaders such as Browserify or Webpack where the only way to
-  // get to the global object is via `window`.
-  </script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-shim.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-sham.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
-  <![endif]-->
-  <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
+    </style>
+    <!--[if lt IE 9]>
+<script>
+// Console-polyfill. MIT license.
+// https://github.com/paulmillr/console-polyfill
+// Make it safe to do console.log() always.
+(function(global) {
+  'use strict';
+  global.console = global.console || {};
+  var con = global.console;
+  var prop, method;
+  var empty = {};
+  var dummy = function() {};
+  var properties = 'memory'.split(',');
+  var methods = ('assert,clear,count,debug,dir,dirxml,error,exception,group,' +
+     'groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,' +
+     'show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn').split(',');
+  while (prop = properties.pop()) con[prop] = con[prop] || empty;
+  while (method = methods.pop()) con[method] = con[method] || dummy;
+})(typeof window === 'undefined' ? this : window);
+// Using `this` for web workers while maintaining compatibility with browser
+// targeted script loaders such as Browserify or Webpack where the only way to
+// get to the global object is via `window`.
+</script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-shim.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.1.0/es5-sham.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.js"></script>
+<![endif]-->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
 </head>
+
 <body>
-<h1>rc-slider@1.3.0</h1>
-<div id="__react-content"></div>
-<script src="common.js?nowrap"></script>
-<script src="simple.js?nowrap"></script>
-<div class="highlight">
-<pre>
-<span class="hljs-pi">'use strict'</span>;
+    <div class="container">
+        <div class="header">
+            <h1>rc-slider@1.3.1</h1>
+            <p>slider ui component for react</p>
+        </div>
+        <div class="example" id="__react-content"></div>
+        <script src="common.js?nowrap"></script>
+        <script src="simple.js?nowrap"></script>
+        <div class="highlight"><pre><code><span class="hljs-pi">'use strict'</span>;

 <span class="hljs-built_in">require</span>(<span class="hljs-string">'rc-slider/assets/index.css'</span>);

@@ -200,8 +254,9 @@
 <span class="hljs-comment">// React.render(&lt;Slider marks={["一","二","三","四","五"]} index={3}/&gt;, document.getElementById('__react-content'));</span>
 <span class="hljs-comment">// React.render(&lt;Slider className='rc-slider' step={20}/&gt;, document.getElementById('__react-content'));</span>
 React.render(<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">style</span>=<span class="hljs-value">{{width:400,margin:100}}</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-title">Slider</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>, document.getElementById('__react-content'));
-</span>
-</pre>
-</div>
+</span></code></pre></div>
+    </div>
+    <a href="http://github.com/react-component/slider"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
 </body>
-</html>
+
+</html>
@@ -324,6 +324,22 @@ webpackJsonp([0,1],[
 	  }).join(' ');
 	}
 	
+	function getValueFromIndex(props) {
+	  var value;
+	  var marksLen = props.marks.length;
+	  var index;
+	  if ('index' in props) {
+	    index = props.index;
+	  } else {
+	    index = props.defaultIndex;
+	  }
+	  if (marksLen > 0) {
+	    value = (props.max - props.min) / (marksLen - 1) * index;
+	    value = value.toFixed(5);
+	  }
+	  return value;
+	}
+	
 	var Slider = React.createClass({
 	  displayName: 'Slider',
 	
@@ -333,6 +349,8 @@ webpackJsonp([0,1],[
 	    step: React.PropTypes.number,
 	    defaultValue: React.PropTypes.number,
 	    defaultIndex: React.PropTypes.number,
+	    value: React.PropTypes.number,
+	    index: React.PropTypes.number,
 	    marks: React.PropTypes.array,
 	    isIncluded: React.PropTypes.bool,
 	    className: React.PropTypes.string,
@@ -360,18 +378,31 @@ webpackJsonp([0,1],[
 	  getInitialState: function getInitialState() {
 	    var props = this.props;
 	    var value = props.defaultValue;
+	    if ('value' in props) {
+	      value = props.value;
+	    }
 	    value = this._trimAlignValue(value);
 	    var marksLen = props.marks.length;
 	    if (marksLen > 0) {
-	      value = (props.max - props.min) / (marksLen - 1) * props.defaultIndex;
-	      value = value.toFixed(5);
+	      value = getValueFromIndex(props);
 	    }
-	
 	    return {
 	      value: value
 	    };
 	  },
 	
+	  componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
+	    if ('value' in nextProps) {
+	      this.setState({
+	        value: nextProps.value
+	      });
+	    } else if ('index' in nextProps) {
+	      this.setState({
+	        value: getValueFromIndex(nextProps)
+	      });
+	    }
+	  },
+	
 	  getIndex: function getIndex() {
 	    var props = this.props;
 	    var value = this.state.value;
@@ -651,7 +682,7 @@ webpackJsonp([0,1],[
 	    var className = prefixClsFn(prefixCls, 'handle');
 	
 	    var handle = React.createElement('div', { className: className,
-	      ref: 'handle',
+	      ref: "handle",
 	      style: handleStyle });
 	
 	    if (this.props.marks.length > 0) {
@@ -660,7 +691,7 @@ webpackJsonp([0,1],[
 	      return React.createElement(
 	        Tooltip,
 	        {
-	          placement: 'top',
+	          placement: "top",
 	          overlay: React.createElement(
 	            'span',
 	            null,
@@ -681,7 +712,7 @@ webpackJsonp([0,1],[
 	    var prefixCls = this.props.prefixCls;
 	    var trackClassName = prefixClsFn(prefixCls, 'track');
 	
-	    return React.createElement('div', { className: trackClassName, ref: 'track', style: style });
+	    return React.createElement('div', { className: trackClassName, ref: "track", style: style });
 	  },
 	
 	  render: function render() {
@@ -704,7 +735,7 @@ webpackJsonp([0,1],[
 	
 	    return React.createElement(
 	      'div',
-	      { className: rcUtil.classSet(sliderClassName), ref: 'slider',
+	      { className: rcUtil.classSet(sliderClassName), ref: "slider",
 	        onTouchStart: disabled ? noop : this.handleTouchStart,
 	        onMouseDown: disabled ? noop : this.handleSliderMouseDown },
 	      track,