diff --git a/examples/common.js.map b/examples/common.js.map index ee6797f..92a9843 100644 --- a/examples/common.js.map +++ b/examples/common.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/bootstrap 87c2aa325c87fb6de595"],"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 87c2aa325c87fb6de595\n **/"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/bootstrap d77a5b6940896fe2f2b4"],"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 d77a5b6940896fe2f2b4\n **/"],"sourceRoot":""} \ No newline at end of file diff --git a/examples/simple.css b/examples/simple.css new file mode 100644 index 0000000..7440a73 --- /dev/null +++ b/examples/simple.css @@ -0,0 +1,250 @@ +* { + box-sizing: border-box; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +*:before, +*:after { + box-sizing: border-box; +} +.rc-slider { + position: relative; + height: 4px; + width: 100%; + border-radius: 6px; + background-color: #e9e9e9; +} +.rc-slider-track { + position: absolute; + left: 0; + height: 4px; + border-radius: 6px; + background-color: #abe2fb; + z-index: 1; +} +.rc-slider-handle { + position: absolute; + margin-left: -7px; + margin-top: -5px; + width: 14px; + height: 14px; + cursor: pointer; + border-radius: 50%; + border: solid 2px #96dbfa; + background-color: #fff; + z-index: 2; +} +.rc-slider-handle:hover { + border-color: #57c5f7; +} +.rc-slider-handle-active:active { + border-color: #57c5f7; + box-shadow: 0 0 5px #57c5f7; +} +.rc-slider-mark { + position: absolute; + top: 10px; + left: 0; + width: 100%; + font-size: 12px; + z-index: 3; +} +.rc-slider-mark-text { + position: absolute; + display: inline-block; + vertical-align: middle; + text-align: center; + cursor: pointer; + color: #999; +} +.rc-slider-mark-text-active { + color: #666; +} +.rc-slider-step { + position: absolute; + width: 100%; + height: 4px; + background: transparent; + z-index: 1; +} +.rc-slider-dot { + position: absolute; + top: -2px; + margin-left: -4px; + width: 8px; + height: 8px; + border: 2px solid #e9e9e9; + background-color: #fff; + cursor: pointer; + border-radius: 50%; + vertical-align: middle; +} +.rc-slider-dot:first-child { + margin-left: -4px; +} +.rc-slider-dot:last-child { + margin-left: -4px; +} +.rc-slider-dot-active { + border-color: #96dbfa; +} +.rc-slider-disabled { + background-color: #e9e9e9; +} +.rc-slider-disabled .rc-slider-track { + background-color: #cccccc; +} +.rc-slider-disabled .rc-slider-handle { + border-color: #cccccc; + background-color: #fff; + cursor: not-allowed; +} +.rc-slider-disabled .rc-slider-mark-text, +.rc-slider-disabled .dot { + cursor: not-allowed !important; +} +.rc-slider-tooltip { + position: absolute; + left: -9999px; + top: -9999px; + z-index: 4; + visibility: visible; +} +.rc-slider-tooltip-hidden { + display: none; +} +.rc-slider-tooltip-placement-points-bc-tc { + padding: 4px 0 8px 0; +} +.rc-slider-tooltip-inner { + padding: 6px 0; + width: 24px; + height: 24px; + font-size: 12px; + line-height: 1; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #6c6c6c; + border-radius: 6px; + box-shadow: 0 0 4px #d9d9d9; +} +.rc-slider-tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.rc-slider-tooltip-placement-points-bc-tc .rc-slider-tooltip-arrow { + bottom: 4px; + left: 50%; + margin-left: -4px; + border-width: 4px 4px 0; + border-top-color: #6c6c6c; +} +.zoom-down-enter, +.zoom-down-appear { + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + display: block !important; + -webkit-animation-play-state: paused; + animation-play-state: paused; +} +.zoom-down-leave { + -webkit-animation-duration: .3s; + animation-duration: .3s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + display: block !important; + -webkit-animation-play-state: paused; + animation-play-state: paused; +} +.zoom-down-enter.zoom-down-enter-active, +.zoom-down-appear.zoom-down-appear-active { + -webkit-animation-name: zoomDownIn; + animation-name: zoomDownIn; + -webkit-animation-play-state: running; + animation-play-state: running; +} +.zoom-down-leave.zoom-down-leave-active { + -webkit-animation-name: zoomDownOut; + animation-name: zoomDownOut; + -webkit-animation-play-state: running; + animation-play-state: running; +} +.zoom-down-enter, +.zoom-down-appear { + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.zoom-down-leave { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +@-webkit-keyframes zoomDownIn { + 0% { + opacity: 0; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } + 100% { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } +} +@keyframes zoomDownIn { + 0% { + opacity: 0; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } + 100% { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } +} +@-webkit-keyframes zoomDownOut { + 0% { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } + 100% { + opacity: 0; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } +} +@keyframes zoomDownOut { + 0% { + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(1, 1); + transform: scale(1, 1); + } + 100% { + opacity: 0; + -webkit-transform-origin: 50% 100%; + transform-origin: 50% 100%; + -webkit-transform: scale(0, 0); + transform: scale(0, 0); + } +} + +/*# sourceMappingURL=simple.css.map*/ \ No newline at end of file diff --git a/examples/simple.css.map b/examples/simple.css.map new file mode 100644 index 0000000..6526955 --- /dev/null +++ b/examples/simple.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///assets/index.less"],"names":[],"mappings":"AAaA;EACE;EACA;CAZD;AAeD;;EAEE;CAbD;AAgBD;EACE;EACA;EACA;EACA;EACA;CAdD;AAgBC;EACE;EACA;EACA;EACA;EACA;EACA;CAdH;AAiBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAfH;AAiBG;EACE;CAfL;AAkBK;EACE;EACA;CAhBP;AAqBC;EACE;EACA;EACA;EACA;EACA;EACA;CAnBH;AAsBC;EACE;EACA;EACA;EACA;EACA;EACA;CApBH;AAsBG;EACE;CApBL;AAwBC;EACE;EACA;EACA;EACA;EACA;CAtBH;AAyBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAvBH;AAwBG;EACE;CAtBL;AAwBG;EACE;CAtBL;AAwBG;EACE;CAtBL;AA0BC;EACE;CAxBH;AAuBC;EAII;CAxBL;AAoBC;EAQI;EACA;EACA;CAzBL;AAeC;;EAcI;CAzBL;AA8BC;EACE;EACA;EACA;EACA;EACA;CA5BH;AA8BG;EACE;CA5BL;AA+BG;EACE;CA7BL;AAgCG;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CA9BL;AAiCG;EACE;EACA;EACA;EACA;EACA;CA/BL;AAkCG;EACE;EACA;EACA;EACA;EACA;CAhCL;AA4CC;;EANA;UAAA;EACA;UAAA;EACA;EAME;UAAA;CAvCH;AAyCC;EAVA;UAAA;EACA;UAAA;EACA;EAUE;UAAA;CArCH;AAuCC;;EACE;UAAA;EACA;UAAA;CApCH;AAsCC;EACE;UAAA;EACA;UAAA;CApCH;AAyCC;;EACE;MAAA;UAAA;EACA;UAAA;CAtCH;AAwCC;EACE;UAAA;CAtCH;AA2CD;EACE;IACE;IACA;YAAA;IACA;YAAA;GAzCD;EA2CD;IACE;YAAA;IACA;YAAA;GAzCD;CACF;AAgCD;EACE;IACE;IACA;YAAA;IACA;YAAA;GAzCD;EA2CD;IACE;YAAA;IACA;YAAA;GAzCD;CACF;AA4CD;EACE;IACE;YAAA;IACA;YAAA;GA1CD;EA4CD;IACE;IACA;YAAA;IACA;YAAA;GA1CD;CACF;AAiCD;EACE;IACE;YAAA;IACA;YAAA;GA1CD;EA4CD;IACE;IACA;YAAA;IACA;YAAA;GA1CD;CACF","file":"simple.css","sourcesContent":["@prefixClass: rc-slider;\n\n@disabledColor: #ccc;\n@border-radius-base: 6px;\n@primary-color: #2db7f5;\n@tooltip-color: #fff;\n@tooltip-bg: tint(#666, 4%);\n@tooltip-arrow-width: 4px;\n@tooltip-distance: @tooltip-arrow-width+4;\n@tooltip-arrow-color: @tooltip-bg;\n@ease-out-quint : cubic-bezier(0.23, 1, 0.32, 1);\n@ease-in-quint : cubic-bezier(0.755, 0.05, 0.855, 0.06);\n\n* {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // remove tap highlight color for mobile safari\n}\n\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\n.@{prefixClass} {\n position: relative;\n height: 4px;\n width: 100%;\n border-radius: @border-radius-base;\n background-color: #e9e9e9;\n\n &-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: @border-radius-base;\n background-color: tint(@primary-color, 60%);\n z-index: 1;\n }\n\n &-handle {\n position: absolute;\n margin-left: -7px;\n margin-top: -5px;\n width: 14px;\n height: 14px;\n cursor: pointer;\n border-radius: 50%;\n border: solid 2px tint(@primary-color, 50%);\n background-color: #fff;\n z-index: 2;\n\n &:hover {\n border-color: tint(@primary-color, 20%);\n }\n &-active {\n &:active {\n border-color: tint(@primary-color, 20%);\n box-shadow: 0 0 5px tint(@primary-color, 20%);\n }\n }\n }\n\n &-mark {\n position: absolute;\n top: 10px;\n left: 0;\n width: 100%;\n font-size: 12px;\n z-index: 3;\n }\n\n &-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n\n &-active {\n color: #666;\n }\n }\n\n &-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n z-index: 1;\n }\n\n &-dot {\n position: absolute;\n top: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n &:first-child {\n margin-left: -4px;\n }\n &:last-child {\n margin-left: -4px;\n }\n &-active {\n border-color: tint(@primary-color, 50%);\n }\n }\n\n &-disabled {\n background-color: #e9e9e9;\n\n .@{prefixClass}-track {\n background-color: @disabledColor;\n }\n\n .@{prefixClass}-handle {\n border-color: @disabledColor;\n background-color: #fff;\n cursor: not-allowed;\n }\n\n .@{prefixClass}-mark-text, .dot {\n cursor: not-allowed!important;\n }\n }\n\n // slider tooltip style\n &-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 4;\n visibility: visible;\n\n &-hidden {\n display: none;\n }\n\n &-placement-points-bc-tc {\n padding: @tooltip-arrow-width 0 @tooltip-distance 0;\n }\n\n &-inner {\n padding: 6px 0;\n width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: @tooltip-color;\n text-align: center;\n text-decoration: none;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n box-shadow: 0 0 4px #d9d9d9;\n }\n\n &-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n\n &-placement-points-bc-tc &-arrow {\n bottom: @tooltip-distance - @tooltip-arrow-width;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n }\n}\n\n.motion-common() {\n animation-duration: .3s;\n animation-fill-mode: both;\n display: block !important;\n}\n\n.make-motion(@className, @keyframeName) {\n .@{className}-enter, .@{className}-appear {\n .motion-common();\n animation-play-state: paused;\n }\n .@{className}-leave {\n .motion-common();\n animation-play-state: paused;\n }\n .@{className}-enter.@{className}-enter-active, .@{className}-appear.@{className}-appear-active {\n animation-name: ~\"@{keyframeName}In\";\n animation-play-state: running;\n }\n .@{className}-leave.@{className}-leave-active {\n animation-name: ~\"@{keyframeName}Out\";\n animation-play-state: running;\n }\n}\n.zoom-motion(@className, @keyframeName) {\n .make-motion(@className, @keyframeName);\n .@{className}-enter, .@{className}-appear {\n transform: scale(0, 0); // need this by yiminghe\n animation-timing-function: @ease-out-quint;\n }\n .@{className}-leave {\n animation-timing-function: @ease-in-quint;\n }\n}\n.zoom-motion(zoom-down, zoomDown);\n\n@keyframes zoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n\n@keyframes zoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}\n\n\n/** WEBPACK FOOTER **\n ** assets/index.less\n **/"],"sourceRoot":""} \ No newline at end of file diff --git a/examples/simple.html b/examples/simple.html index 1d3202f..1a22a5a 100644 --- a/examples/simple.html +++ b/examples/simple.html @@ -229,33 +229,33 @@ - +
-

rc-slider@1.4.3

+

rc-slider@1.4.4

slider ui component for react

- 
'use strict';
+        
'use strict';
 
 require('rc-slider/assets/index.css');
 
-var Slider = require('rc-slider');
-var React = require('react');
+var Slider = require('rc-slider');
+var React = require('react');
 
-function onChange(v){
+function onChange(v){
   console.log(v);
 }
 
-// React.render(<div style={{width:400,margin:100}}><Slider marks={["一","二","三","四","五"]} defaultIndex={2} /></div>, document.getElementById('__react-content'));
-// React.render(<div style={{width:400,margin:100}}><Slider className='rc-slider' step={20}/></div>, document.getElementById('__react-content'));
-React.render(<div style={{width:400,margin:100}}><Slider onChange={onChange}/></div>, document.getElementById('__react-content'));
-

+// React.render(<div style={{width:400,margin:100}}><Slider marks={["一","二","三","四","五"]} defaultIndex={2} /></div>, document.getElementById('__react-content'));
+// React.render(<div style={{width:400,margin:100}}><Slider className='rc-slider' step={20}/></div>, document.getElementById('__react-content'));
+React.render(<div style={{width:400,margin:100}}><Slider onChange={onChange}  tipTransitionName='zoom-down'/></div>, document.getElementById('__react-content'));
+
Fork me on GitHub diff --git a/examples/simple.js b/examples/simple.js index c4279f1..92d472e 100644 --- a/examples/simple.js +++ b/examples/simple.js @@ -13,8 +13,8 @@ webpackJsonp([0,1],[ __webpack_require__(2); - var Slider = __webpack_require__(6); - var React = __webpack_require__(9); + var Slider = __webpack_require__(3); + var React = __webpack_require__(6); function onChange(v) { console.log(v); @@ -25,274 +25,33 @@ webpackJsonp([0,1],[ React.render(React.createElement( 'div', { style: { width: 400, margin: 100 } }, - React.createElement(Slider, { onChange: onChange }) + React.createElement(Slider, { onChange: onChange, tipTransitionName: 'zoom-down' }) ), document.getElementById('__react-content')); /***/ }, /* 2 */ -/***/ function(module, exports, __webpack_require__) { +/***/ function(module, exports) { - // style-loader: Adds some css to the DOM by adding a