{"_id":"rax-slider","_rev":"221-68580b57a740b42bb4b55cea62bddea8","name":"rax-slider","description":"Slider component for Rax.","dist-tags":{"latest":"3.1.6","beta":"3.1.6-beta.1"},"versions":{"0.2.0":{"name":"rax-slider","version":"0.2.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","peerDependencies":{"rax":"^0.1.9","universal-env":"^0.1.9"},"devDependencies":{"rax-test-renderer":"^0.2.0"},"_id":"rax-slider@0.2.0","scripts":{},"_shasum":"4572cdba5c285b63f2a536a5d06cdde6d26ca8de","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"4572cdba5c285b63f2a536a5d06cdde6d26ca8de","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.0.tgz","integrity":"sha512-6Kw/HiT/vSuK/5Nfp5vw7yyw1AUjogmENiWQa9UETbVTdCMtuupdeHJP5GNKvKtauEv32+NKNjYUf3tqIOv5jw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDoX2p1XFsVTB6s3mp7IuRnmlTlmrGV/UOcoVu6V3wejQIhAJXpBIYBAUKZoh2vM/6N1p/Jm8yZNV0eLfAwafkA/Mry"}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.0.tgz_1488362295659_0.21698524383828044"},"directories":{}},"0.2.1":{"name":"rax-slider","version":"0.2.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^0.1.9","universal-env":"^0.1.9"},"devDependencies":{"rax-test-renderer":"^0.2.1"},"_id":"rax-slider@0.2.1","scripts":{},"_shasum":"d7443cab84c60cd2ce848ddc00620e7792c117df","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"d7443cab84c60cd2ce848ddc00620e7792c117df","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.1.tgz","integrity":"sha512-Q0eVDjWEVxqhFs0FBzRLWn/M59Of7DmD80bEICV6tqgc0xMhjGlTWxgsb8VaJB4Ib4q+rvfuCa5t/nvxNAvEIw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGf8B/9xuLuqeVATw2FnuFAPB8Jq6AaeoNnT8NG/QhbgIhAIo+db88moyZiLagzoXR9ExeFTTblwdZU2/Vz9y6JA/8"}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.1.tgz_1488449025691_0.6027948365081102"},"directories":{}},"0.2.2":{"name":"rax-slider","version":"0.2.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.2"},"_id":"rax-slider@0.2.2","scripts":{},"_shasum":"9ca17a3c870648ced8aa678746282dbe7ce568b9","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"9ca17a3c870648ced8aa678746282dbe7ce568b9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.2.tgz","integrity":"sha512-P+R1qJAbAfBDeMYn0/plTayDmcTXpFhzsdryGRqePcBgqO7HQOHQCFOM/e/6ft1tvhhKAjKrhPbjliHIGPst4Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFUSn79/BqwsknEYATkTRfKGWSXC0bwy0/oJJf1GuxQBAiEAjNIYsLERjiJCcZa0dt/jCm19rYiUJvylqVPM1R1BFZs="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.2.tgz_1488522932845_0.3739971574395895"},"directories":{}},"0.2.3":{"name":"rax-slider","version":"0.2.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.3"},"_id":"rax-slider@0.2.3","scripts":{},"_shasum":"51488ca1504470c127a86da7c1f062a81b6f876d","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"51488ca1504470c127a86da7c1f062a81b6f876d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.3.tgz","integrity":"sha512-wlB5EyvtmJBaE8M3Ndad6TNG1Ho7kO8d4WqSBLTSdWIPJ8YfziULiuQR6nqnniAneeNx+9rGBeZFh+5xbMRgCQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICSN9TjTD1vWm/EaV1hpviyqPr9a8q01NHY9VkePtGQMAiB8GbJnhyVJWasi5cFOjZcTajo9NBs+2MIgtCyAFtV1Yg=="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.3.tgz_1488966790814_0.6475275496486574"},"directories":{}},"0.2.4":{"name":"rax-slider","version":"0.2.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.4"},"_id":"rax-slider@0.2.4","scripts":{},"_shasum":"bcfd0b5867962d7a94f3e1cf39502365e369825b","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"bcfd0b5867962d7a94f3e1cf39502365e369825b","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.4.tgz","integrity":"sha512-PgC4m21lGN28rUTTmbw5r1Uo7sBT8F3q47oFRRFjs5TDN/14kddDnS4v38sLjREzuT9KnhdWhBkx5G66ZemBXA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICNcJ4XTzGtfFRfYzHfRWb9P5XqHTOJq1EjO8wvVveBJAiEA3TyAezHRorGALal7g+ft6cCUGbasbqdLG/r+CYqb/Ag="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.4.tgz_1489648027536_0.33399285562336445"},"directories":{}},"0.2.5":{"name":"rax-slider","version":"0.2.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.5"},"_id":"rax-slider@0.2.5","scripts":{},"_shasum":"d2ae3302442b58b72c34d01c3997dab4b30632ef","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"d2ae3302442b58b72c34d01c3997dab4b30632ef","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.5.tgz","integrity":"sha512-RXa71PySNkp9AEAcWUk/GEW89AJ/Hu/BLDRzM+yUHwxXPbNb94IVh6C+1rqJC60FtAB1gy8fyg1AXWa6pHZSBA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPeLjC4w0FUALqwcO+PnG51iffevbS79lNco3z5Hta1AiAjYUwahY9TDA9MnxHyx0LKey1msW35rU149VSxOO75GA=="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.5.tgz_1489649927983_0.6939028603956103"},"directories":{}},"0.2.6":{"name":"rax-slider","version":"0.2.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.6"},"_id":"rax-slider@0.2.6","scripts":{},"_shasum":"8fb3f82e1b6d54381f6b056235b421fb7f627f30","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"8fb3f82e1b6d54381f6b056235b421fb7f627f30","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.6.tgz","integrity":"sha512-h3fhfldHitPxNMW9AVI0LGv6XYHBiyfKTWErh/DoRcIZrckAxUBZUgqGvfVW3KhYGn5cTns1rVgoCZLU9OJD5Q==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFUlJ3uFwPFCliGcJGiTrd9Mde/xdfprOZB02LI6amMAIgX5DeMIJnMM0GhaUi/XdqiDzqay1Z/nv97Yxopw3WrOg="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.6.tgz_1490371891945_0.033430241513997316"},"directories":{}},"0.2.7":{"name":"rax-slider","version":"0.2.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"universal-env":"^0.2.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.2.7"},"_id":"rax-slider@0.2.7","scripts":{},"_shasum":"2823db96333024d2ed4fcd20119a38440e834ad5","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"2823db96333024d2ed4fcd20119a38440e834ad5","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.7.tgz","integrity":"sha512-hUOwKp2swm+yORLA7EMR9bsbujB4ucv/PLcGO5EiAgpqWR4JeFTL7xnu2TZkEfb/LFn8HZ7FyLwziWm0KjfRXg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDA/jwya3+MALJhppv572X/UBUdRuVQredBoX07H26MjgIgXdfgKNucVkCr6H31vTZbcErm20QdoUbyCHKTZI1SkL8="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.7.tgz_1490411417310_0.26128414063714445"},"directories":{}},"0.2.8":{"name":"rax-slider","version":"0.2.8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.2.8","universal-env":"^0.2.8","universal-panresponder":"^0.2.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.2.8","rax-test-renderer":"^0.2.8"},"_id":"rax-slider@0.2.8","scripts":{},"_shasum":"a98932e4b18bf71890a44ed925fb01e5ab6fd543","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"a98932e4b18bf71890a44ed925fb01e5ab6fd543","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.8.tgz","integrity":"sha512-jn8RmBzmvvfnFHS9ETAhbfoXEaHvHnDpBcskJGpRqm5YuVVniFiJC8KMuvCxldne+LR4WQMyfknKptfJdOysTg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDs20PjS4Q4zg+jclv06injDCCM6vCQhBVOrhsdQy3hUAiBjpYruQ5yyIbtsV4/yW8QmvL6J07C6Cv448i+Q3TW6yA=="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.8.tgz_1490456687897_0.22216799366287887"},"directories":{}},"0.2.9":{"name":"rax-slider","version":"0.2.9","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.2.9","universal-env":"^0.2.9","universal-panresponder":"^0.2.9"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.2.9","rax-test-renderer":"^0.2.9"},"_id":"rax-slider@0.2.9","scripts":{},"_shasum":"d955bbf96164edc760ba97ddb73b04d73e87ca80","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"d955bbf96164edc760ba97ddb73b04d73e87ca80","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.9.tgz","integrity":"sha512-XCtFerEDkwNHjd9X2nInzUWmhK7zEn0BSq4KZ9/N2aYcRUqkDm80IQdkbSEOfBAPR60xX234FW4Tgx98+jw5zw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB40LiIKNLGlncxfcKXj51HWIgtKE4Px+PCR/9EjAENAAiEAqWmtFrg+e118p36XOEY9paVmSp01LvqQlm684ItmWrA="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.9.tgz_1490604319456_0.3151893890462816"},"directories":{}},"0.2.10":{"name":"rax-slider","version":"0.2.10","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.2.10","universal-env":"^0.2.10","universal-panresponder":"^0.2.10"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.2.10","rax-test-renderer":"^0.2.10"},"_id":"rax-slider@0.2.10","scripts":{},"_shasum":"47506996e2c744c923ec75cf77919e1e93d40a35","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"47506996e2c744c923ec75cf77919e1e93d40a35","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.10.tgz","integrity":"sha512-hSUpz6O4a8It7CNbgBNpaW6nhNDqwue6OeVlLRqkmju2TuzW7Zgaumbeu5pWAzge48prMw0WsL3CNP+mimpzSA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdSbDbEbRAPlCDoYsyr0xJvcgtWQlAlO1kCVhIgheXVAiEAu3bWsPeo9GmVGJU26xoodIm7vTBxkZs8rxWgaMiIm+o="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.10.tgz_1490839985152_0.4803878020029515"},"directories":{}},"0.2.11":{"name":"rax-slider","version":"0.2.11","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.2.11","universal-env":"^0.2.11","universal-panresponder":"^0.2.11"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.2.11","rax-test-renderer":"^0.2.11"},"_id":"rax-slider@0.2.11","scripts":{},"_shasum":"666120854181e903cefd653dbe3a601c7d750440","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"666120854181e903cefd653dbe3a601c7d750440","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.2.11.tgz","integrity":"sha512-+FQRHpY4lCz2ieo1wcrVWMfvcnykPTYGt4CPPV8XOqelhU1N2SZX3B+7crrSZ7DwRC1nH1d5eCtfaaf4GNGW4w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsQxPL8RJGr+7O9e/LAxdLG3SphxRxk7YMmUzRMeJWrwIgOEkdNQ9C8g9HAoVpvglxiQ1Dbmj31+KiT2yKlnjUVpU="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.2.11.tgz_1490844160448_0.8766190793830901"},"directories":{}},"0.3.0":{"name":"rax-slider","version":"0.3.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.0","universal-env":"^0.3.0","universal-panresponder":"^0.3.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.0","rax-test-renderer":"^0.3.0"},"_id":"rax-slider@0.3.0","scripts":{},"_shasum":"03d360ad8504404b0efd5d32535448fddd0f7564","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"03d360ad8504404b0efd5d32535448fddd0f7564","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.0.tgz","integrity":"sha512-Hm4DVlu2yPOf4hRVykyZZtHfjfYBScNaLveP5AlMBbBXF7PKiXmzUugMvg2GbL2f2vpzR5j+xw5KqADTrprDcw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBynEMO4XyVcB4EBlEutzVUx2jeZuqfLGLzU6B9y0WIAAiEAjHbJQQWze97V/bLPOQrvAY1Y32Fy4O5XInSoSYrgTyA="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.3.0.tgz_1493007010846_0.2090148818679154"},"directories":{}},"0.3.1":{"name":"rax-slider","version":"0.3.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.1","universal-env":"^0.3.1","universal-panresponder":"^0.3.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.1","rax-test-renderer":"^0.3.1"},"_id":"rax-slider@0.3.1","scripts":{},"_shasum":"da491184608d8a48bb921d8587b19147c52e27e6","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"da491184608d8a48bb921d8587b19147c52e27e6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.1.tgz","integrity":"sha512-FVr9H9pZubvEAfNNgDoI/CWsnhw7sdJ5BC9pRGiHCdQPIB3ICz/04lwTyaLumGrtPRs9OS93cqDV4/gGjv8xdQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCkZJZ1ox1FYet4sPs4Gjf7oQylKJxoC7QthRysk/XWgQIgAgQPHfnc0uggIOkAPHqRlxS37hcDqyzg5nqTwkKPz1o="}]},"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/rax-slider-0.3.1.tgz_1493019229065_0.1874484575819224"},"directories":{}},"0.3.2":{"name":"rax-slider","version":"0.3.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.2","universal-env":"^0.3.2","universal-panresponder":"^0.3.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.2","rax-test-renderer":"^0.3.2"},"_id":"rax-slider@0.3.2","scripts":{},"_shasum":"6fcee93a3c301de7b3ff88866fc16c28608dbc82","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"6fcee93a3c301de7b3ff88866fc16c28608dbc82","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.2.tgz","integrity":"sha512-09bTdny8LBUeP1KdgyaoUDpy233eIbzg6XagO/mgj82V8Q/gH7A3YHbEkxTyskHxeqwJEwlycRznLdWvu51/zQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDCqrif9d++F/8xyYpd8TiuFP9wxyOCuZ5J450gsonPwQIgY+/ij/+3owDq2QWlWETqRmAvLY8Eod3Cx4aeCi2p78g="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.3.2.tgz_1493178097612_0.5464810491539538"},"directories":{}},"0.3.3":{"name":"rax-slider","version":"0.3.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.3","universal-env":"^0.3.3","universal-panresponder":"^0.3.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.3","rax-test-renderer":"^0.3.3"},"_id":"rax-slider@0.3.3","scripts":{},"_shasum":"088c833746d3ccedc78c7c04c865537e4b2931a4","_from":".","_npmVersion":"4.2.0","_nodeVersion":"4.6.2","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"088c833746d3ccedc78c7c04c865537e4b2931a4","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.3.tgz","integrity":"sha512-I/h48sXISen1RkoBfQLqyzD4qkmGwLYM3B1Zr6B0aDgkeZsAKwKocidR4nZ5jYbS440acjTvjOHw0gdRRdGlvQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAQyG071Vw0EUy5sG4jX0z8SV7PcPNjl4DH7vXuUtvlqAiBijTTBPep5SraDO5eKgzt/1SF6Db584gPn/sDUKYHo8Q=="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.3.3.tgz_1494570268293_0.6076743863523006"},"directories":{}},"0.3.4":{"name":"rax-slider","version":"0.3.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.4","universal-env":"^0.3.4","universal-panresponder":"^0.3.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.4","rax-test-renderer":"^0.3.4"},"_id":"rax-slider@0.3.4","scripts":{},"_shasum":"abdd1cd0f9dcb5eb8b6e289ba64f7c528c74da00","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"abdd1cd0f9dcb5eb8b6e289ba64f7c528c74da00","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.4.tgz","integrity":"sha512-4mjrwVt/6tXKN5wSi2VuFlI9UWE1j0UCVodJq0PDuVrbfCFphk+qsD04yR8PQCwYrX1rD2qpDyFGf0eBA+Me8A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGQ5eSqTGDiiNKS43KOZQA9RnGhFEG3L6A/WLh0U2v9gAiEArPy3On5qQBZuOkf/pBeQf6DWqtoGZlhtxfLiIvie2AU="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/rax-slider-0.3.4.tgz_1495186802166_0.8309613291639835"},"directories":{}},"0.3.5":{"name":"rax-slider","version":"0.3.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.5","universal-env":"^0.3.5","universal-panresponder":"^0.3.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.5","rax-test-renderer":"^0.3.5"},"_id":"rax-slider@0.3.5","scripts":{},"_shasum":"e73a93fbf8cc2f446fec7789b8ea5181a5fcc324","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"e73a93fbf8cc2f446fec7789b8ea5181a5fcc324","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.5.tgz","integrity":"sha512-2d//YlGsDmiuBtJj60a4kd/SR4nD7x3uv6Q5sAI0ViGyFfTCs0UJ0C/LMizvO1xRpJrK8K8KEdEljWZ4MqcyuQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0QebhvIKh1fJVWW9WNpBtsqMSyT7Xsy3ehvZF5TMDiwIgLgW0i4J6dRJ4aMnHEDBbafYMSgXHNeHDlWeSHFbpue8="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.3.5.tgz_1495507820347_0.5663298494182527"},"directories":{}},"0.3.6":{"name":"rax-slider","version":"0.3.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.6","universal-env":"^0.3.6","universal-panresponder":"^0.3.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.6","rax-test-renderer":"^0.3.6"},"_id":"rax-slider@0.3.6","scripts":{},"_shasum":"1bba823ceeec307be351434afc23e3fb5d610001","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"1bba823ceeec307be351434afc23e3fb5d610001","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.6.tgz","integrity":"sha512-BIHzxqxmyzuNQwZSjtOw44LkGPDHRPL1cqQ1Keq5Wr6p0APEbIBZUThkqEZnPoGCxrQodTCTBA3RKD15oCuReg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDagOpTZFhGy0LpcOCamGlFc+862pfr/Lhahaes5p9KWgIgM/As/Gkn/s0YMBHfKZLApbhNp4JQjTOMdppPhSw2olg="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.3.6.tgz_1496305627826_0.4002885087393224"},"directories":{}},"0.3.7":{"name":"rax-slider","version":"0.3.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.7","universal-env":"^0.3.7","universal-panresponder":"^0.3.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.7","rax-test-renderer":"^0.3.7"},"_id":"rax-slider@0.3.7","scripts":{},"_shasum":"f9a241cab3aea6e2e593395f0584269672b7cb7d","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"f9a241cab3aea6e2e593395f0584269672b7cb7d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.7.tgz","integrity":"sha512-3/OqdM3szejku9Ukkmrho/Sgc4tooqTVoTkGCL3QoEPFBbK7R2zM0VYSxxUV6K+8rOrH/0gcwMGzg9GME+70OA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFlAIC5TmGBpSjbjXhGVqfwmLvS7uR+EvMwHidGkFO9NAiAwYjv5Q1KqYomDgF+ewyc4IOo2eGzf7u5GrpJPsmMpKw=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.3.7.tgz_1497520644869_0.212108523119241"},"directories":{}},"0.3.8":{"name":"rax-slider","version":"0.3.8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.3.8","universal-env":"^0.3.8","universal-panresponder":"^0.3.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.3.8","rax-test-renderer":"^0.3.8"},"_id":"rax-slider@0.3.8","scripts":{},"_shasum":"ab138d2e2280277a80b63f7b3c450cca2c3bc4a7","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"ab138d2e2280277a80b63f7b3c450cca2c3bc4a7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.3.8.tgz","integrity":"sha512-p7XxG0WgqLoGbzFSUE4KYM3IDkuocQ4JzeVTAuq52BLKA1Nwx4GBFVojYVp6h/qzm25umpemIw/DXbOsyjOxAQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBeGqK47NBTFHH9Pe3NeoF2xwhg9XJyZOc+BuMWeXhNJAiAq6T39jEJP/op4eFJMp6+OpMGOwcjQnB1MaJmz8teSIA=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.3.8.tgz_1498009304363_0.902728138724342"},"directories":{}},"0.4.0":{"name":"rax-slider","version":"0.4.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.0","universal-env":"^0.4.0","universal-panresponder":"^0.4.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.0","rax-test-renderer":"^0.4.0"},"_id":"rax-slider@0.4.0","scripts":{},"_shasum":"4fe4a197e7267e557830c9b60fd7b8b187be2484","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"4fe4a197e7267e557830c9b60fd7b8b187be2484","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.0.tgz","integrity":"sha512-au0nbmMqJvo3hWzRMEFALjJPgpIpV/l6aMAiF0w9Oi8/iBPhfkKtKcA6QcIfRYIRnMClYFqdQ/oMzBTz4UbSFw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCasGNNXaWYl6ZtaL/nHjBEQUz6gsQtdKbIQzIZfNbDPAIhAJhVid9p1yL6I4SrCnafPvaT8rff5srs+MsoXVyfcCwM"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.0.tgz_1498527870100_0.5370566942729056"},"directories":{}},"0.4.1":{"name":"rax-slider","version":"0.4.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.1","universal-env":"^0.4.1","universal-panresponder":"^0.4.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.1","rax-test-renderer":"^0.4.1"},"_id":"rax-slider@0.4.1","scripts":{},"_shasum":"589380fdc3059515f663cde37b2b9da73201f8d6","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"589380fdc3059515f663cde37b2b9da73201f8d6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.1.tgz","integrity":"sha512-2/T6iRqJWiTqEKw8983MZyVv/fEENuy86FdsPgOEmKMKkXNcqWdz+UGbGj7VywTFwghwgm7XDrhX2Xfy4B5Ifg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLZ7U7KJmrZN4ZpHrc3VFyP+ayMgoQh4RQq5dO4SatbAiA3uwb2NXW9AVRSYUBru+/ZI5+0/QmbKy9jl5vDlFCebw=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.1.tgz_1498543802662_0.5258668048772961"},"directories":{}},"0.4.2":{"name":"rax-slider","version":"0.4.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.2","universal-env":"^0.4.2","universal-panresponder":"^0.4.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.2","rax-test-renderer":"^0.4.2"},"_id":"rax-slider@0.4.2","scripts":{},"_shasum":"5ebb8378a2aecdf81b9b26a4474266d53313d61e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"5ebb8378a2aecdf81b9b26a4474266d53313d61e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.2.tgz","integrity":"sha512-YqMNFPcA5dLd/eUoYszrkhnmULUoA+6F6ZRoVcqUYwR2Sl0DdA6SqiyVP3RMYagVcCSJIqXp2pHY2F0Yxj7PkA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG9zlqL7ic34Ftn+5TqL+n7Am10tobWJzMXhH1K2JZpGAiEA1hn+fn0umZG0Iyjf7J/oneRL2cY3gqd95mhzdVuPfAE="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.2.tgz_1498628319072_0.40573003934696317"},"directories":{}},"0.4.3":{"name":"rax-slider","version":"0.4.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.3","universal-env":"^0.4.3","universal-panresponder":"^0.4.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.3","rax-test-renderer":"^0.4.3"},"_id":"rax-slider@0.4.3","scripts":{},"_shasum":"35f50c36020eb51103ca11ce8429f927569e0d79","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"35f50c36020eb51103ca11ce8429f927569e0d79","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.3.tgz","integrity":"sha512-p3vcadBvxk6LZGV3CHsVSquRhoftyEj15FBfQsEMA1Ui57C/W7Y7//3rK3v8qhytFvP7Cevpa2lKPnMoJUuEGQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDe/qEttYGU3WEArPj1PFN+G50Srs/b4mKCE5/6LnFjtAiEAzLiy0e70Qx1cmjxjERj6aEpstLTqwCFz4By7CXm8ZD0="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.3.tgz_1499325417081_0.033073923317715526"},"directories":{}},"0.4.4":{"name":"rax-slider","version":"0.4.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.4","universal-env":"^0.4.4","universal-panresponder":"^0.4.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.4","rax-test-renderer":"^0.4.4"},"_id":"rax-slider@0.4.4","scripts":{},"_shasum":"c0ca5ee08aa7319e3a1ccad7fd37830b5cbefd07","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"c0ca5ee08aa7319e3a1ccad7fd37830b5cbefd07","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.4.tgz","integrity":"sha512-gKUCmEts2WDYuUjVjrIOZybHno6JKop2OE9Vdqms0O3KKLmdG9bX+KYIJnQDc/Afza+EAfRj26yBtDR99/caIw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFncDHWLjdZbIIT5WdfiKCk6quTSSOGy/FO73jWuT2FyAiAeyXdecvfv6zMJWIrKW4pPrn/3cxXgXMV6y/Gt9unhbg=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.4.tgz_1500021411361_0.8298611247446388"},"directories":{}},"0.4.5":{"name":"rax-slider","version":"0.4.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.5","universal-env":"^0.4.5","universal-panresponder":"^0.4.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.5","rax-test-renderer":"^0.4.5"},"_id":"rax-slider@0.4.5","scripts":{},"_shasum":"114fc6fe7cd1ce765cbfcb8da540db9d28b8a77d","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"114fc6fe7cd1ce765cbfcb8da540db9d28b8a77d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.5.tgz","integrity":"sha512-TNEJD0fafTFNFLWVZK7FOwKte5/j1zOmm04T0cAScrarVLchBKoCsGca6ph98wsnLuOpLCu7AONrqnokt9GwSQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDKVmjDbXtEJnT1DFtOpbXOR2JKqdVFzAmTcZNmC3TfhAiEAr48zbvDF8B3eWWyoKkW43l8+rRZ9NoQx1pgPkKf7+F4="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.5.tgz_1500616259115_0.5020723307970911"},"directories":{}},"0.4.6":{"name":"rax-slider","version":"0.4.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.6","universal-env":"^0.4.6","universal-panresponder":"^0.4.6"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.6","rax-test-renderer":"^0.4.6"},"_id":"rax-slider@0.4.6","scripts":{},"_shasum":"56ae020a5c28a10b4f4de5787ca6ae5c75629358","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"56ae020a5c28a10b4f4de5787ca6ae5c75629358","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.6.tgz","integrity":"sha512-8P0wHq1Vr1HB4YJvPIfmktq+EKupg04hCmr1cJdsuFWoKH28yhD1oxHzVae2UrkmSBoPjfV4BxB+To0467pWbA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBG0xt8W1UyIlqJLY7F3c22d+AKy2g11bZpjV8b2t9cgIgf6os5pYcvaADj2zd0gW8XvUt55oKxSxkNZPeCi1tiXU="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.6.tgz_1500878124514_0.9160779239609838"},"directories":{}},"0.4.7":{"name":"rax-slider","version":"0.4.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.7","universal-env":"^0.4.7","universal-panresponder":"^0.4.7"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.7","rax-test-renderer":"^0.4.7"},"_id":"rax-slider@0.4.7","scripts":{},"_shasum":"aba14564a7f0b0324071bd9c8457903ae529818e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"name":"yuanyan","email":"yuanyan.cao@gmail.com"}],"dist":{"shasum":"aba14564a7f0b0324071bd9c8457903ae529818e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.7.tgz","integrity":"sha512-PaEHfRurHHjNHVIualOSGDm9s06C8Mi6T5MwQoJgWQu7nf71eYjQXy8q8BuGaABUz41NwhCixuVuIFjgJ8xyCg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2byzncq+Zj+ycFEBKtIiNcBlqpwD+fWZg3/cENfd5twIhAM67tCSyAdLutFtg12KKjkdaQwGEKe8UuBT3hlStrSj5"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.7.tgz_1500884768666_0.4497440403793007"},"directories":{}},"0.4.8":{"name":"rax-slider","version":"0.4.8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.8","universal-env":"^0.4.8","universal-panresponder":"^0.4.8"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.8","rax-test-renderer":"^0.4.8"},"_id":"rax-slider@0.4.8","scripts":{},"_shasum":"f38ebefc9f805372e05ae3c8b54940a490eeb8fa","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"f38ebefc9f805372e05ae3c8b54940a490eeb8fa","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.8.tgz","integrity":"sha512-cw0MVNPOSmSI1fSxSOz8wMMh6baZgu33VnsOz2vjgpO7+O0q59mklE2C+MbxnVzfvJlX1HL6RGg7q9MVwziRqQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFJF4nRxSxb9hzWVvdS7MXqeWISsSiOj4wtNSkVINRnyAiEAsA0ovn9Ow6Z/jIQRH2JyIgcRV+9UcSDlmtGXycHeVNA="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.8.tgz_1501148545894_0.3879752408247441"},"directories":{}},"0.4.9":{"name":"rax-slider","version":"0.4.9","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.9","universal-env":"^0.4.9","universal-panresponder":"^0.4.9"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.9","rax-test-renderer":"^0.4.9"},"_id":"rax-slider@0.4.9","scripts":{},"_shasum":"6775dff605e92d1d1301d89fa1fcd33993eab917","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"6775dff605e92d1d1301d89fa1fcd33993eab917","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.9.tgz","integrity":"sha512-xKJfl40zwvDDucNLBC8RFjCqA6PHNjeMvTWHcPaHE3NO7nI5Gi8hGZmbCLzTVaPFdzzm5XSNlfh5xaDHQy6tRA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWLi0IlCcp3sIwYeNjFwFdmHB/ycuPszi0bT7JXoSrLAIhAKeNHAcDD4iU/Q+jI+WiT7BIztc7SEpgfChOR9S8oFiI"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.9.tgz_1501666846685_0.9821104898583144"},"directories":{}},"0.4.10":{"name":"rax-slider","version":"0.4.10","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.10","universal-env":"^0.4.10","universal-panresponder":"^0.4.10"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.10","rax-test-renderer":"^0.4.10"},"_id":"rax-slider@0.4.10","scripts":{},"_shasum":"5ac923c163a75061c36e82513ba3298900a109a6","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"5ac923c163a75061c36e82513ba3298900a109a6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.10.tgz","integrity":"sha512-8SNiftYA9cRK3bHvY+TzI54KIRKsZ1gUhV2g4h+kNqLhJqFqhexfjWde4lWl+6yvX7WhMFJymR0fnVql679Bsw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEjzz6qXDn+FR2HMT6U1crdXZdFlN88UbIwZoP/FZqy5AiBTiGlJJtYykY6MZEA7Dr35D+6dFrVqHQg/824S1oArVw=="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.10.tgz_1502428435890_0.05341596528887749"},"directories":{}},"0.4.11":{"name":"rax-slider","version":"0.4.11","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.11","universal-env":"^0.4.11","universal-panresponder":"^0.4.11"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.11","rax-test-renderer":"^0.4.11"},"_id":"rax-slider@0.4.11","scripts":{},"_shasum":"4d3aca30f95a884b7743263653721335c4890db2","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"4d3aca30f95a884b7743263653721335c4890db2","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.11.tgz","integrity":"sha512-moUPwUappngVbf6oNrnIL52eHMsgM6VdOrUkhEFhb27yHw9YzxPPQmJ0A52wGLZj3u7pBFQkLabYDTcOujq2HQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3HfwTNEUr530TvaHbPDPQlc6C43tMrSJndheUE98mOgIgHRPmro9WoWJInOY+0S3ckNyCMDIpz6gfF+Yj59jZz3g="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.11.tgz_1503460998770_0.40819252538494766"},"directories":{}},"0.4.12":{"name":"rax-slider","version":"0.4.12","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.12","universal-env":"^0.4.12","universal-panresponder":"^0.4.12"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.12","rax-test-renderer":"^0.4.12"},"_id":"rax-slider@0.4.12","scripts":{},"_shasum":"2450962e1da200889b0dde537957010e4225bec6","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"2450962e1da200889b0dde537957010e4225bec6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.12.tgz","integrity":"sha512-WWAUiO79HndUbGny0U47JbFZ9JUUe6zsVE/rplanfp0absh/e+ttzi7Eot0YQbWJ822HtHKp7V0Z6nJ0xG3e2A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBz0q/UOSni+ZuwiwVHM33RNoMtVPWz3MHR7618TIdZmAiBXNsOdEtmJ6i1Fl49vpeiYl+2elNgHZSyyjVAdbD+F7Q=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.12.tgz_1504854227516_0.33502057287842035"},"directories":{}},"0.4.13":{"name":"rax-slider","version":"0.4.13","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.13","universal-env":"^0.4.13","universal-panresponder":"^0.4.13"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.13","rax-test-renderer":"^0.4.13"},"_id":"rax-slider@0.4.13","scripts":{},"_shasum":"c40d3a838d8667ab9fa8a9c721c203a065b24050","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"c40d3a838d8667ab9fa8a9c721c203a065b24050","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.13.tgz","integrity":"sha512-Ma7d+cBv2bCgJlflc9iqcGBO+a+9jeTrdReXulGizssjbuWGXHisSd9DOOc44HllMxzJRrIYDREj6C/0lEan9g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+xyuLlQqCmPpYrQkNDoTFzGybxl6Xa0mgpe/t+/Hu1gIgF/0L5HFI1H30Psv0rS6t9a1RU/CDzXfzUTIWc2CZOl8="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.13.tgz_1505442413931_0.16172997700050473"},"directories":{}},"0.4.14":{"name":"rax-slider","version":"0.4.14","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.14","universal-env":"^0.4.14","universal-panresponder":"^0.4.14"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.14","rax-test-renderer":"^0.4.14"},"_id":"rax-slider@0.4.14","scripts":{},"_shasum":"1610d1f4bf9704daf74143085365574b8c0cec49","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"1610d1f4bf9704daf74143085365574b8c0cec49","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.14.tgz","integrity":"sha512-mD7gMW+HUhYsScSCdBcZq9AxYHiAZTE+QW6wmvX8oA5Y9GCpYMAoUrulMEDBa9kT0ztEb3PPmiQL+ESluw32qA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDtPQTB5Vsp2cBAb/8Zs9uKWgTTAm1YLgxiF6t4205eOQIhAOFTa0aDTaFSP1bp1MI4uMCB7gaPbJH7BGiVUt5q3QiS"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.14.tgz_1505988969618_0.6174568368587643"},"directories":{}},"0.5.0-beta":{"name":"rax-slider","version":"0.5.0-beta","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.5.0-beta","universal-env":"^0.5.0-beta","universal-panresponder":"^0.5.0-beta"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.5.0-beta","rax-test-renderer":"^0.5.0-beta"},"_id":"rax-slider@0.5.0-beta","scripts":{},"_shasum":"87fb868ffd81aa2947b2705e7c40e2b81941329e","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"87fb868ffd81aa2947b2705e7c40e2b81941329e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.5.0-beta.tgz","integrity":"sha512-NP4IKMnhlGODZDjlrlDpcjHlpF8fsABoRcQNmURvXOXYQPaTLLKMBArBbMWWRFKpb/GYdr6EcEDrsmd60O7RQg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLCTCseyyTS1/gQqLxvWMnu+3Nu0hcIlHoSTRPrLxSBwIhAPwKXekWAhc218SpzOuc5G7DNkABJEAMVJKRk7U9zQ2s"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.5.0-beta.tgz_1506334643099_0.8466253830119967"},"directories":{}},"0.4.15":{"name":"rax-slider","version":"0.4.15","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.15","universal-env":"^0.4.15","universal-panresponder":"^0.4.15"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.15","rax-test-renderer":"^0.4.15"},"_id":"rax-slider@0.4.15","scripts":{},"_shasum":"12b0786120e2b705157e017b46a3cc5271edc737","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"12b0786120e2b705157e017b46a3cc5271edc737","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.15.tgz","integrity":"sha512-CAmrWDNn/lned6Vn2tFtIuJZ8tEdPKPp4GZF8S5xCg5kPZWlyQ2OrCwaRF2VI+lpn45WHGBnw30oAz2FwKT84g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBNEW1qWTj1UfAlZbpMwvlzh1X4332Fhx2ouc8J4Mf1hAiEA4adV3Xk1/rSoUbUI0lkwy3lkQrXHBPpsvCe/nMhm1kc="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.15.tgz_1506407139254_0.15489755547605455"},"directories":{}},"0.4.16":{"name":"rax-slider","version":"0.4.16","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.16","universal-env":"^0.4.16","universal-panresponder":"^0.4.16"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.16","rax-test-renderer":"^0.4.16"},"_id":"rax-slider@0.4.16","scripts":{},"_shasum":"9035c8c3f5ed5868fc91412f77896e86759ea9c7","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"9035c8c3f5ed5868fc91412f77896e86759ea9c7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.16.tgz","integrity":"sha512-VE2DJEw2vSGE9XyMqSqYsJePsRYPZlGkEXwQpCRS+CAwmfhyBzOZHUTKJteCH5zdogefhTpL//FgnxMU09eimg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClh+F/BL2C/aO8cSi3DbAMQvAvlhe5uf9untdEyxF5qQIhALwh2SBN4ArHHuB2+jq2ZDnp2WxOF/2Vig/tUnRc7uZz"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.16.tgz_1506585998280_0.26301793521270156"},"directories":{}},"0.4.17":{"name":"rax-slider","version":"0.4.17","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.17","universal-env":"^0.4.17","universal-panresponder":"^0.4.17"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.17","rax-test-renderer":"^0.4.17"},"_id":"rax-slider@0.4.17","scripts":{},"_shasum":"86632022baae95b4c734ffc3eaf5faf56d70ede7","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"86632022baae95b4c734ffc3eaf5faf56d70ede7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.17.tgz","integrity":"sha512-uJ6CjNulEPecF/LKdyPDJRAiVVsAok3TE/hvM8c323ZZyrfkQqHJvJUOmGr0m3hZTVg6L+KxOBVEPwfDgD1Zfg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID4AaN/ZNF8iqH/7U7tKIW7H3O0BAXYpUBN/sJu9u2Z2AiAL4SVOhOFggSNhfEDYRbBYOSeT4TQ5qALFY/+KKH2llA=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.17.tgz_1507699894355_0.7341990098357201"},"directories":{}},"0.4.18":{"name":"rax-slider","version":"0.4.18","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.18","universal-env":"^0.4.18","universal-panresponder":"^0.4.18"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.18","rax-test-renderer":"^0.4.18"},"_id":"rax-slider@0.4.18","scripts":{},"_shasum":"c4fdd11dd0b3146ada1a87f742b97160d00ed9fb","_from":".","_npmVersion":"3.10.9","_nodeVersion":"7.2.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"dist":{"shasum":"c4fdd11dd0b3146ada1a87f742b97160d00ed9fb","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.18.tgz","integrity":"sha512-tjY3A9s6ndszEHHclWPYu7a3RPXPW7iMMmUaES2VcYUVoOlx8d6z9PDrQhsIYqYLBgwfBGvRJ9GrrNtra3Ofxw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAT5+dQKd7nz58YY7fewirXYrACw1fTm6NEp6iHYneG0AiAuZxeXVfth0DcniCN+70fW44E25nrsNTD+AC5l++mkxg=="}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.18.tgz_1508137540918_0.4450323083437979"},"directories":{}},"0.4.19":{"name":"rax-slider","version":"0.4.19","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.19","universal-env":"^0.4.19","universal-panresponder":"^0.4.19"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.19","rax-test-renderer":"^0.4.19"},"_id":"rax-slider@0.4.19","scripts":{},"_shasum":"63017ed3ce5fe35cdebecc52076976657e6e0c19","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"63017ed3ce5fe35cdebecc52076976657e6e0c19","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.19.tgz","integrity":"sha512-+8pSvosQyhUN0WuikykZ5/Cay53o6argMC7J5gXbBcks8Ztd1pOYPD/jVmecnLvJ0CFWHTenoKxw4QeL6HWMng==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEF5lIB5bASQ9e7ZxNSLE3x3m9WtI16kdZQ7V8TRWTQYAiEA6fw/tT1SQtQ0cBPjsuBQqUwEPKz+zEsad22JZa4T7GY="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.19.tgz_1508225786637_0.2214898206293583"},"directories":{}},"0.4.20":{"name":"rax-slider","version":"0.4.20","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.20","universal-env":"^0.4.20","universal-panresponder":"^0.4.20"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.20","rax-test-renderer":"^0.4.20"},"_id":"rax-slider@0.4.20","scripts":{},"_shasum":"8c9f2c5e6fe448148dd499bd55768741add245b8","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"8c9f2c5e6fe448148dd499bd55768741add245b8","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.20.tgz","integrity":"sha512-3EwECSyl5MYgXAxFW03nJjlD73CJhcZAJNq0UnBRPnkAp/ge6NzQWEq/3zF9niyqP3HsuPq6uDbj8YzBQktOWw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHWx3FIHk/Xbas86oEDLvLq1IQD2i50L5CBqTGuhYJcVAiEA0IU5EL0HQmDKTesXZAHtHdIgC4jk/op3rBjf8QgMrOc="}]},"maintainers":[{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.20.tgz_1508312852621_0.392087466083467"},"directories":{}},"0.4.21-beta":{"name":"rax-slider","version":"0.4.21-beta","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.20","universal-env":"^0.4.20","universal-panresponder":"^0.4.20"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.20","rax-test-renderer":"^0.4.20"},"_id":"rax-slider@0.4.21-beta","scripts":{},"_shasum":"0481f09fb25d51dcbddfa2bc871b93d96431a8d8","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.3","_npmUser":{"name":"wintercn","email":"csf178@gmail.com"},"dist":{"shasum":"0481f09fb25d51dcbddfa2bc871b93d96431a8d8","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.21-beta.tgz","integrity":"sha512-dKKY8Y/Mi6tKXnfsDOMM1SHVGfvP/eVIDQ2SDuBPUUCdkyeKNbFSOY66vy7d/4MwiBGab1zI8s9R3ceV17tHRA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFGpWB1uI9sZr3LiwLao7KFT3W3IEb1pnLkwRFhOxAl4AiA6vc/jx5Kld+eeBPH/JwDAu9c/TNTA7+yij9p7J4QA+Q=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.21-beta.tgz_1510295586875_0.04744303971529007"},"directories":{}},"0.4.22-beta":{"name":"rax-slider","version":"0.4.22-beta","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.4.20","universal-env":"^0.4.20","universal-panresponder":"^0.4.20"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.4.20","rax-test-renderer":"^0.4.20"},"_id":"rax-slider@0.4.22-beta","scripts":{},"_shasum":"369942e8cd480d392f747dfdf1c3f35977fc38b0","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.3","_npmUser":{"name":"wintercn","email":"csf178@gmail.com"},"dist":{"shasum":"369942e8cd480d392f747dfdf1c3f35977fc38b0","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.4.22-beta.tgz","integrity":"sha512-azohMa7jydeJ5j/22w0sH+od87aOojFN74UXdCIPuZpH7VQuaD+OuTo9yIgQHrH+Zi7sU5a7F0exDbeTS9WS+g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwb//ElSC/JFeM6iGGmsVlUPo0Bl4U23E+CFcA8DCP4AIhAPx6RUoUSeTl45mJ8z6VFkIhDdAa/YsyX0cTWp1AbEMy"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.4.22-beta.tgz_1510297151193_0.9519703066907823"},"directories":{}},"0.5.0":{"name":"rax-slider","version":"0.5.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.5.0","universal-env":"^0.5.0","universal-panresponder":"^0.5.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.5.0","rax-test-renderer":"^0.5.0"},"_id":"rax-slider@0.5.0","scripts":{},"_shasum":"8291efbd021b315731929cb012bd635f8fa7c9fa","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.2","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"shasum":"8291efbd021b315731929cb012bd635f8fa7c9fa","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.5.0.tgz","integrity":"sha512-/8HQ7WvwquULatYjNfJpMwoNn0lLwkaGtFGnQJEZnbcgBe0uBjX5S2TWwqdCEe701aD3OYlDKhRcvVtxCHSIAQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGnrIi3APTYZFC0SdVVYsBSaaHEO69QotNfdb208GK+0AiEA4+cwe8B96luSMALzxbtw6dorhT71kagXJnpkhTyb+wQ="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.5.0.tgz_1513140831683_0.680773391155526"},"directories":{}},"0.5.1":{"name":"rax-slider","version":"0.5.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.5.1","universal-env":"^0.5.1","universal-panresponder":"^0.5.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.5.1","rax-test-renderer":"^0.5.1"},"_id":"rax-slider@0.5.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-XHhdBo4EFiU8SV4kd4XvYGgYsH2o1lWKlWj0TcrQRqjz4eOEyNibxWO9JH0RI5Ejxt4RpqbRWYoGJkgfHfyqAg==","shasum":"d6fb8ff2af0ab0017bda69af4b60944bb14dc8bb","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.5.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDV3BAlopjA3YkkTxT0YhBGniF7J1qxLDLTh0lDayGfqwIgNRc+lZbisc4Pdk7+Vacutj2utFjFC2/Kq7djVruDtko="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.5.1.tgz_1516880683514_0.54776167916134"},"directories":{}},"0.5.2":{"name":"rax-slider","version":"0.5.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.5.2","universal-env":"^0.5.2","universal-panresponder":"^0.5.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.5.2","rax-test-renderer":"^0.5.2"},"_id":"rax-slider@0.5.2","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-4hQrxmhkSWZNykiOi6HpMaHyydOkHhNVgeEYUhIWk9xS0aGqMqkVFhgmE35qEAwCHK2c7IZX5tRl2tpwRxDM6Q==","shasum":"d6c6756ce1c5f94f5735575c89e4ab8306d99dad","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.5.2.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBVgXPBrPVK5fqMLbUEbC+y0se9M0Q4S6XEMJ8Cf4PMOAiEA19h8735cKVvsXbsSW7tPI5DfqkcDnWLIkFSR8RPO8MI="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider-0.5.2.tgz_1517302871822_0.016304625431075692"},"directories":{}},"0.5.4":{"name":"rax-slider","version":"0.5.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.5.4","universal-env":"^0.5.4","universal-panresponder":"^0.5.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.5.4","rax-test-renderer":"^0.5.4"},"_id":"rax-slider@0.5.4","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@gmail.com"},"dist":{"integrity":"sha512-2DXdLmKW15viwP4rmyhgdPW5cTdpMnpmjCrNmctQ4hjYzVT3keXeNYdxtQ80AlIkYXStjqCpThOD55Y0JcKN0g==","shasum":"f79b57440810988f96546ac88aa206a38187558e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.5.4.tgz","fileCount":19,"unpackedSize":370709,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDw3rqDtXmKpPioy0rG6wVqNJLjojZf7FlYIP75lpig+AiARhQH4f5cKTLWULoEbwzy3LmxMM55BAB94zeLTN/lgKg=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.5.4_1519961391344_0.06637273020408041"},"_hasShrinkwrap":false},"0.6.0":{"name":"rax-slider","version":"0.6.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.0","universal-env":"^0.6.0","universal-panresponder":"^0.6.0"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.0","rax-test-renderer":"^0.6.0"},"_id":"rax-slider@0.6.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-02dK7JNU/eGnznZsQmFCg/s29pjemnarKUVzPFiMMgyp7yAFGxoQhrphiamuBGy8pN0IF9v6htKlb9mKKulxkg==","shasum":"0db7e5d459abfd17f9d499c8f025329ebea98330","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.0.tgz","fileCount":20,"unpackedSize":446740,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1YaIGSqUT2wK9tRmE9s5jAE//qnWAgOjIZRpSzFI7SAiEAjZOoij9j1amaPRl37VBY9Ai1syA7Bks6Pi284ZF+rZw="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.0_1523331744708_0.39757623742192894"},"_hasShrinkwrap":false},"0.6.1":{"name":"rax-slider","version":"0.6.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.1","universal-env":"^0.6.1","universal-panresponder":"^0.6.1"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.1","rax-test-renderer":"^0.6.1"},"_id":"rax-slider@0.6.1","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"dist":{"integrity":"sha512-Sqpr81zHxHLqe7gkANQQgGA2WPAuUhCuR83fXkCoGkrksr4UBTOausLba2rqmBxqwHfKg0XkbqCCtkNO+I08aw==","shasum":"0dc917a84802f3b154996b6940dbc55d8eedddbb","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.1.tgz","fileCount":20,"unpackedSize":415400,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa3Y+qCRA9TVsSAnZWagAA1Z4P+wUvQIZrnrrLvjpJSmh7\naRnGlhFYjuq21Nncw7urQGtKux4a4YXjLhpzOTkZcitDPkqbtHK3rIKdzhrN\nTA9BZ9NUcOMpAWazxKP1oKmjnZHn5zQWlpiTnhLUz4Vb9OO96PAnrFWYH9SL\nm/ksAAoUsSIIRMv/ut+858wjuIKN6PjRlZmR762oKHVSvc13+ijmaytp+qBx\nvrspsqq7RngQX1ntkCLFLtSGOrUyng0rZh9q8++6KNXOEuJThrJn/8LWYVuG\nILGNpZ/M4rkH4HzENzTJxabcUWp7YHEY6t6S53EU5n4CJFsRwGCtLE6yIzQn\n8senNP0c5B1zowf/tIViAowzEu818rmxc4gz03ZVKO724bMmMFV1qdID2s+4\n9BOLUngBK9DLr8KhY3mCjs9Heaaa0x4vW9C7/Kgmnz6l4T4hirxn6RKBhW6b\n7YdzKU/1mnArsaP1hgh2VMkAOpLVUKnmx5MSekHJgZXiooXfCDks3N3zVDmD\nqN90qyg0nMvIHUeV0ZHgvpPuwBZB6s6Mmj5dNHQ6odsNkViAxGPyero0g3uN\nAT6IwW7pJLWphzvPPY7Ka5z+gYGCG4HA6yF+kMUmvBmWmsuLQ0N3tLHT8q63\nCj+dZOVM6hLxha2pflzF6IXwZeQyhCD0bhekHbTkxT6WNgCm0L9eIHDRm2iU\nq9ba\r\n=mu4Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXOZjxI2BlZpz0+gYpbxxTyoxDfO54hKrixafN32VwSQIga/F0aQM6jyOZDETtG5MpdycRM391zodrsz+QtJwmT6g="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.1_1524469674053_0.7468373027436368"},"_hasShrinkwrap":false},"0.6.2":{"name":"rax-slider","version":"0.6.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.2","universal-env":"^0.6.2","universal-panresponder":"^0.6.2"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.2","rax-test-renderer":"^0.6.2"},"_id":"rax-slider@0.6.2","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"dist":{"integrity":"sha512-UpX+yX/ITivDXTexqqKl11C4vyJ0engIFvJEK7aayJZW0qITPXcNrfrPUyA+Ebt+U1Rco56cUOMcr5n77hkw+g==","shasum":"ec4333750136473e4b05ac38da09bedfab02557a","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.2.tgz","fileCount":22,"unpackedSize":422138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8VMxCRA9TVsSAnZWagAAqDEP/RCfTZC8HPtaRRBfrJEb\nIAry9cKmp4hRpJDO1885hhQ9Wr7XIvfAPGYabIZiGjUNuH7STXFF+skjnqVP\nLGA2eJg0f0853m7UTLKqdUwP9B79GdnGzjTlpQEHoP5SQVWlDYhhoBNATi7I\nqonrx8ZzrLyjVOWU7ddHCxX/4ZG4WEcp7CIrVFW9WOV/wUXtV3syMqteJRDB\nSqiuiODqihNO+YnIB/7u87wvhqu9wmNUzfXJcjAEyuhmtMQ0CEQY8UBsSqoY\ncfHhkUUHyd7vBiwKm7TDD5gsLyCUwt88gqdRmLgQMy5/px4EZLEj79NayLXy\nD7FtfAfpo9bo2Ezvig2eNNpUPg/MZhZofqCAh/MZkkMmDUEVt8ccapHWptH/\nyvXwirUKoGcJaGMeXKZYrhgYfutxUTAzL/orONFehjF5xakfwsXULeQ4lTIf\naxfM8iRHylmWfGYHQfDtKpDUZfXIIfvsFS73Ogfh985+yImzFW0ueXVLxelu\n4Vy5FSnPBlxBqLYnIDnUdxN43ZhKzqErBo8XuEmxYI3hTvVovSB2lt61nVmu\n05WfpAFMdWilj0fVuGC2zbCD3aMOuTfc7PaVynV9wASyP85GERnM+MfhHFx+\nmD3g6/Q72ZTno6U8Tid0AWoz+Py5pyGWAUQeMW8b64ulNnsZoSSYM6sfUKR2\n6D8H\r\n=B+em\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCFOC7wiTYj9kccLWm1hy1de+Ch+FBX2Thji2AWQzb24AIgJXuqxR/Fn22hbo2t6WIypnwETrMM/kgCgkqMPfcosj0="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.2_1525764912832_0.014294060542340503"},"_hasShrinkwrap":false},"0.6.3":{"name":"rax-slider","version":"0.6.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.3","universal-env":"^0.6.3","universal-panresponder":"^0.6.3"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.3","rax-test-renderer":"^0.6.3"},"_id":"rax-slider@0.6.3","_npmVersion":"5.5.1","_nodeVersion":"8.9.0","_npmUser":{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},"dist":{"integrity":"sha512-Xgq79t02Xn5XEUsypBktbaXgcLLwtwcE06s9UlvksgYQafBar0NwR2BjBwwJCAOE4hP4cXppJZXa2fkzSEjAgQ==","shasum":"3907a4bea10262453e360ddb8610e054624ef69d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.3.tgz","fileCount":22,"unpackedSize":453478,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa8brjCRA9TVsSAnZWagAA3X8QAJThg/YiNNUyRRLfdB8O\nsuzyTkp+DfjF7yPPBv87qWFTQ7oOl9Gcvy31FhPFxNFotPwKvzxj4wEFdHpI\nGO9S34i74b15VZizmoAs2o6Lat+2iage7vhcT8LS9dFJa7oIpt77slKWvPVV\n3buNdBMKsk5hnD851MNO5iO1hnCjgxqjEyiKgF6AHnmNVnFhjFlsF0FvPC8g\n/xoCZFHPYnqHAN0vyBoWxblDyss+vEFKr1iOc8TJwSj8Dd6o1sVFeNp5q+7Z\nxN9P0PFsmf4wyVigDjQzU/sJ7FLt1ITL1EY9H7tYI+sPm+t4U6iWbtegV1r6\ngaWUELwa1txHdBs2p/qJVq+bsmj72Uq6WQJIyYrk7VL2JAJ8ZGYEzCV10UBd\nDCMMlq1HrTRRRzJg6q8mmJfBZqfdjH3cTD0XUIoHSAVh4j/lOfLcZGDe+4TG\nYlAdjsqW/9FyRxDyTFh7Ti/Tt2PQu0lHVie4hfLYuZbcobrTCfuuUeUpUZ8h\nrXQPFnWFS7j/sTZqxkV1qVpwR6RZIILJPpAaoPadOJLOzteJBd3/UZbt0uTX\ntpkSynY9k3KRxtY5CS/BKdbbJYRRjqDwRC+BA0sU5r9t1XygJbfVCvwPR9m1\n3Y+c6VZc2r3GaQhgW+/v8SlTJETI8RIpc0FjCR0CXfSRunjwB6HlVi/Y1cPj\nbh3J\r\n=eQuC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEbtUzTJgYJWImQopIJfMc4oAXr6DDX6QH3RrxJs899kAiEA0R1j12CtX6zdJ7G5Iy7gVgl1UaCRZQv5uRnOctXJiho="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.3_1525791459286_0.9648790409795105"},"_hasShrinkwrap":false},"0.6.4":{"name":"rax-slider","version":"0.6.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.4","universal-env":"^0.6.4","universal-panresponder":"^0.6.4"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.4","rax-test-renderer":"^0.6.4"},"_id":"rax-slider@0.6.4","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-0PdsFpDToIBSnSf8oJDxMtGUIEFS4l+Ltc6SpoJNrt7clCB20wFsDj0/padmBr+aB6LxIk6Wb9NTgupBfpIBfw==","shasum":"a4d4edca7b36ba00b0595c677f2de71b7bb11ed4","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.4.tgz","fileCount":22,"unpackedSize":458409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbGNTXCRA9TVsSAnZWagAAPogP/2olAo8ukOzAkEUgYTFq\nMRHJlVTV1SjsEAbL/clopWf+7USpu3e9HgWz0NwwSnjCC1Uu0J3fPsWDVAXs\nUrlJJjTV6CzgNBVvB8FWh1f2HduFE3PICiLw+l7yHY7ACC/p4GBWQnAAo8nz\nM7GLT4icDSUPFFxuCTYZSzqNkJEl+PkpNT8vsxdZep/yiIApPUEa27HtVqj4\nliByQpig2T0gMXeOBOGO5p3L1k5rBFYC8IimHHilfK3p3Pi3G/33wy/ElrMA\nSS46ng9UzEp+6Pfbo9JUwSO2jauJ/lXuP67UoDH+ZX4Em/VB16Xfm2BK4o7f\n2ffyNRvhrt/v6Pxl3TyeM8B6oXv8pZ5e2SnBiip/leQZA8jHH7UBqqwrqW64\n3MrLbqN7mIwtMXyu7/RWrLjFdKOLm9xoj0wfI3rT8u/tmKC/rYRHkzetrfFV\nuxM17q1G6/2CHoYHYjASe0RyECr/TivP4CiuJH815LDwtLNTj/tZw0Tpx+7S\nRDAbmA4tB2EZYzJ4N4vQ15KJQnoTOkhU6KjdHfEwE9Eh4X7Cyv7VEyFdBcDu\neyvCuLnWuphTlY1tFiSAMc8dBN9eIdVbY+gNFQVGYRo2x6fsL1vP5IoOmmnq\nONxtEbNrx9WxiZyehrrPses7maQvH/JXfVa6aJw6Q00Dv4QIJoPgmOjn2lvS\nOWzw\r\n=w6Qs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFaOPgD3B9YRlv8l+gq5VSsPuxefL+TFtpIIKfoeFRjnAiEAgNFRuHORHyMb4+VMkHyCWEqGZsXTaDm5bPcMIbe7wos="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@gmail.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.4_1528354006407_0.36445074498966945"},"_hasShrinkwrap":false},"0.6.5":{"name":"rax-slider","version":"0.6.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","rax-test-renderer":"^0.6.5"},"_id":"rax-slider@0.6.5","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-rops45D5WGA9uYgVRkpTIB4anx7uv2xgUkRTLVvIkqC+WtCxlDs25rN5kHFbyTLPV21lCBYk3wwHgmK/miZZeQ==","shasum":"05c08c56ee4e5b13b4032a15d8c531e9637f2d91","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.5.tgz","fileCount":24,"unpackedSize":552289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfnUyCRA9TVsSAnZWagAAzOIP/RBhAghwVdUxvNEwgDpZ\n2A564+oNZ96SWEGE+7czi7E2nLJt7H5SYdIh7SQLIdZ2kf3nDvQpZ1+Z6s5j\n1B8+yFttRqxJj6rRNMLVPMRNBf9pG7P+21nAG2U2FoEfPfnfxJiLmyvLMH8F\nc4Ty/taWyEff8cK14KMw8O5L/Mz8+nJ4cjC4Aj0DD9RT1OBfqlhQ/U2DNTQO\nMG/o21uu94fLruddQa0/ZRgtr1toah8HjfuOSBo/yhFqsAnGz2+l1HNq3iY5\nuY4ah1bM5VjwpeC/4cFKUIWa2LL5dIKv0T6yZIqhhGieZsrl1MD0voBPyFAV\n3yvsbd1GjCYv4yxSMG0gKW+cPfFE7Nlw/J9/d6v2ab2vGzBagA8C2uK4pjbQ\nb5V2+9GrfD7s+98VjJ21a5zImvldSRy8+odhqNveTtqTMMFEYGx/zuZ1SLYJ\nzigcXttEUEwrOKAB6jpRUcIE9lPCkTEKuVChgaVsWDsPWnyG4mw6D8DwQ4Dp\n4KqsjBZqs2xtLSIVxSfe/zj4/lhDjlBcCBwTE26T57N1OztCw2DM+qsGZ2/D\nGVnpQ47Cprxr4PAf75rEXWmVzYYJDNOBrIbtbRi9FPv3C4eP97MGEwNUkklt\nkFPiN5NlUQGW8bYaCevoRECHCeoTL5e7CjAoRk1QVi030EXk/uQVTRc3aiMs\nk610\r\n=F26G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAsP8D3EEtBb4MyERavZmQ9cxmicRnj7Z/wSoYE2VFpTAiA6KI0sKgtfVYKTsx5s4Iuu+pw3Ew6RwXS3CMuufSkh/g=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.5_1535014194327_0.7316227908329063"},"_hasShrinkwrap":false},"0.6.5-1":{"name":"rax-slider","version":"0.6.5-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","rax-test-renderer":"^0.6.5"},"_id":"rax-slider@0.6.5-1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-YX9rk0nmXT18aS4YXz2iRZBfbrFYEMkCiGpScLlwOZm/lAQc79xpsP+6Y3Aie8pEV48tUZ2psr3IdEz7a99MRQ==","shasum":"75d212f4b30421941fde9de9ae92baa47a4a4706","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.5-1.tgz","fileCount":22,"unpackedSize":493285,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbftSdCRA9TVsSAnZWagAAq0kP/3HWft1iz8/zuMgtYNss\nSvGXjiVDkruc1rKeBDeVGBUvJ047wv6NXdgKtZ6rVTWPvEWOJ2CFzb0kBzrv\nfbjo6zhwUiVBJNL4nEg8Hkrf2uYIqHRjj9PCxi2qI1LJgwalRUeNega465qg\nKU9UoNdXgSo+PNgWNAXWKe8jrftnzWDuuyykuUPuL9MFJqcWRAQACq04dUVF\n/ifCMmTAs3T4Ij+X9wMvo46Atdfh1zBxSbbao7L0p6Fy8CzHRgYMq/MK7L3B\ntl7tN9aTp2/XiON3/RSCgulQ4ryVllblrJXe+askoxh9xkaCrye2BROPKnh+\nmNlv7pRKf30/49XXqOLkGtNBno33SrMahnSSt896WebHVFX9G5CjmBQrHiy1\nkp1Csz9OYtF9Qlc4Yk5qcLsSlSEBBnLlQK08TEZz7E7+aAecViWmJ2lfKDs8\nk4csZzfhD9U6NIUHTGaxmMrsBfaUpH3U6v0D7+S4FNxpdCjlyBVQn1Hno2iM\neWrwGU0g4DQ2sBQyee6hmF1JcPJqEzw6hrm5qTgaMO1P+ZOCNm9nXqFqXBYC\nTQrLwgIXjT5bD7ae8n3BxXrO1nNkq31EkwsEghTQVBL7nD2tH5oNQzQOSw9g\nVwSyuXICOTrOVtaAnTHCTXQbWm39rdC+2b2sSvIEVbyTF8oAGdOGTIgbRhhK\nrQVq\r\n=qUkS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDZV8YKxlqTES/x7/CjYz0a3vbBLG0Pmsb6A4KJvgBBUQIgBt5D1u3iZzaK1qxkpiG8g8JDsVpWSF8dZb1ffxZht8I="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.5-1_1535038621267_0.8761105631397008"},"_hasShrinkwrap":false},"0.6.6":{"name":"rax-slider","version":"0.6.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","rax-test-renderer":"^0.6.5"},"_id":"rax-slider@0.6.6","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-s2xLTn5HXkHM871U9U0AACfLu7R9N8xR2XRB7RceW6iRffCndXAyezMXOfcVqOR01pzEnvv2/NkjVZh/V961BA==","shasum":"a3d9c52fe8f56df1a4f0b975ba1c53237b6aa905","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.6.tgz","fileCount":22,"unpackedSize":493283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbftiWCRA9TVsSAnZWagAAeAIP+QC0X7D074Oo+hDdkLsf\nTpSmeU6xkTQRuhwYbUpkXclbiCz4zFcclsvpzJhxSUgq3BwAxXLfswZN4t2R\n9iCbY+OjPxjiAMYLzdYHNA4RRbnIMxKSRUHRhc+dopSdmcxCln0bUuzVyAuR\nAWUbbvCNtQcaSyWtFOyut592o5OGw0EGoV7FHWNRs2CkGCrh9S7r8FYutZLf\nB36jqA1jnVDlB1s93xpgGchL7VbV31OzHFT7yWrgeTyicSpoS8ZvKQrljX17\nzvXRSg/kBLSGtCoq1vwooTOyiO/H9oaTn/6zyVf1/NynZ16vXg0ngzqPGnKg\nGDmbiqtLrUwaIOSLEq4yIz3hpU2Ii7FRBzQ+s1rXZTz1dsKaksPe2ktBpenK\nKn9+/WGIcwD2DfJu8DO7wPOIMkL//seY+unDW28iQhmSbzcX5+wbeZNbJe7q\neUhnXIxbibgF+Jr+iTS1/rxpI+Wq15PsogIiejBSDY3V0aRI/IicfB99LaYn\nClwFcVH0i9yCwxMapSwmFX1oDxvNHLLh28t8aq59cekIFxQD8TvwVq8j/QMd\n24a1iYVV8m2C1MXqlT6oeqm/Kv4V8b4M3Aeb/l96O5IE6ZCzMT4v2l43woD8\nlRLRsol5jNStPLaqGM+7UoymTsHJJv9n6UUH7YgkBkasKVSg04a25i8x89pK\nUl0v\r\n=4Yi/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB7OIE1EtJ+/pkddVbUS5DX8x0w4nmrXpbcurPzjOaOPAiBAqCETn60kwtEKmaIIH21wHtb5WMRlUQC3iXLnMdfbBw=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.6_1535039637792_0.5297075556900361"},"_hasShrinkwrap":false},"0.6.6-1":{"name":"rax-slider","version":"0.6.6-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","rax-test-renderer":"^0.6.5"},"_id":"rax-slider@0.6.6-1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-ay7PaxCZQJbfn4m42xmblhYcyxXq1K+rSZQJEllozn93cn4soQqerfalA6o95v8xRpwkaUKEGj5OyTb/gjLfFw==","shasum":"50faa716e1ff8ab522637030e8ac7997a4f2bab5","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.6.6-1.tgz","fileCount":24,"unpackedSize":500007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbf3jfCRA9TVsSAnZWagAA0pIP/j/kVSM7SYzNrscLGBCz\n6TmZOjiDQxsMbZwIuF2zYKrtIYvFI4HMZB5w0gMJKp/DG5DtZzkLBTrBJBIS\np8MpbD43sz9LV2HQLxKkyksXzyHArKchv6G1460OndGyErlBfX948GXwXdlP\nY/3jQiXI1SMMk+JeDgOsyp42KFcPRVAo/0e9O681M4FfUkDQGqOnGivhy+7L\nuJEKcJvQ6d55lJMZYwKmVj8yOlo6iQSJ2u7I1mYrUlkF0SQtrXJF2MFhxmSi\nucicPYU3B635OrXST8ZkN3iH+BFbp/54DpzZTjGJE1hsoPONwVfy5u8vvuYW\nEGrLW/3gmVC2opXScIQVyQDJHMXuhZCWWmEqVVDdSSsJaSkODCUFFOk+ZTGN\njASudUVyroBXf3ZOi5a8ZFgN6nLvqsjNyamGOrelUV1SlVp3grCMe0Ottw09\nqcPOdIM01WqLg1xUmjL38W7NBCwJ8L/rZrZREzr8j3Sfsg42H4UQ1CLP6yu1\nNgOtN0HZfQ2woKZlBryPbUqORNdG5af6hv03/UdjIYxCsYnUz1CfFctkEEoR\nCB3JoFNjQWi/k8Y7C42aLuD8pLXp4J/2UsS0EBC3VusrKDiFi3+JnPTgxbt7\n08OGiKC2rboZizsrBrIhyN9l+Wo1VRB9QpQGUFRu1baCZYKyqONYtgIRINLY\n1uic\r\n=oDCs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICNYenABAnbGUV3EKNY+VnQHPadhDsv/PtTuCdshee4oAiAcjwlKYNv+sXdZsyQbRFdgi7fuGFBb7TAzac9IUFlLNg=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.6.6-1_1535080668513_0.9363538292235509"},"_hasShrinkwrap":false},"0.7.0-beta.0":{"name":"rax-slider","version":"0.7.0-beta.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^0.6.5","rax-scripts":"^1.0.0-beta.2","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"3f3a087afd81677630d020b142da406dd10f944c","_id":"rax-slider@0.7.0-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-7l8HWjFnvAnkS+WkDeurxb0dT471vhUHY5t7QlDEKSKEAF1lsxk/am42EZMYqZ/qkfOXJmQTxnvoqok3b0Jz+g==","shasum":"ad861ce81b31242f1919cdb3b7b73dcb116968ab","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.7.0-beta.0.tgz","fileCount":22,"unpackedSize":460103,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcnDAQCRA9TVsSAnZWagAADfgP/2EcbI5fHItswyktoAtM\n8ZDpSOXd0ZQqVDua02WslF2jReMgSxVY5+PgUFawFG3n1f8fRVAajxdkOfeW\nq8EAjCQL8XZvc7Jxk4uhIVE/7aBBVl3iFKbOje1jOfBuzapMqobw1yVjXx5k\n+MtLamc2JEmbYqMPr/4xvwS6C5hcyrSNxrV8ikK4Fh00vLY927iMrCxbMt6y\nu63L+iUWAjKWptApOqHN6VFIjn6zseVmmUzvYYp+Kg4rJBT87xwCIS2rnKf2\nLNNr1a9WzUt/MJv4QP04MhlVHiOSlKYVxDlmYnZ8T++2wMsT/t/5O7Ay8U/A\n7XJmQsZ1WMSWTWUx9c5vlNjxT3pwa979ndF1y5emS9TqiAFSb+8fai2kwJrM\npcisFRZErjv8Okg3wukQaoiX2QvYx4m0B51LlTwbfQlurFwsMpW4bpCZ+jH7\n6Di8mh7INEcy6vhbI/OvMlrycRtG2Q2F1zrfMmEbCBe5WB+pp4h4o7YgDxe9\nsHy59RhfhaQyfKXmhLolQFdPVYc5L065XFHDaF+R0SdSgO2J+S1sH99XBDjP\nbxksFlr10Rt5jB8EeLiTC5sQo1Mq4M095jiuM/KEglrYJgv8IN3xpCKwk18q\ncaz6r2F6ppvpLb4AghjzDTzMDVHovZZ9VPJ6e4DNyrzdhbP/tjloKplYMNIe\nhv+N\r\n=fS+J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGy5ilQwFB3GPuAp1JNVMsshN+nE5KzkQL23N/Aa8SV8AiEA+oqTnevOMUxxtL6BXJcZpj7JIWkYAW3nBVId0X1aMcE="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.7.0-beta.0_1553739791403_0.4818046202233861"},"_hasShrinkwrap":false},"0.7.0":{"name":"rax-slider","version":"0.7.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^0.6.5","universal-env":"^0.6.5","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-image":"^0.6.5","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^0.6.5","rax-scripts":"^1.0.0-beta.2","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"gitHead":"3f3a087afd81677630d020b142da406dd10f944c","_id":"rax-slider@0.7.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-4by+g3MhfzeR4qZ2DEfR5qtniBC5HOk7J3+H9aUr0I7MJ5E2lgrrvbEBD4Zt3jsGnLZMBi3dnaq/sBCH7c2OeA==","shasum":"737512e1001108e5dcd330d44ff8ae0dbc97a29b","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-0.7.0.tgz","fileCount":22,"unpackedSize":460096,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcnDp7CRA9TVsSAnZWagAAd/8P/08NLMsqEZJ1CXLlUHJP\n2qelx0VL2tGZKdzOx2QFxOU2pW/xNhT1Yvv3txwpe0VTv1GWbWZlFRo2Fzon\n8h8aUTPVprMCsoyrucNbH/dmhZsVkSfdnQQSaPUmAukY4dbTKFQ8hSRw+ley\nP337HYqKNbPJwXZBWKwqspYs6av5eKgK96MSLTN9HLeB9RFDknE74Duf6jei\nEw7pODLelVeIcYGqCaS+Ax1JJGz9zAJwPk9WWSh3sPxXe0c7PSuteYfQ9Qbx\nQTd3bSFumgJOa07OugDNgIDvsiHJdOnNmRagU5/WGyLDK9SKujAt0JMS2icM\nU4UfZc8cKNaJ48q9Cvj6AG+QXsRqRzpq2IH+FdVzD6gOSAMP+/mBneGnaKrm\nTFayCVk5KPqwCGbnC40Ov7ajpznqGOaCke0NFxZY8wqTI0BPzjDt4ZeIZPRm\nIZ13W81tYjazHyEaVVAyx7go/O4Y7PZm6nI5vzZvZNtgiyqVrQ8kxrv3B+qb\nD26gSCrGeIJm934Kyf9q21m6lQD4Gfs9y9pz6Uinxy0uF0ON2gb56SqLyHuz\nfgG6AJpg6zRh5L0zO2jW0Q3/dJDUziF3G4oqui/p0DN9tGz/IqmZzxle8Ohw\nhtwiXVOWFIN+T7E6aeBrVJs4t7sjS4ZOlzGyRPIg5gedZlITk6HIaGZNxfox\nyIkx\r\n=maZy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4ODD8yb0v8bKu+onahNWos0PkDD3hdDiEn1TRXGKwDgIhAJPq5cIIzne884sHZlowZ0fEuH3M48s/jhd9xznaS7ha"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_0.7.0_1553742459105_0.751107019129414"},"_hasShrinkwrap":false},"1.0.0-beta.0":{"name":"rax-slider","version":"1.0.0-beta.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"1.0.0-beta.0","universal-env":"^0.6.6","universal-panresponder":"^0.6.5","rax-clone-element":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","rax-image":"1.0.0-beta.1","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"225760ee7b0a3a3ca2f170692fbed078bb3d2fed","_id":"rax-slider@1.0.0-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-n8mlJz4FHutb9JijY9K89NOtoPi8sz6bYfVNSE4N+dJ48nl01n2RZv2KaaBN4iJo0I5C/pWwG3RmUSOBxLEwEw==","shasum":"255ddb2b5cb75507af8aaa3b1a207704a274f357","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.0-beta.0.tgz","fileCount":15,"unpackedSize":24961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcrIxVCRA9TVsSAnZWagAATbMP/jzxqWSeMamQ5z62BKeM\nMjRSqztKDPxw/589kMi5YjoFDnuwvNlcw2Jkou0+57Rju4/hzWVqi+jUgagy\nrm+9toRUcngItCgp9yN+dl8Y9eCdcmVXts+Dj/pwKYXJH/uB7H3KgVEUHq/H\n2wRejBNFpPB4fI3WoSXLb9pHkJW/MvUyF6hLPv5mx+H/agRH4pE6TLcZpVdF\nZwZtdb/7VEfkzerCx5bkKvxAmlPCth/ATQ3+/jDKf1nsWsyGw5lOS9GDDvug\nYU5Fr3K4YOhG+h6i4SUQ4Ssg6ovmMBSfjWAdwWIi7rJNqSUIQbVb8YjAtuSz\n4a8zjTluf8BH3UhtwVNZO+PhR2fYDTOvntxe/mJATHxlXjr1+Uzij1KaTx7s\npVzhYQ36sLed8gGxoKi+sRYwWaX0kZFUSebu4rKNU/sSNjjoTvHGmy08nMbC\n4mgg2J8W1KsJS3uEEyX6IFkin7ARpEvZUS6rrFKMCJM5xcT+D48I3geknifO\n1WOnByRxvt/OxwKH0xMLLR7/BnBZWzuo4LyIT+BubFg169/JpRE7gZex25w2\nrjABWDT4x4rvPihviKwrSd8/YBlfjXejyRpFmQlsR/C6QYhK7HTAvt1oyA0J\neF2TdJgRrUxwhpKzgnyiopcnCER+Vh2Hbc+vnf+5m97zz3pSef9M9f0UnzUb\n69f8\r\n=Vfvc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDr0Sdlnf/wTen7WR8kn+mx3g1UQMcq8WgbSGD3Uo8yAAiEAsTpkw0lrA1+uLIFvkMZ9VILHNegM2NOVE0j8S9Dj58Q="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.0-beta.0_1554811989140_0.5533200191204977"},"_hasShrinkwrap":false},"1.0.0-beta.1":{"name":"rax-slider","version":"1.0.0-beta.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"1.0.0-beta.0","universal-env":"^0.6.6","universal-panresponder":"^0.6.5","rax-clone-element":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","rax-image":"1.0.0-beta.1","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"225760ee7b0a3a3ca2f170692fbed078bb3d2fed","_id":"rax-slider@1.0.0-beta.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-N1F/L8U1uEy0PzBHj6NedPipXSAHXA/ggHqGYcpZZ7iuySo0W9RuwniUP1jVsFaKu/2FbZ8hTv7Aq9fPQnFBUg==","shasum":"4e63fa9197cb4adfa8e4d70b5c38a46e5930cbe4","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.0-beta.1.tgz","fileCount":32,"unpackedSize":447489,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcsFo9CRA9TVsSAnZWagAA57EP/jGP186LnCBswW3sWxnI\nmRQUYyAubX7CVmpyEdhV8PteNK00PNnLmCa6KUM4SnkELQ1pZZnvj98k1Abi\nFZnXc/CtK/TcjpH+QwU3OtxSvkhRWjj3JVE+QjUHgAU9S7N+Un0C3kkdzunW\nG11eoBpij2L0sJcCqi6948XzUAK+Sm0FAxq8NMtoTniL3NZyjFEo4REr/brY\nRhp0PMBzrLA3pIzZCo4s/vQBzZx6CjKG7SUkA3MwBsQIljLujZRjjtJH2iKG\nJUoqVwG1vUCuUwvlfT86fRHCk0sljNaOGNWxvGN1jzqrKTxkRWry79vOWFD8\nSGjpFwMtfobBHrMFL004yAEMOiqDGBnbkCPgXMTbtm9FH+SjD0Y/JD4jtkYy\nDF4lPup7WKHnoWnxbque/TynCsMIik0jadRkuMLCm4VOvrm//qjAerIiDve1\nNY7y3Or6kSRRB+VbX1vu2/ejSB7LBNb4kUk77ZIrjNsZs4XL99WuWAsQ9b5H\nb2P9ZqUwtUmtkyW+mMADXVKQLPx8dFo1pUZ2iGampjnVv9QimQKHbYgsUQu8\nyQfc74yPUKVNtA1swy9h05SlCU9499v8l0j5WaoshstH58UkyfYQtwzVvYCt\n6tlDg337FGDN/ENEjgHI2RP/szBUDHgm1EOLOuk3TzqrF5ABe2PjYr3TA5ux\nHNhu\r\n=VZGT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICGVQk9Asx3KhQlstMYcY2aHA5NFiO3bKHp4Ps+AXsZdAiBJyuwu5Wj4FCwszZPSa2QL6vWaA4JhDHBM7VlJCOiQog=="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.0-beta.1_1555061308742_0.13377810021546543"},"_hasShrinkwrap":false},"1.0.0-beta.2":{"name":"rax-slider","version":"1.0.0-beta.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"1.0.0-beta.0","universal-env":"^0.6.6","universal-panresponder":"^0.6.5","rax-clone-element":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","rax-image":"1.0.0-beta.1","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"225760ee7b0a3a3ca2f170692fbed078bb3d2fed","_id":"rax-slider@1.0.0-beta.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-E9urf9gkfvk8yEvegxeZG1+qDepFmLY41fxgRZaLhmk7qX45rARLPzvz9BzkIpivwLDxk5AVaFYmGrGrOkklaw==","shasum":"e3820317c6857e9885133661143d419a50363bc9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.0-beta.2.tgz","fileCount":32,"unpackedSize":452568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcsFy0CRA9TVsSAnZWagAAGdkQAIWy6M+yl5iAAIl8jNGV\nhTja2YHNZAaeKrnorklH6au2c5QQpoe4dAY2qemjeraukzMeGa+4gMFJSSLU\nIEK0fo+q/PL70BQ3rmowI1XNoqO32BgXVAbrmsAQSXso1tkjpC1kYRMfJPH2\nFlJAYUkUs+qPgZJkEfmV5Qa0iccDT7o7yuO+QFZW74k/AKv541Bo0Ni7VmrT\nynXAuijFAx5U3ddFhXbK2woqgelVxziwMk1BTge0MOMFRZEiNuRmztQnBq0z\n4kjaHZggRpxS4rbWB8YEBJsjPTMgfBDc2MyZVnXkEsAGi96a/qDcSVvfUSxi\n5cssNojyZrHh36m9bbGjiXcALA2XKPiXSEZGcaHb1slVKtLaYOf/u7+bpoil\nPswM79LN6n0eFbhpqCIBeohofyr7stMqvMm9Yx9mBGzgpSa0kReF0GNzpPGD\n96EKdNs9kgAVGmLoZS2BcWxWDWgWzU3KckkJ4qwZQNPEYMB06SChU/CYBx5r\nYXKa0175wgYTcf4h7Ctoaikc31DJQLySMARlOIRALUq13UrI8zqget/+Z7oG\nzWXJBsHzc+7FgD1YIMoYNZ+ing93SV/hT5/Bt1cfy5VNsgMNePlDwP7F48fa\npQQ/uNm5QfNMJMAlR4hBw/RnJQJcPFtdkSqQZTAO4y42U/u7jx1J8NuSzgp/\nXvmi\r\n=uDrQ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDyV1gslkZu19i1R6pa0CUqIGMXoiCPV38DoumXtdMKfQIhAJcHJk7utlA8ocAiHTLDjKerfzKzfmwVHXNv12iCpnHm"}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.0-beta.2_1555061939639_0.46217397478154854"},"_hasShrinkwrap":false},"1.0.0":{"name":"rax-slider","version":"1.0.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","test":"jest","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-view":"^1.0.0","universal-env":"^0.6.6","universal-panresponder":"^0.6.5","rax-clone-element":"^1.0.0"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"rax":"^1.0.0","rax-image":"1.0.0-beta.1","@babel/core":"7.2.0","@babel/plugin-proposal-class-properties":"7.2.0","@babel/plugin-proposal-decorators":"7.2.0","@babel/plugin-proposal-export-default-from":"7.2.0","@babel/plugin-transform-runtime":"^7.2.0","babel-plugin-transform-jsx-stylesheet":"0.6.5","@babel/preset-env":"7.2.0","@babel/preset-flow":"7.0.0","@babel/preset-react":"7.0.0","rax-test-renderer":"^1.0.0","rax-scripts":"^1.2.0","babel-core":"^7.0.0-bridge.0","babel-eslint":"10.0.1","babel-jest":"23.6.0","babel-preset-rax":"^0.6.5","eslint":"^5.10.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest":"^23.6.0","jest-localstorage-mock":"^2.3.0"},"gitHead":"94b0a5a41cecd138ab36f3fae5a79aad4b26cefa","_id":"rax-slider@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-8tUTSZONQ3A0yxtDi9tGg44SnpecCKhQBdqAaebLIo1cmtQU7tmO6R8f907VjNFZMAYAr2939Og3EkmlhPW7Fg==","shasum":"b92ee5edaf2e3c2895963dd1509917d157a2b2cc","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.0.tgz","fileCount":32,"unpackedSize":452588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJctuLgCRA9TVsSAnZWagAAocsP/ind0xm5eZ5Y9/NL3i2D\nV/tazL5pehomhuRORFtUNa9gOi+wu5++GZR1DntE2SKGYdT+fmMaF3vYn8xq\n5KrhBPXGgwUqU5ewx3J2ypBhoc4VKHFh/+YV4fKgVxrGZzB4eY1kHnkStMTc\nwm7z7i4lEv4zzdtfIDUmPS/P82qq3+VvVVqGWZJLNL/fTu8kMCtFrDXGUOeD\niZRooKwosfOa9pYk5OSTT+UXVYZN/aQBc2M9FQ1KZzNJjeKpyoP+orXBdsgu\nZ+wFDbbGcYAwujBHT1SXJXcSI815n+zbj+Epuuj8QQsj0ZhRzf1tntBx0VCf\nVhwnrcyijFBa0RL665Rd0ORxuEiIvcxbDgGvWTwBgbaBR0kbKl8DiKSz70C1\nVyNK9AIKt8AJNsjJQMoDYrn6tmxzdHtGFGY6nyKOUduW9KQCB8eFgfxQ42pi\naoog9GKe4vWYwrb4YZrgBi7cwVaHdlxrspXZ4nFVIEuHiMo+9SxFztROMxar\ns35hfYweyhJpr1xu+gs4cp2IHiV0eDbaMj/Qf7+cFyVugQaF4FATf5i6pHQE\n66PheCZN3b9r0zMM+lSPAe0GwrQMPlBu67WuYbLBGiH/1RsdQKOFnEEEhh3J\neSu3lnSR/CNyTOzVnZ+syeyRDyhzCDvRzQeezTkVG58CVdc47CE+VsJmkf2O\n6qlF\r\n=ScoG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBOf/ML/nKh261lo4PQFZV5E16DmijwONVxE73y7qr1yAiEAk3PRPP12fhQ1viHOapdsOe+BHpLeH+XclIMHFsUWRUw="}]},"maintainers":[{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.0_1555489503810_0.1676721315413512"},"_hasShrinkwrap":false},"1.0.1-beta.0":{"name":"rax-slider","version":"1.0.1-beta.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^0.6.6","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"8d5e1f5d743080dae2591f16691acc5b1195d1cf","_id":"rax-slider@1.0.1-beta.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},"dist":{"integrity":"sha512-aOFAlF7xfbGc0hkBOXRSE+7IJLsrub6+ekcuRMHJeemAmjOB/no6a2bGU2bJeCSvBC6hCCpQ99IELQjA8nJFwA==","shasum":"05ceb505c31096cbfe4829903e1ff06c169865c2","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.1-beta.0.tgz","fileCount":26,"unpackedSize":44642,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCytyCRA9TVsSAnZWagAAMG8P+gLpFlbaa2ElYZiZgygv\ntzyFx8VIwdwhS3D7AS2BL7ECi7CKE3+csee1CEci2woFDuoJu7M1TpjOO3Qb\nGAOEkCGhbQAr5tWQX0DqPSrQwL5oCN7MMsfcdowzs0OG0w0rQsYa4U8joaXH\nWHDlBnAJwXsPEzTna8FUllgkjNxCrW/0D4TgxFFFi6SDLmi0wXsxQya23/Yr\nwHXS7w/XrZAnWoXnUj1vBQ5YKskGOGgLxo26h0LD7UXjTjbaOWGWWAtzndCG\n5/OgpMgXvKVDAFIxV4z3FNBCrXJbKx5zs1VSoTd19r6tjKQlt0f/qmT4233W\n7Qf8GT3Ddy6o8PGmCn6xFgSKWecJ3T1xiCkBL+aD+F89K1trZlTe8rCQGq0C\ngZZMJ2AyctiQE+qLrheYsx5UMctqyybRuton5Z7DI72KjO3NQmbk4Z6N2fRH\ns+LJy3wSa4OxM+aIuN1/PT9vmjv8R7ZlVzHC/ziITo02En3MCw7XtEw+FGuW\nPbGTdGZXhONcYDbyzZUBvZSyj8IGebibQWwBBJmq8TkjTc6SwjXodwQm9WSS\nFpG1NdfBjkDLwO4J2l6z5ozqDv66vfBKznHiyPypMLQBMDl8iykWk/xth5jI\nL64j/S9Ti6pNd62+px2darj7MAdc/oYAuSbswWxx9DPDs84Ag/NTrFkN6jnM\nmEkv\r\n=lZEM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBoAh6mzIPxlR58vrSmbzZ3sflGMkhXk3sKX5YOIRCWBAiBDMfD7xtwebEsbuicLkJP0IAfnPY6PX3bWwq8vS2t2Lg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.1-beta.0_1561013105455_0.38737452572853237"},"_hasShrinkwrap":false},"1.0.1-beta.1":{"name":"rax-slider","version":"1.0.1-beta.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^0.6.6","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"4bbe62869af854a1aa3ba5358007592175cc0b2d","_id":"rax-slider@1.0.1-beta.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"amdgigabyte","email":"amdgigabyte@gmail.com"},"dist":{"integrity":"sha512-Va6eY3AbbokfvIx9NKo00dagv+sF4z82eXacvEOZJkjiNN1Nhdq+DYeFvazcO8/hmej4IVrfu6rwWi6JqxHDHw==","shasum":"0673f0e1e2748a889d3c608d39277b00a081a321","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.1-beta.1.tgz","fileCount":28,"unpackedSize":51122,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdCz3UCRA9TVsSAnZWagAA+M8P/0o/Nn3sW89ZklbJyFhu\n7P4XewrGAWywVm1HVCRpokaW+h64aMJJPZu5DhcfH3XWvfoEST9DlUmue0HH\nJtfwP1EVkb3Ueyw/4u9t7Dm48/qJJoOSZE9j/+ehq6zwBCssAwCEKNaxxmh0\nXvfWhTk4DehRAMyluWlgSXpFfUKpkIQ83qXoXAZp750N4xPOW/QXjPmPlZGQ\no7It6WW+M/5BCStUj7L5rkXsSWPc4quq9egsXLScJn3r7LmxG9v0I07755ez\n9zUoGzEkXcwVXKg17oiv/ObUJjB6RLXkQGvQFqBccNecFrdsIUHcUnXleHS9\ncHAnXoaSbd/fyBXMGyRHF4D1DOOPiFlWJiE0FozCOEoKNfcN520cUeL9g4l0\n86pc4a+nquIYyi6ae7s4qLvml+0rBlHxEPWc0+ZtVLbThXhohMFAL6wYj12s\nSkGTmhiFzYB/ynAqTB7uAi8VFo2L1qOdADLEUPxox/XWiR/BnD45P8/k/GMf\nF7tbV9qfj5mrbYrnI1RRlk9VcVpSA2hNb8FCYcWVOZiXATl2P/DHXeit8wAu\n9yKPehEmY2Gqbt+FcXES67RteKQLxykPuvCLrKOLmp4MYcsuwMbelc6jMrf0\ntZi5YQcSH3sPa3nmqS2qy5IIFHsT4xOJXp/HVjC68qI7REsfwjes0Fnm8ss0\nRMj0\r\n=9Xfu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrlsUF/fiHttjIHIxb5jURC9nVRLQ4137Cj9KaLZLBVwIgDLbFwD++cK73AR/WshRRe2U+2Mw03WN8hgXbQ73/Vmw="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.1-beta.1_1561017811349_0.7279378998597901"},"_hasShrinkwrap":false},"1.0.1-beta.2":{"name":"rax-slider","version":"1.0.1-beta.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^0.6.6","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"46e59f3a3200a6a5578e37be79815c74212f3f76","_id":"rax-slider@1.0.1-beta.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-5bJQRnfwbwx0xxK925cyBuPzrJRge/5QQqVA2yOSqVYxmP2Mrrk90wh18EfN9xQ173pmq5NayN+9RlcTz7vRpg==","shasum":"fcd1b47d792e8d225559d61d4aa02b6fbdeca1ad","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.1-beta.2.tgz","fileCount":28,"unpackedSize":51138,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdKCI7CRA9TVsSAnZWagAABOgP+QHEh5Z76K4s4komBkD6\ngKxhWWxdy1dFbsPMb45Ct6DQlfp0TzJIZXzSaTnKL72OAiZPANI2y5ZbUXJR\n6KDYZI/0Ay4X4K0fGuXjlV1rsgLAizjaAStiAqE4mRTstUePPE7LKVSMHfvh\n6mseRTmz27AX2cG1FMCP+wJH4UlT/Y7uMaLPuRDAMTCM7N/uMZlONdtbFCki\nHGcBQA/1lgegrAJ20UMbVMqp0M05TTPIhGKlO/i4GjCBys2x0BZqf4qSZfIi\nabYMaZgwrDHeFEZcAo5ockXY7ETt2gdHsvtfPVhGbLPvVYmtUfBGfjzFdBnR\nBq3G1giZaEhiG2P1pxfY5H3ZaAwTe9P2NpXSnrFIwBwwfuS8bZUg/28Plak8\nhpaaMLczjg2s9JQounKE5qUbrqP2y7GlHNKVfG7LX5aZNGNwo+4UzQC2drJQ\n8BhFcmFFuPQl7Y90J15WrvMN7waBAJtAa/sFUFHY9ljUvErlNy7OREhj/79N\nqDkzf8YWxoQmoiV+adNphBhUmreZaXKAkiGoNNJNytJuVp/AnTEriDNUqlDo\nAn5tgYmxm1I6wQ6HYM3hnOZiv5ht3RzIZ0DSxF3GvzmS2dS2aLmr+5NnkF43\n1mc8mP2a6SwXy0emXbuYM8fVJ2kjCR5tKWaCkY/nVcp7VwARFLiXfsW/v142\n9iVg\r\n=1S0t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZQ+pJCMDHfUSocmopIL/lxH2vKjTrsNjI2u/mdj1xNAiAVJmX+1ZVTm15JD2/W45+WSFe+dKbNZW+mPS1aOWnjzA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.1-beta.2_1562911290281_0.648014853840178"},"_hasShrinkwrap":false},"1.0.1-beta.3":{"name":"rax-slider","version":"1.0.1-beta.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^0.6.6","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"readme":"# rax-slider [![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n","readmeFilename":"README.md","gitHead":"bbd039e92600ce511ed5cc226178a0332bb1ebef","_id":"rax-slider@1.0.1-beta.3","_nodeVersion":"8.11.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-o4UiIfF+RnNoA9XzSi4rUBBi5lXT36Z2ap/qYoVASdXCUpiZM8BVk3WRkzO50LdmhFVACDii7W2b2oJQby/4CA==","shasum":"4f4cee99abb569821f343c502185374167310039","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.1-beta.3.tgz","fileCount":28,"unpackedSize":51291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNs2GCRA9TVsSAnZWagAA1n4P/2veJK0XQ18emEM7kVA2\npzO++DtvKa+iWxrULGwVHmX17nV7jC5rsm7RNoLFIo6+vsUA/k/85NTvG9em\nFv9kZJ/N5BEEueigU4YD2gQTSKSEPi7cmNmV3b7YSEX+1/xK63CifsyHqlAj\nTBpglcGpxh1V7KHf9c8eQWHeirklUJLdnYGRgdCArqU20BlUTUTsZp6IicZL\nd/Rro1CAMtQ7J5+7s/FH6Fb67qkaTp2bNarh96xsKUB7QQN3EghSXIIN6XWy\n7Xy7fMfuo896/cLqIo8Lpjb+Ir+lbAogdD5a/IJbbTpabyFDSlC5wAypQXRM\n2rrGgH2nCJsfO4RrfsQSJ2NrwKSpf+klrqq7o/ZtOaEbE8eC934lkagMXmwt\nocqMGVouxy0S9b4svvNO2iEXiEv19dpd9cupL1pHH/j39Llo5vi3RGCbRK8f\n1la99x8tjBuAxQqn9vgyMX03BmHiQ6iotXMAjep5Kxyq9ygT3JSirWQ5VXO3\n+w2f0kqmwfGd2l4wS507WyALFfuBzel/QDOOehGwpVgURgkPqMoyfwMtDnMt\n8hQD83F/ntEIzZz4hjVhAOWV8llxhTpvFcElQ9PpahMR6WRTsPLSzNNYeYWL\nVfLWp++scDFA+zSMEFnlyKp4f/q09noY5HvIifEQCDBva6mT0WnGBYIlzcWp\nG4t/\r\n=/V3o\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqGBGRZ2sfZ10lWux+HLziScho5WcHiTr0Bdln36salAIgSf48iZcL5lhWZWopMkF8CTlxVr6HVzgR91t8ZXseX3A="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.1-beta.3_1563872645262_0.6268714450756778"},"_hasShrinkwrap":false},"1.0.2-beta":{"name":"rax-slider","version":"1.0.2-beta","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src","miniapp":"rax-scripts start --type 'component-miniapp'"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"swiper","subComponents":{"View":{"tagNameMap":"swiper-item"}},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## [支持]\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n| **属性**    | **类型**   | **默认值** | ** [必填] ** | **描述**           | ** [支持] ** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | ** [必填] ** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"1e800298706214b1cb1c723a7e9f10fca6a2d631","_id":"rax-slider@1.0.2-beta","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"dist":{"integrity":"sha512-RQk1h7YJrzqoA7+5lgdi3CWh65UBuJQwb6lam/CC14Tcq5rMKNDyxTW8N/RcoPkocEgkfmu9JalDVlpZVT/TUg==","shasum":"48cf7a74504cdf1adedfc8da8ad873bd9adb62af","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.2-beta.tgz","fileCount":28,"unpackedSize":59647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOs8bCRA9TVsSAnZWagAA+awQAJXla/iGjKNf7b5/Vxdh\ncufluDU5xtNME2GQk0I13zjtsMT1AhPBD+8K4XKyr5KihKsrk0i3mp5INBu/\nF+iw+PRaKyDbpiY3V6iqRBxCXAFUrhIpdxdygOBxVSt1IDEtp84R+iUajjCx\nsGAy2kOVc9wUVgsB5YwBWU4wx34m9lsF+CKGAxOlgyRyondh2rtT3Xw/uCYx\naSPLU/s/AD7XKAIj62qRtADyx3shpdlci7pLTcd5uffoc2PCZ598NxhZI9BF\nP6zKz88h5lmg5hbVXPDgN4MFgN6vlKAELER9+V0wd1q50nEMaMh+nVp26DT6\no2x7rxrP4N0Fw9/Sq4PDSWrjYQZg23gL4e0Yty9652/HztZmRLBwcPs+hduC\nwngOLzI3CIra1imrYsHi09p1XCuXzJH2Ga3HWQhgRNednYiQhMGRhrfnKM0q\n7n7/ZC0AMwuV5fH0tzJ5B48OMfen3+Zkkr0ErRIlZoBEqp0h5F08i6JEnlAc\nYjW+Et0lCJkekj9sSwBYJ7uu1dysTwW/q5QT5rp6G/boLAQ3Hj3onxNa1WKg\nOM4IAjToMofAGbvRb4gn3n/lq/Pdq7Y+NzIJb75PKexacX7AqzmGBdyJqQrx\nZikzf5A36GTmJLvO0JncP+IQn4pWVDHdAQfCn5uR4wHyhg6QYPavmh5cW3Cu\n0hVe\r\n=GQCa\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAU8ekkPf7r6Ek+XDliGte6DcgRqxD6UD1sRiRA7MwazAiAHnVvJhpAokFrapjSUDWQpWtTgYX+nc+vnWWHVLVxWPg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.2-beta_1564135194702_0.6276928979934104"},"_hasShrinkwrap":false},"1.0.2":{"name":"rax-slider","version":"1.0.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","miniapp":"rax-scripts start --type 'component-miniapp'"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"swiper","subComponents":{"View":{"tagNameMap":"swiper-item"}},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"gitHead":"e6e31db303a6c43d460c8ffdbb64553b8b7e26a9","_id":"rax-slider@1.0.2","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-jhrPyN+p52xaX8knkbbksnxsh0Wl7jLIJljr8PL5rbZDX3S+PomHw277VD+ieD8cBGgOHP7wKwEk+6az0kx5LQ==","shasum":"3836e6226d018e3d758f7ba72aaf2bc695eb8c83","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.2.tgz","fileCount":28,"unpackedSize":59562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdP+ZXCRA9TVsSAnZWagAAOyUP/RxQqvunWkL3bCOmi4pO\nt3o+45vbcUyM8ucY2dpkluA8kjZULwaVm9QI8KeQWV5wxlZ+AAr5yd3hy6Gi\nvn9y2frYwL86GuYw27ZHDkqxP0p2mvjcCmRCUzssBL7CbpMbUBZdoHm+ldcI\n+5JtXtYuYA7BIlHzsee32IIup8wkK8ZVQSTw7mH7jEIhrgFAaVatDnZSecrv\n6Zhx82OIxnO6lJyvzvPtU3xpllBhR1VesD4Gb7ha84sbI79HFqTTuCaD6pWy\nkEaF+GCrr/Jja0g2tAiUc7gFZhQGGfqUiMHMmqbEpN60DCrzWCMGlevqzOYI\nYMgKGU1B3+/VrFjiNWte/9ST5srv94olOwval2zrbeBcIur0EXXEryqwmQp3\neEDMcwEZ0thBFiZcnqgvn9RhYPpJKtyYhUuUHRyRg5Z0CT1IiLDgJNEFaIiu\n7LUuozMD4dSXEoQ42xXFUbSK3m2g+G25Hd5ioaS5Xtpd13tjrdI6Lh00ETRI\nZ5Y3GpkU9nkl06juPXTUVdnkMfPBRq/AK4rE7QVriNZG13/q3b0g3CII8BKw\nSd5R1GdXpdbekJAvUaW/wEh34IxpfSn7mvbPCbj1O1fFbX9JQ4sqegkLol5B\ngJfGTjpe01QbuILebxbYVM39tUqZ9hjlqMHJtDQ6ZrFsrnxuyCVwvltL/N/n\nVJXe\r\n=BZgG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZmKwftuFWhVa8hSf6iTjxBTE+VLwI+zF2ysGcYsXfYAIhAJnEVksGf4+pdc74X/jV5k9GFfIRfd7qqhVhzck/IS+Y"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.2_1564468823213_0.38853386892481145"},"_hasShrinkwrap":false},"1.0.3":{"name":"rax-slider","version":"1.0.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","miniapp":"rax-scripts start --type 'component-miniapp'"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"swiper","subComponents":{"View":{"tagNameMap":"swiper-item"}},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"gitHead":"a7c066d4703fc82bf469417ff826550a5544b73c","_id":"rax-slider@1.0.3","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-U9QO2LyS4K0Ao5trX34s/quzUBBZGk7v8+3NNjdeKvZ/KmgeqlspTvIubUv/hHhqc0fPPPBLn8zES+KzS4rGnA==","shasum":"3c839dee64c0485c608c412cc56b17fe277f79e3","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.3.tgz","fileCount":26,"unpackedSize":53158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQDBJCRA9TVsSAnZWagAAtXMP/A9TrM2TJP0u0JFzdLu4\nDCpOx5c49N2RkyGaTDuECx0aLbuotdSXUOEr9iaMvoapcNVuxtxHqdX1oref\n79d16D5fw1+50Q2di1A50XRTVwJ+S4mIH+DRuR1sMwbR+IJgflCSbFispmuj\nlWI8owNV6VrYAnvNd9xA2tzbbOHz9z80JMBW3W3d9OxcYT9Rf5IZ0YYKfHOi\n9jwfvoHpfGMD2lXP60Is+w8cuzS0vAF4epcRd9zi8IZSNQ20yrockUTCMgem\n1zxZBJ6C0vp+qZjl+RBa8OASDvtnrFcYZkFOdqN/jnYAO6gjJI8S+o2Q1Yd2\n5dTHIOKb/zloMmNhyF94Ge12qxEqVc9ZBRjx3CjYwS0aAq1lH33MX2IQ+nrq\n41VQDBY573fnem/MbKdOWSXhlegpkZC+sncP3BsUtPK62k6v0VF1FM/rYd70\nJ0eg/iA7WFRepnr6pH3O+GnLqm4dt6LcMUA1zM+tlTrn8gOjwqhsQItJibhM\nDpCOWdSX4hIvyxI1SxRpAYrnQTvq0jxkGqtHfku8ItLbzGjg+xpYN9idQ6KG\n4E1LwsQMtp0/h6KEed1gBFecEtq9CK47EdzG9aSGmx0NhonotpQBIjkcVNsX\n3tRlzWrjj/fU1ZykIERwkTaWnGygdttn2CPoXeDeZRUy7CbLYgzjOY3YzdGm\nvmXf\r\n=wbA4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD8aptYCKuvGWlTT3jyeZWaDXRcvuRJH9fSzuY2NtB9WQIgVznsVLsYLXGCouJ9TyMSJOd94Gar3Jek3ql5aeaJiHw="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.3_1564487752904_0.06660605007062381"},"_hasShrinkwrap":false},"1.0.4":{"name":"rax-slider","version":"1.0.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","miniapp":"rax-scripts start --type 'component-miniapp'"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"swiper","subComponents":{"View":{"tagNameMap":"swiper-item"}},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"gitHead":"d4d45f598e9f59272c16a74873ef9beda69a3014","_id":"rax-slider@1.0.4","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zKq4fxq+ylafWe1k9qbIKLgEnfGnHZdPD00l1dcR0zswGcQDDBqo40CHko9Rg9DC0f8ugXmzvazMOV8+e5Q09Q==","shasum":"de69f6102391e5eb5f87c8524bee9d0588ece013","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.4.tgz","fileCount":26,"unpackedSize":53890,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUMn0CRA9TVsSAnZWagAAtWoP/34ETsWgHLu/+9drfb0E\nFI2ACpoLHjyJ7WpGiZ7uSocHgdjpJbCZz189OlpU4Ks+RdAE60P3wtuJ5dgc\nG3YUdbWMcOrcFOMYnb5VRlxC59ak60hkCzRudnoU81tdFlqEFq3GsH7P6gcd\nhyh+wXr5Aa/aq0qakI4jZ6rzcHRKar/fBVrBqkh5P6yvDcsqUoHzxF7HFEHM\noPXBWBKfXGw0jKm5Ec04zZhgs46nctHcz4DXuIpda7JaC+bvIqGEoGuf+sxv\nTEyaSEdv1MPjKN2hoRuhlsSU+Q0UnCSDOwkzgyHR59EYZDTNqcEjuy+g98aa\n6NkypiQVsO9xdDDqKEcJT3gN43lc6gAKgHO9oJL/hlJdyY8emnHgzAbDynU5\nhOipJw4CwyTxI9/xCx+hMewukDYtM+CTcWcsYa+vmP7diSgnNGFGLM9qGBNE\n1zdxMbzZ/+xMDc/TCoASkZiz7ITdQjgMMTyqCKQ84tMH6DiS/ANfTzvhNlFh\nwTPMyueJjH55uRP2Ne2Zg6N3TRQfK3iZ9fP2Obs5xN2DzV3FC0d4lmJJw3T2\nJlU15u4MeEJixjbaGDcg2BnC9TZ6uihC/zPCPYDkpsZ/VAwhe0xSwobJDDBQ\nyuZhE+jvXm3U4Aqrsk4wAVch03X3HwEScVSNDjDZtNyT281RRgKlLZayZtMF\n6qOy\r\n=k1a5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDl6qnmK+x5Q0nZ9X3F6RiveAORS0Vo3qxfK+Sr09pqKQIhAMPs7vAqW+n4kCuy7VcdyjBXLHGNlXLHgdrfRuav0hQf"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.4_1565575666948_0.19847897714603202"},"_hasShrinkwrap":false},"1.0.5":{"name":"rax-slider","version":"1.0.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json","build":"npm run clean && rax-scripts build --type 'component'","start":"rax-scripts start --type 'component' -p 8000","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","miniapp":"rax-scripts start --type 'component-miniapp'"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"prop-types":"^15.7.2","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.0.1-beta.7","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-scripts":"1.2.1","rax-test-renderer":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"swiper","subComponents":{"View":{"tagNameMap":"swiper-item"}},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"gitHead":"b75aeb3acf947f7f8d782650c6e5844266cceb28","_id":"rax-slider@1.0.5","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-iCZX1XjuwZ30KRhjM8HocRVDA+7+NDuSJy6E4lfuDxLVdzHUMzczTcZFIaOaKlwePAeae4gPOusS517kNTm03g==","shasum":"542e3faffd5395a52603f48e80857cf81eb87d87","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.0.5.tgz","fileCount":26,"unpackedSize":53952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdUUjXCRA9TVsSAnZWagAAH94P/RYIDZi/UZGW7hkAf27F\n56RAdmTBSNYK41XlH7cA1YNUTb3FiAU+faZsZQsjJ1OJaWzXsNIvPTzeKdur\nK+miRPqeB3lki3wRWSgCxv8JJEq0eG5pp07Iz5M7U4DPQmcVFwYQgfVEnLPt\nGDdUuFiqv7v7B9sZAzA3IkrkoUelz4QqgsjY1LdoUXvZ3eQ1FaIa/7iKxSg7\ndxBT7+KWvCb0w4lQAESpp0H4rIbbz7y/vldTly76d6bcxtXZFbtP4mxVymFB\ns8wEDpYSBy3V2bKuj/IQDbTqolJHRH4GrRwGjJGzqlLhoQi8tyTX8Qkbf45g\noqEmb/5lQYka1Ic+/tWDd4M5s7nab76WpTKEJnPW6NJw/97LGjhhpA/sh0Bc\nHOu/QFZWOURGYVLEucqt7D6SFPt+7bzsMLhInrZmOwowku8QMAF21MUTR2vw\nPETn9K4Ba28uH4WwYre3M4K0giVf7mBf1Th9nOAyaU2k4Zinc6XSolWaCVWT\n8NnMVko2V4HyOTkPlM0q4C8qOWB+rMcwZ+4/g53yXLUl0hvgQxnMb4Bnonjh\n2XGE95ozAQziC51LUvflPRaYsioHKnOljX+/GN+78jE587DvIxXmG13c4PeK\nXI4Avh6KRe3qONKDT5mydrScpP3/sUGjbVVVWbbFtnz8I8MZ5+j66a9HWdBl\novwz\r\n=w4Um\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGadXuiVnB6vt+dksjKyRBAm6jer7Gviwmpc3ABOJsJ4AiEA1gJox48gFVFoOBRH8fJES/mDtodjSsH6WBplT+j/b7I="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"marc.hy","email":"marc.hy@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.0.5_1565608150395_0.7278746549707751"},"_hasShrinkwrap":false},"1.1.0-0":{"name":"rax-slider","version":"1.1.0-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"03bddd7e1ebe188b20a50108efbe16e2902ed0fc","_id":"rax-slider@1.1.0-0","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-Vgas5gaYLw9N4I9j9rek7vrWeepmVUGlSyB2ihSUB49Gf1D/UFs3yHmFg6iU6IQiNNHaMNUqBODFb0Ou/xvY5Q==","shasum":"17971494a591601f37b6793ce7e2a9e048038500","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-0.tgz","fileCount":28,"unpackedSize":57059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeGMxCRA9TVsSAnZWagAAG1kP/R4/v6zoiIlnRowYffBu\nSbXN+viBqg55N+tyvSulQMrGJt4/t1ExNtTMokJPlDMB7qWgHrYUb5eHDZLy\nHUDyI5neS6z2BhxMHS8LFDHrkX2qxzT3s7w0LWrofXUogBSHNYLY/sPu6XjB\nG/IX0MVHrew2DIWGHvugBHB/0Q8oM70m6/CB3st5N9eZRapWlf6VyyloaUkA\nNX9qjbS2cs6Iu5VQrm9CdTT1i6QZtyvY8uMGncQivoHF4bzFq6tB2UKjDoUd\nbQDuOpPaPxja0x6rYjgaTtkg40DxRc56jcwyrHub/zJuNZzMa1kCYfeJVKtr\n5kLnPuxrNaZGc+Mfol2A0zp+5kSCtt77aivx1NcjgiVPpm8aBRLMyMWdAEdZ\nvFAHYwpxVkM4fmNvEnB4TNx8HtbuoDPvVZ7oknJGXT97KQGQ2/O05tzOkXve\nzR6zFZw4Tk1CzUq84vCN/8L+9N4tkooau0m98+FP0XwkDmISsd5fOzWU8jzK\nvvhYXLO6wYfX8eMM/mCgN8b9Zv4hnFbM7+xIlFZZHPPSF5ZKnKXXqeVzKl/d\n62H+CKQopbb7v+s2+pCNCeL4ujuSkqNs8GXlFmq/JKoPTVHsL1KicpnpytyS\nbXc1xYkDQgjadfMoGG/0tBFKfR5Pz4uZeQBoUtKpfIzwDCk4+2cn7ynTDKKb\n9Hdq\r\n=qB2P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHFKALMO7RdtDk3zinHsBfCJj4JRE05v+2MS8Hv/nvAmAiEA2CrDnoduzOvMx9lCfJa0R29tQqL4Dx1UhstyKlbzhxY="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-0_1568170800359_0.13505676249238596"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-1":{"name":"rax-slider","version":"1.1.0-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"7535daf5ebb89876f9d42d8153daae3ead41d296","_id":"rax-slider@1.1.0-1","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-7yxTjDNGqFLX62qF9aUphNKps5N0Wx/Wh80w4xmujrGzo8S8GmhjdxkZ8qlCGrcjzAOXXzASThNlwtENVorziA==","shasum":"94751ffd3044bb5f0ab97a2c4133209ccafcbb3c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-1.tgz","fileCount":26,"unpackedSize":55019,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeha9CRA9TVsSAnZWagAA77oP/3Z8IqIBSUXpt6vpfS7Z\noDpmXdIY3X0drYJQXFjeF+kv3V/cSleoqurXsBiTLWpnZ3uyMifTQrgWFkYt\n2y9RlsvnAqAwfO26gBRaZkBeW1vL4lYAil8wuZ+8L9aE0acvKPDywM7qHEN6\nNfotoGCvcK6YY3sPkAOKKuOacqwGK7KwaKqsjp+Yvm6ei1t/uYa2XaBA54TO\nhMFo9oX0O9lWshDGowQPZv+cqeZSGC4zlSrotAoRQGtGCP1SKOlQ7vSKTfYZ\nBMkQGRXK2lXpw8Tk3w9NaJsFf0CagkplMkMMAQHFLMSzJU9xtZZ2kPu8BI5Y\nnq/cEbfHkn+k9x1eDLrpJZxDHY7gx9n61WtAjrkMYCEgBeAvFzQEr8xJPRUt\nYjPLaGjjbFooVtWx+gT7Ev9KBXXgk26XficY8xdfiOwcTfFDAAFNvCdgD6qc\nx8JexpVqS00nw7kretTWcKhjmDZQjgst/fefbBfO72fng9EFMzWU87O0KuPu\nKg5kBVnwE1j8kuYxpw9otSjdidh6hUMcq9bH1yMY8kQ+5q5czxv0oSOPcpvt\nMaVXHwN6B+XSdoAdRKJdT34l+Zf5ajsryBx1MWQT7AU6FOB9L6okYkdrnxAp\n5IlcQu41gawIIpnNMcoCSAJZu18AKoZuRTlwiwP/PA9NkF8PFKqN6Sw9jC7g\nhVb/\r\n=reQy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFD22YdhPVRlVunKhQ0i2XCGbh5hCQvzzuvuMhU/uhkNAiAfQWGNH40eHqMoCMuNW8KcH+Cou538H9eMovKlwb30tw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-1_1568282300943_0.295604488958777"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-2":{"name":"rax-slider","version":"1.1.0-2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"141afa639a2eff5447c18eec89a21dc1d290eedf","_id":"rax-slider@1.1.0-2","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-z1pF+FEA6DgYnDy73CXMf8ohXCfJXzdBBzKjbNa92GYNO3Yoy43zoe499WtnD6rrJzVnnaRYxQgDin2YwyDZrA==","shasum":"ac084b82872e56bf321d7926fa4c1ef55934411c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-2.tgz","fileCount":26,"unpackedSize":54839,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdehvXCRA9TVsSAnZWagAAH7EP/j4ZpUHYjwduvb5/3ULU\nb1dPvaspZhqfLERFeIG7TYHBYLEd6gIbHxoIg1cA239hRrR4Nk9TlbLZkEu+\nZLmWpcyKsBtf/YUVBhmSC3774ZtVQ9Q8OGlSpq9TrRTkRfp9oY9ZjrEtBQfi\nwuCH4AZZ9z0YF2Gxra0VXfSMJV9bKOvWi0GxZ8aEUcI8gL4ZfLajDuBsa3GM\n1qJlIyo+1ARoTIB4znMhmPvKRxdgPzp04p7P6jbXMFJVVOrXpELtGSEq4A6b\nYNDZVwaMe4PrRZkPJm6YkBa26tJEcSZIJ5qnj6NslbhEnezBKfW8K23Bklct\nmzyVxXz1Via7UKg8TkQQdspnnEB4k7RykcFQ6ZyTRSJ2M4CuvgFZun6AE6NE\nOcSJDocRe3VDiOZP5EbMRBAVju+QmQQXYICwieYa7TfSTNyrJI7PpDweUEoy\nzTq/ieIslN8HM8L7WQLLWMeEC1PdALOzuj5y8iNp9dSYbMout2xyHTQA4N0C\nqWk5pQR5vrTnqpdAd1oL4A6iiOsLyiUM6jJILtXx10wLZFKmCz/A6ySqv9qs\nZqIK5VXiKMRZLV4KbeBB/lx1GmQk1fnEujEbM3AewOTvGT42/raPbDrolw+t\nKxgHdCDlwV5ggMyyk8LeNGhVNUKUnBcERr4o/by2rLA7KtCRcT/EqVoHl692\n6iCT\r\n=jxHs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdFJ9NNTflax/2q2v6D/jBy3iR+s2+It8Nh6s7sSU8JAiAT6sKafW9IkwShCq2HBbczZV66STBGMis6QG3eY5Fbww=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-2_1568283607245_0.1254761828835429"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-3":{"name":"rax-slider","version":"1.1.0-3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"0fe146b2acb91271082dfb545b95de72ce224f7f","_id":"rax-slider@1.1.0-3","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-ysnDCA10gm4SvBdpj65d2K0dAR6SA6738v/g8jLbYfbVlwv9pvTyLq1b2TxfK9k9cJErwHItwjZH6/htyJeylg==","shasum":"d6326f15ab55d99f7414a62886b274f5f14f761e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-3.tgz","fileCount":26,"unpackedSize":54847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdeh0eCRA9TVsSAnZWagAAMEQQAJ6sKLYX2T+SYXlLVm0n\naE52ccF7GEJXgLpa10MzufXtLFUKymHKjTtvhq58cqdLignpuOv7ZEuzEEgG\nKvw569NbOGnI9PqVMfKLizVPamJMJmf00mxni7m7I8tEpnvqazNGR+/KS1BH\nC2y6q79t881re0VudBMLfRR+rT+GTj3u7rKjvXy8PnbcP4lu8TzCpQvpeqTM\n1NV61N7ZM1aSSXPHVEF/j9K282KJKIB7SmDzaUOw62Q9765yc3xCLx9A4oWk\n6dNxV0xTBs5GBq9kmMAvlZn9p1ZgEKteVlsIJMhI3kXdgedMJIQBOtMjd5Um\nrfzjvga+2vZelecYfdeW6gD48cHh4ZKz9AdG2kr3W6cjrFuIgCkAz9AvNAvq\n/7TmG+JrX8nhOmWjv+2GOyEs44cX5klxIjpqhcRpdBz35Gd+/MVuoXcVmngA\n8J+3jXCzk926pa8RtgygiU6QRR3GM58ZWQlSfxkaOn08R4XPp7iy7xdAj0Bm\nz+JcLV4olSssyhPqJRk9r1S0zCudluCqnx57Uz0yOFnw9JZgveIwR+0oIjIs\nd0vK0AzuNK9pwoXa2OmAzoWnJgX8NbRBfgWEvv+uqFYRA8QIbIADJJk+Qprk\n7iz3gOu6woThnfmPsC9RPfI94ozj4/9tiyfxNUKcxKV4rAHzooKgsBuNf+ZY\ne4Qu\r\n=Bbc7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZKQfm/KhxdS2gG7ojB+8kjZ2nxVdk0u/z+6vZBnq8dwIhAPhV8KpruI1IscqIKgA7MgQbQ+m1Y6aMe2T68IHD8BDB"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-3_1568283934307_0.5791067474005802"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-4":{"name":"rax-slider","version":"1.1.0-4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"0ffaf6d559d581748509c7614a6ceb25d4a9d473","_id":"rax-slider@1.1.0-4","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-rWRTfI95HFjHZFWweFP7CS+qAbmGuMg3SDPS9H2xRT5p+WvbOOuu6HKDZyE01qELTruJtiA242KCkzPnaxcXWw==","shasum":"7e22be06776e43026eba3ea14e77ddace6594162","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-4.tgz","fileCount":36,"unpackedSize":60356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdm2pLCRA9TVsSAnZWagAAjzwP/0MkTCfqaosjgusid/1b\ntfXAKAspJNpSKABf6+J8sbJLYKIK1FnmBpvQ99Z/NkPJTmZbz+xAOYXM55sT\nZaQaZnoD4NTz6lpoRyhe6vZv4Vlda28QS4qux+Ygg3Fq7rQswDjl4DbVmJEC\nXGLgzwidDOTBucslzIrLer0wQ2Qc1VrrQGwkBKRnnmtdBKIv1YP6fMo4cWiV\nB5oUBGL6WfEAqeVGWsM/U1WUQHMnggAdJM/ecpFvs2Xbtr9kJMnokC6/0Qb1\nqdG/De9/99cZrx6eZRgv2FUezN1UlZKpK98XR9ajzOAu/M1BAVIsuf3cR6Rj\ny+2+WvzVZ8ZQkZa5wrkD1RzkNZZBvOeWall80iMloh8VSM+l1STTuT/gZxUt\nHPE7J6uaD07GVvZR+Ijukpt5MNxH3njckpY44oNSBEQw3+wGGGbAi2IT8O6F\nzlOX93Olcv+VBH7HvQqo2gsyZHCjNditqp0aqhzJcYy7TqBDwdVMRnxCVA2a\nXoTUWMeNsIpy6WZiTP/FBXs4uRWGpVIYYkyeyWl47WQS4T6/jQJTGnOvzERy\nXae3wJBQTn6ggLfx0fc56jNjcYKu2GIZDxDm3A+9cLgxWUedYLILlem64bC8\nW1OtXdiZuCXEs8y8pYTrv6oQg1V8cC9gWSfJwMIKzL1A0952AbuIjsODm2F0\nrK30\r\n=9huy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2y4RnBCjbcboH1pjLimIEMxgNnpA1F7LudypUBO8qZwIhAJlidO+Whq/ydjwssWdj6+axlaU8xzRzpaoQ0tKzUJne"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-4_1570466379126_0.8852959642778626"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-5":{"name":"rax-slider","version":"1.1.0-5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"32d278587f873bc417a2053088d90112f55cc771","_id":"rax-slider@1.1.0-5","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-OSoNaaCprq5FoRXe0j77RfT0CQzS1BUj4WaYGbEdDKAX5QwDMuX0jJgsfmsjmilsm1G/ZLDEp07cqsG3vr+FHQ==","shasum":"c3dc54dbdba4f78f510a8380a145fcdfce388565","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-5.tgz","fileCount":36,"unpackedSize":60356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdm2rFCRA9TVsSAnZWagAAjgoP/249+I9vgeAnSqRDakyI\noVDv1w/1/yXyZ8O+f6qAr/4cte9Pw8q9AIReD/V30aSMKARW6YifFUEcpEXj\nGR8C9+tyZAdJFbA/ujt9aL3rI2Bo0w7QcfGeRyugw3mY/d6vChGDok8YdDX8\n32dYAKtnnQhy0eGz7XyJLpXnDQDELXq56Ricsg+OAbAGjvI/B01wR+Ic/hN4\nIn4rR9ReXZGXzHBAbGPeTalbxq3tz3r6odiwnPaWRIgFoe4IN6O2fTnCs0BG\nm1zf/6YNQvojz30POkkTcjBSeTxJCdR5vAiEsnU3nCVFpuFj08Yh7LKBiNJP\nDX6fRYDRyXZU8ysfnw7IoAlUfKcAVe4iCWPvEkRYoYukCNl9P6M6dnxRaT3n\nBy2Dho83PSNAtn4ZN1lMx2r4p5H9HbkLLW8ZDzTqf8MG54Nc0jBoJ5f6hAo6\nMvVlX2Jl9y4XHa5p7q2VQpSja8gzikxDJYw3Ht99lh8RTJBCJ0Sis0yAIt/d\nVNETaMwKalUbU7Q+MNdJamGtaXrWQMFUu0SEew7I5lK7OkAMa5m+I0S9upYb\nJO6uXj43w9GQGiFfz2T2LS1z5U85HTXOH3SAQamSqu2iNZAF58uxn77dBvj/\na81wXPJ6GGjtEmH25F9Q5u5BfTUOCKlsUEBiJsgDUHzgkRmmACvku6hxyTMt\njkYN\r\n=eeXJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC3PKAAzKutbWO6Q+9z6H09nFXhYfxqCZ8c52lBCV78twIga0hSFiwjGOxCFZLQ8LTzV9IMmJOwlJEUwY1vNeGUv9c="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-5_1570466500555_0.34506490019188507"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-6":{"name":"rax-slider","version":"1.1.0-6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0-beta.5","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"d633c41434919ecc7a727b82fc70dc4ad79b2a3b","_id":"rax-slider@1.1.0-6","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-1G1XAWAce6IcXwNHuCJf0JWxlEnVkfq437j5K4sjuvh/zpMV+MLNYplhBIk6MDPxBFCl4pQDWIrxdF3LPF0vgg==","shasum":"f95b0e1eba3b197e30ab5ef2c34b054c5cc0c8c0","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-6.tgz","fileCount":36,"unpackedSize":60351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdm/swCRA9TVsSAnZWagAA0gMQAIMpvpZvyIaW+TxDEoWn\nMWHK3SpF2cE1JKWzLwBxYvRJgLUJ6xrcjruWsZ7jiEL7YCMx4ME6QGnIOW4d\nm/oy/f4kasrpSfTECN63fVtxuhgzlvpLP47d1Vv1lXCIDep4nCC+eCKTJp+a\nU+pmKBmmIDNc+zPo97BetIsBNI/a4k41sNT8Q1wh5l3H3pymjdDYstE0QzIf\n4SwqO7P1S+0ouREiuaiXz63LMa5ev8Mw8CBXgCr9L2Y/+7gXS6uTnVD0m08c\nr5MBBcGLOADBSsfkTkk9j0vyoznZ8lKQVl2CtKq0YTbZ9Qu6v4yIF6WuOc+0\nKiQlF1Lu9JqGFqO3S4Lu3j5sLHTNfB7PEulKMN6kXbmAlClelMsjb5q/exuH\no75iMLNO/9wfH7y2vU8C+NmSlJbkxa6x/uQyZuCSzK67gm1WOdYg0uZaJjmS\nW28Bx9llDaXKIVORpddoC69QSJ/2EOWsqH8sSzw93yzdwagMjlaygpVlA2O7\nGuqy1ToEFuIQpob/08w9yQ7kktKMuo4vb2aSIZiFqk9/+GJ8vnmFfaved+qU\n3nh/LlTBEgm8LWU3PxLJ4yp2C1rmxisuSV7ezjo6NreMgccmhY2RrQsc8w5C\n6Pk/+Zo8iC/i5eaZ0fHivjnRHaILF07paiLtnB/Ow8drUX2USd2yOs9fzjFS\nkSIy\r\n=6ErT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC94+SOKk7lAZTbVSv+HROrikoB1UqZu5cMX1eN7OJTTAiEAuPuT7hJY+a0gi+52GxweAnzySbAneFCc/L6YE92CF5c="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-6_1570503472234_0.11665050591313597"},"_hasShrinkwrap":false,"deprecated":"deprecated"},"1.1.0-7":{"name":"rax-slider","version":"1.1.0-7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","driver-universal":"^2.0.0","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"gitHead":"488c19995d6dc854ee2bb86865071efc72b0e6a8","readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.0-7","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-we45/QkfN0KEMSFKV4nn1B3V2syIck8eEjSwR3tUmYfoX+alzGQKhTlkZ6G7DjsbiEqoP5FhzjbXgkFNbQm5Iw==","shasum":"243ca95ba4eeb8e3b3f3cbc66c656a9f0009c597","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-7.tgz","fileCount":36,"unpackedSize":60698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnMaxCRA9TVsSAnZWagAA1okP/3bWerzAC1NU291zjtMy\ndLbgNs/jsD5xhPWxwyQ5Vg2AHA3YoJxMxMEMZ5wqZA/+1Wx8KxgbcOVMKMEq\nrldv6OLtmjBPKdFaosvrzIlsc3JL3spuotD6JNth3Lbi6KtUDC4CUb8WeBl6\nGAxNXZc41zZ34lV4OAdXmoEKd5qzw7qzanINEd+Zulkf+95GQVZc+qUGfpei\nPhRwgvIpU685Ky1cBtxjyhmXjuGn8LNRZW0hFXrIajeJo6cAvt0ZoCFOFFDN\nvvwikM+TMnKdl0BDZWyTuszB1ViUQVyeNiupigNcsT2owMIH29Inzv2hyDkM\nkELaPCk7QFE462LnWG4m258e/vpAQ1p/NZnQ3vHcubgajx36PD2pd6O9/kCL\nDsE4WOAhR4pbJmKWPnG99Js3RnjKTekBVAMNtQNxRZfSD20xfshiM0J+tViP\nwDpjHuXrEksbrWHiYLygBx8Himk0M/VYzIcgakKI5kBPkOZdtImOsnIjTgwN\n9FhEpUtfOEy5GEjpn6XBKYKKqQzmYw9tZjQKUrM0QIbRHse7qY8Fd/RkYhXi\nItoVSMKFFfghjhQw9MD+zDhvdRpmgzT8cX/1q05Ov5dGc0JPXyDpaWRwsFQ+\nCJwN6GL4YwAzvRv2QxjC4lWYyQyTXngFoOOlhRWcokaWCmCMdeifhhCWqqWw\nJMfK\r\n=4YR/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFuNj2YzwhS9WFJmF1KkRM5MA+eVvolrWrHYnY2dUHsTAiEAm1fwzchsMaoF8wj/jXVezwFSrkHkxX1ym1qltgX6xDs="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-7_1570555568550_0.7396569589594215"},"_hasShrinkwrap":false,"deprecated":"export error"},"1.1.0-8":{"name":"rax-slider","version":"1.1.0-8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","driver-universal":"^2.0.0","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"4cf55941d0ff3ad25bc3929cf0c1c46122db3497","_id":"rax-slider@1.1.0-8","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-39IdcFl5x1iZIny0bWy27auzxugbrEuUBUO/JfbPi09DAZcnk3r4opOctbWD6leju42NnAbsgaHxcawVF57OWQ==","shasum":"0ba6a4365c0e73008a0fa1a5c69e1e4d88f4e726","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-8.tgz","fileCount":36,"unpackedSize":60172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnMofCRA9TVsSAnZWagAAEB4P/105VpOikVdnskjMzEy1\n8N5zvjhJoLDJope/0vVYH+iGV87CQKejwD25jHcgKzydVpgEGSdMxfc4mV3x\nPJNWbQsIcwUB3Q9ZYY9UA+T3I2ywadUcVdkhCWiDxCwEwPUqwIygLPH13g/+\nYvL38ZHrFguqYLq2knUNgCkTQjVrxqOIL87lNbYlyMHwhMgzGCwrs7E2mSqn\nSqnAGHfEJ4df8VxTSZTcRzrzWihjDcNMGqWS87Xc+k09yCT8D19kF7EdJy5U\nZd3jVRZw0uNIKAqVcOqySlfWfaBYviiVFOIrZjqXFz2BFcKCRq57yCFvodCK\nAH4oS0KBt0Dp4sMD+bCCpsa/fjukqrxGqEBIFFXnywQXLyCoCR8lUXokkgGe\nHjwKmNQk27puflDp5BnJ0rlm55KF77Lr6CMMvxu3/l8idCl9GpWhBlIpYWg9\nwpxv/BTiKBQoO1UxDqybldUbXKXuZ+NXJ+f7kmP05a7jHTrufVivXilOOIeM\n978JZq9uvBEyVziezUDAmZiH8LFzwt9zIxLchoEARU21da76sPsW+RQrl00l\ncoROfuw+5oW2sU2LNjyttu+eQ/nDMAbehsRZ6osIUVYixEvy0w2DQ5qZMn0u\nj+R6EJCZsE8+8hrmGLATjRjEKeECOdLbzPTPjyzG9Bv6EUunX8gdCjf/jsdq\nMh2G\r\n=7XUO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEu/pC4XONxEuZxWMx1uSpD7t3OEgl7fZ2Ife76cYXFYAiEAvQdnaBjAtwNFH2Erlh8Uunt9HBlqpDVWKIpwoyIAqrI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-8_1570556446992_0.4735235623433871"},"_hasShrinkwrap":false},"1.1.0-9":{"name":"rax-slider","version":"1.1.0-9","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","driver-universal":"^2.0.0","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"gitHead":"f3f1900489107c8a99e08a870522ea0a8530d29c","readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.0-9","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-KXLpH/28B5rrR7loH1uwFAHukX1fVDHFJRFLtLaOqbSxgSag0WFTOfWM3FaEpbg+A17f2iTqSg8vJYhsNNo79w==","shasum":"0b26abb57c9910f996960cf948458b11904fcc40","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-9.tgz","fileCount":36,"unpackedSize":60256,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnTnKCRA9TVsSAnZWagAAgEEP/jhN2qxN5ApG0xXFsNvr\nlltHE+dOPUBThUosF+2PkWm6CJMmDXasEkFG9KJ+WHKGKaUtoUBl5vQj7lJb\nMBATrFRyWzF1Yh1HKb30rB0KfcKbTzePdkWEihLLMUeDUclL3Lne5X4vsZKM\nLeaRAxFaDUlKD1BPucUQjT0IWLQzpCp/+S2+EsOCsBg3noUvGR9NHJj/cMxe\nvqN1OIP4aWNwiMgcYCYagLXs5nS7uvOt0zOlkeaHUW2JH65BGbADnID8RX5/\nvOx8z57acLFZjqrq5OyqD0UAJbI4KVSVIBICwrMVRkYv7e7Ea8abVVd03a1i\n9A81BLruns5S6QDJnRROs5hBPd0cpF4xnj5YVYCjT5abyYdTjfe7zhM4DIGU\nc2FFeXtW+nKXuQPtPTAHwhhQWc9gN8PrmTBuc9R3y/yoz8PzYkd35Ae5/wAk\nvmM06fh1f0Bzlmm1deE8w2VEhOXp4nusSrzfjwqj6qhBY9+f98VC+b0qqZIu\nFTxl4V4vC7XE3zZUq5guOcZL9KMF439IJ1vZHpIDQXXkVzKLDzyWboondV5k\nTaLcbJoWZbtkld1cnRP0WUqtOnqWpmpiv+Pf5LPsw9Oqk/3aMbcmdQcDTQ87\nqtdzoqjnZ703y1SE7oB9QwVqqd9Kr1u7nZpHD5MBg2V/aqzGLCRe18Uhuwy0\neh8g\r\n=z32s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDT3iU10FQN/NybrkDmW5EIGilbZmawG1kUD9GtAdU4fAIhAPiM44+7om4MpQLuFoSGYc2rux0PlwYp+3df47weYkqI"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-9_1570585034297_0.13346974567287084"},"_hasShrinkwrap":false},"1.1.0-10":{"name":"rax-slider","version":"1.1.0-10","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","driver-universal":"^2.0.0","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"gitHead":"f3f1900489107c8a99e08a870522ea0a8530d29c","readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.0-10","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-e7R2NrxqisAcBAkwsn8LI+sHJPZMrlhVXWp47cA2Xj0MUoaW46W2lsMjNb6KdfFNtJMHxPKtXKtovkfPQNlKBg==","shasum":"824a6ee9bf127194fe19bd4c605c6b9ede461439","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-10.tgz","fileCount":36,"unpackedSize":60008,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnUQqCRA9TVsSAnZWagAA9gwP/Aro5kK0+0KSO/EU6ROI\nbzyOCRaG/1bKB39cE9bQ1W1nGegxMOqGVB+j+Efid0+EMKSUuUkTYaKrMRjo\nlXHYS2ZDg91clyEX8t+3ufLpZ2dUUk367in8iSEKdZNz8b2tq4ABFgDYG0BJ\npsUGH5s1WsEAvcpYz09FuFnrocUeSjwcWNUdQfsqRnH1HAgYxkpYmoJQDmyj\neZZEE5BjccBzbkOVSSwrtBNq4PB5AerzXnjjStC4S4P9sW4TRoXfcJBnpo8B\nepk1N5tPENaK/fKRsgiYJwSaqmFakj44YipDRPV91sKSW4xZW9JfCafSzXBh\ngRKjMGAk2oiw+GgonlJ+2o49VvzKX4GiBPFG3gz1gBF7HA7kBMcAcJoet4ev\nLCJJTwLnXxlZz9iWOWmJmDihW+sqggz17lXfKzI63sBFjznGB8hTX/Au7OUO\nYn2/I/r3GJsIKD7i5cjNEhim65QTByonL2uSxlXVVJi4qvXtp6F9C2uC56VT\n19LlPjOL+VZVB1BgxqRjzoYupkMkIyInPTzk5ZEGtPRJzOPuxRo5dwCrNhkM\nj6Ap9Cr6M+CLylLOoFKoQljYkbdASEWOmIL3n5m5wBboJtth7mAYFlRVw6+Y\nkz7UdkrseSVTVU7jGUguKd84gbteQG8t5mmSsZqZvmsjSKlnADzu74hbBSor\nPJkd\r\n=zh3O\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoXXbDsNczjBifkwHqgMVnNCB5rJO1r4i8vHa936FcVgIhAP/v8k6/GIPP2HIiEEQUOUlejW48c23/2xngvT8/sJYj"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-10_1570587689605_0.07731212851717228"},"_hasShrinkwrap":false},"1.1.0-11":{"name":"rax-slider","version":"1.1.0-11","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"babel-eslint":"^10.0.3","classnames":"^2.2.6","driver-universal":"^2.0.0","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"8d24e5bcbfedbf29efe9004d8ddd91e76994b7a1","_id":"rax-slider@1.1.0-11","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-XLNNLOhgVSN3W6VY0/BT4mSboWzfluKNMrJFwBMbtuS4BRn6O3hbjhpvJ7Gxc8McIPy3KoTMk193tNZ/T12iVw==","shasum":"5819935771f8e642c418beb1ec7bbfc4ef55cd51","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-11.tgz","fileCount":36,"unpackedSize":60020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdnY//CRA9TVsSAnZWagAAzvwP/i7E0zn3qBohcxvgE8/L\nM/doQGCbpwASKwQ8FcB2DkZ47tHQCjZwDyac+Tc+2O2xOdRAjkyakdqbltkm\ntwT6I0hsryhiGcaRV1SZESTrr/FbM7+m2RvwlF8nInHwgA9BkU17K6mnTClS\nks2rJVMSSKyehSuWjVtbAHuViLAXl0LYDJayxDYBN5rg6Zp0Xs2A3x+hH1mn\nMiKSdk+VLhMzcZ37mB6GdjcalOlqVlXnxW29YR8ayLcr3NtoITPumThkeGLe\n7m5wBBr8L8lUEwjVW+B1UISfQ+OBRVL4VQYx1eguoiii/OAYEs8mYwgYZ3jq\nE0pU7jEWXUhsl2Vx70qsavuo3CohZs563IIvbdgbl2cqocqtZzuUp4BitMs7\nigGN1ZYU8Dx5hmW6w59Wq4DGYV4eTOTSPgMl+BC04tyuR4UZO/R8aPt7bgBc\ne8OsCCiu6M9sbtat1i5PS4U8ZEUskOtx0OJQ3qzU0rBJRn2hnwVCf0ItqSdO\nTZ1N//HxHfMYEqw87nRiwj+zNuzjFIJXbHyboyRsSS40IftkK9KQdHvp+YoY\nt5usN+FE3c1QktCFliV1BB4RFlRn7xxicRicvlzTipzmO6CwEVzqCaNheZTL\ngkzBH6W+aF2g6bIPBjX5CIJEyBkf9vMPrv2hCoIC+iN2z/YSzhQm5kkAsDGj\nU6dw\r\n=7Nta\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCei2oOZiCZvyZQDy3t86Ohv7dsGyS+G2NvBW6Hz1E/AIgfwE2YG2D2LvDRJvP0IL+SKYvgYlKEMIngZijAFNGFg0="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-11_1570607103294_0.6770883235917229"},"_hasShrinkwrap":false},"1.1.0-12":{"name":"rax-slider","version":"1.1.0-12","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-slider.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","gitHead":"f003b11f720ea5f5576c1a2ddec6afb44a921d3f","_id":"rax-slider@1.1.0-12","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-soH6P3GTsRDYkf6sLkz1adjeraU7X27ueHG7zf1ooN5gPwxjBycA1gO8Mq5KrdRiqDXtpgK/e4keOJ8VJD+gcw==","shasum":"a12d57ce6e50898a1609a04d13cb2c217e6efda5","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.0-12.tgz","fileCount":36,"unpackedSize":59916,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoFD5CRA9TVsSAnZWagAA3RcP/iuPd/zgy+7bf2a4fzXx\nC40B9743+IIp7YH2WOH9IcrM9z0sCOY+I+cS4bSiOdSZ4+HH9rsfOg8s5Ym/\nwClXtWHK1WMiEXVWnSF98OY9CAcCNkFjd0B2CvlElMlIp+SfVInw1+LpQvuF\n90COnJM7372RgrroVzajMPn+U95W0kgDVihpi5IyjucpQjbGNeIMT4U1oiZE\nkmboH/yTEc1VkFrwOlF8fhMcVQ6QpiqEhVPmZyRPWhagyXh+jXBIx/p41Lnl\nUrYrWEMhSZ3JoZdBAL5hNXjm6EtB791QiGUqrqh1Ef1ZHcD74bi6hvfXqxbx\nRJ6bW2jwXUFcbOzcWjwqJaRelELuLHNXZhdw80comnGbJYr/D4lp8GU+D1Il\nLGk7c34Lb88QSS6TF3L8nq9Wrsbj15HguSehSDyI2rG+t4Gn/rfWpL7l+4Zx\nMeXkkZYOnh19fkpMQDB4kzu3oevpJscPm9Hpbnwm0i26NCGrvGOqVhNmKIwD\ntMA4bUs2ogIirAz1FXu1bIBDrAePCgYsxZ3umC3bU6aRIPA1GMTR9wk6ZW00\nZOjCDHXE36zJERW5jUt7+CtKeFZ99EfqxcyMkgFIxcfAvnc5I6M8ERf990tc\nn1hDP3O62JZtTFRVuTwvZMe00y3xdq2cyshf5Oimerkuj3xGdCPlOJ/Yu+3r\nuJtG\r\n=iVHd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAYYZbVOcaM8WFC9kL602F5JEWD64NgRnYwNZSkjh5xQAiEAwib9YezVfWLQX2SbyE7AMoo7toqGRIs6TCweerFvHhE="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.0-12_1570787576536_0.36697771677570823"},"_hasShrinkwrap":false},"1.1.1-beta.1":{"name":"rax-slider","version":"1.1.1-beta.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.1","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-64CqdnuF7gSVUsRQSYxKjsWsGYLM96KRYQecYVugWs4DTYixOkK2Scf6VYRRODit3PXklL/b86+/h+CyNQsg5A==","shasum":"cb7210b55ccbba4accf0160dba5454ea6046528d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.1.tgz","fileCount":36,"unpackedSize":59835,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdv52mCRA9TVsSAnZWagAAZhcQAKDGIherG2bJwD7pNYtA\nIy19pie8LTEYJKRzp9krdHg7qD5MQRPzdVXBJK28W37zqmLA25xmOl8qGeaE\nbFWiqv65JXRi3Z8D/mIIj0284cd7udnFQcxgQfpmqF3zVKS/pZBvg51Y+gTc\nwPsbaXEtfs1rqH2w0PxsEs2XNNM1emjUXfY1z//a1jXSR6mNZOfPRUIZe35u\nNi4l0gFOxSz55HeE/Evr9/EKZV+JqXXg1PmK+ErqSUJ8dHy+L2Bru/IUtIC5\nq58rSbNOwBw0sKwL5vBwHnlY+IChiwHArtdVCk9Xb+eYqyBS0Vf4gTvMvCX/\nPiUf8pWPFYOwEKdpMY/088QKBGoTzdQDbCGPN4mIzRi8jZTnVySSSHMDky94\nhiueCpWLF0XWUgdxfFF++DDRxTTJFw5Wa3YnpNyrobuULnogtf9Am7NHSTqi\nXOwO7wgoIsB3Q6eZbgRNkJiFdcDsznbInek1OKuGQu/6fv3qSI30/p1pxjRI\n77IXSj5KHpov0/lsNMt5Efh7B6z3oUL4IXUmZI9F46Bmg9/LHPISgpf+WEhP\n04ahB2Ph5LIym7kqD1j7brvQDGM2jRX0T3jgSEahVPLaXgelUgAU9RI1TgbI\n0y1C5OAZyaLwKRUm/rtq8wXgFuU/jCn7275E7ADrXzetQ15BIlNi4xzW+QIU\nAEB0\r\n=TAny\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAPztuOZRtahES0OJsNeaakOcdwK9pGiv7kIX/FHLXm1AiB4nm0WBK1CdAkwPIF2Fm7dT2EUttWQ/A5NVn8fir0Mpw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.1_1572838822178_0.5665080157712525"},"_hasShrinkwrap":false},"1.1.1-beta.2":{"name":"rax-slider","version":"1.1.1-beta.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.2","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-4GS+qSTaTroIlJhepRlZ8B5gvGlKG4qa8SA9q6JWZIUk1qUY11d41tZkz2xB3PKTDsG/6poPv5Uogr+rG0vw0A==","shasum":"58ab8a830ad8e5b23b614e7d36a3ad79ad1bca1d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.2.tgz","fileCount":48,"unpackedSize":67661,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdv57dCRA9TVsSAnZWagAALaYP/ijPmuVGDu2+webDT3pI\nwPGMMLmJhulr9zhuz9H2IgywzMetP8Qhmp6j5ulP+ZvZ0dyuTXHxKx6z1cKt\np689apyXz8boAv5xTmbjz4b5Br+Qjc8Vxn6ZgfCAD2bLH7MSLzS9ifI2Zhyg\naMQo4SB22vEbaPr419wvWm8vZoGoXldsZG7Qcy9uh4k++A8/pWFOxWUzVK0A\nal4cxqal9K/pqxjumWSx/LJT+w1ieRHReCafPDsn/jKtu4lIO/pzUa7N83dP\n7NTLoqSH7VLmi5AfaytbRYeHFoP0jdKB4oeyvBe8lIQZ5ljjMKBeFdkr/1H0\nTxkISHwhLOh/rpWWjBraEH/TMN8rUhsNCT4uIJcRBWceUJp7tSl38t7eHTTx\n7Q/WXOE4tr4dIOVw9IV7nhU37MN6ElR9GGmtZtEIhY7CnrQy9/CEDIs2SXSS\n1XEwJd1jf3oCYpiK3zYGKJLpod6W0RTzlDPM72c684iBHvnzOEtdZxb2UtwM\nunO1nERwI5uB1ZwnpMep1A67BB3hiK0kpMyMqOQ6s9/cJ2M86Pp3HZTBdCN1\npJQiCCaOw5KaHJ4rLtD46kwb4ZLPOPiAJMXGp7r16FQ4ipE9E9ZdjaqHKrJM\nHjFjuCHYZPYs7KEVhHKN+5/VxyE4vYOQ1fbqtQOSwI9PeOaKRGcP+e6qT9pd\n3ChE\r\n=1nCI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2Myl3UzAxxcdDdbPZWXBCIZ4+Qc3AX8kPTLQSc3SAZgIhAODAzb04b1nWUaG+Ki1t//P0/i3zFhD5cIpf9fmUZMRr"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.2_1572839133161_0.36681255921546474"},"_hasShrinkwrap":false},"1.1.1-beta.3":{"name":"rax-slider","version":"1.1.1-beta.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.3","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-QTA0Yp2TPEpgOkNbNmNeVkQA8hCbZJDozhWJlyDJBluKGh5rlN3kB5ZiyW5ASSbE/eTGQWybqoOtPPHTiXKkFg==","shasum":"d16541694bff00d790b41cccb6f6dc499f3d48b4","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.3.tgz","fileCount":48,"unpackedSize":67942,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxONwCRA9TVsSAnZWagAAwjwP/jfw5aqInNLH/++uWQor\npaRhBHJ4rU//MhMjSWI2DXCujkquVa9yEINhIkmCQCJuVcsVGqwOt6qkcWLd\n+D2oOuX3FhSbrXCLMkjDudNWqv9f3yruiLarP8rZTTqkbQar+5vdwmeGhgM8\n1hnDY+Nr6QOxQ/aKigPXOx9Jpe377E/tBCENwBeu0dbr5kjgCvP93jCX/i98\ndR366JFKoDGESqW1PqGyBowu3r8TE4zTzmhc9S1nflYhnQ+PQfuzDSjs6yP8\nrIw2RnvXryf6HP0NHz9Ar0+ENMIruJkftW5rigLkiNtxdVcnfn1bJWEwMIyE\nR5CEkcYJfAI40Um50PIoVPYusxPe+xzgWaMpM61Ck+2mU0zh6SxHzoz2f1lW\nGKkeBbdLIVy6DmpG9MMivQbM84QeHkbNoK51evYeD9qkR47KlpQa4nhhD5xp\nHiVdRA/OAR09qiZDwbwZw2+O4xDzkwnuB4RGrp1+acXKz4hvTfcxbpHq7gnp\npfx6L0+yz50mC11Mrtm+WKJVHCzOf6YyfbuRix9dY7nJM6yyLshIW8aHXdWP\nCI3XYRNlmIZ1s/LAgLKSDr1TG0x1g2MTPk67vkfMPZhyGLn9JK8lPnXt3sq1\nlG5UPNHRMIb86TTW7+gNgezNAP9XcXuC49l6846pCsH6Ww8s2LX2BpP4CkqJ\nO8/2\r\n=J5Ni\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGi2FlSGaKKStavlthZrmSURxWLsK2LTcplCN7aTuIDgAiEA9Y7iiHn5lU4BJRALiYaz5juaYTbEInWixGetXaQLQus="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.3_1573184368261_0.006437086438513262"},"_hasShrinkwrap":false},"1.1.1-beta.4":{"name":"rax-slider","version":"1.1.1-beta.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.4","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-Q5P2J5k3yRVgXQdPYzfXW0t4vv7A2aSr5W0KtrW3kgf8+qiogQHovU3XuLUmODDeIgMn9LM5cn9MRCkZbpfomg==","shasum":"7b6ab2035dc48f2e90876816ea1559945f3ca7f3","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.4.tgz","fileCount":48,"unpackedSize":68052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxS5WCRA9TVsSAnZWagAAhyQQAIKE6E+rLZX1YmLHw3wZ\nS1D386+L4gl83SOvb42Zjk7uxZ4OGL0htpOg/hIgOBuZydJYgigMslrByDxM\n7Y++NsHe8cV88fxfQvP45j528DYHZnVf+W72MycIQ72uwiiv327hwc8W6m+K\nGNpdxE4sBJchHx2xWbogJCgndg9twAgGL1Dxn02AHFPM3WF5eTZdyWlddyBu\n/ZsVSk5aqOy7k6XDWAzpjw++Rw1QZmqOO75FZdm8ZDnYjpJCkw7qfiRBxmTV\nRKYUN/V3toURdrzmc2qBITOKE6h7jrVnF/w7TfuhMNz6EjsSSkHUqIkWc+7l\nIp9f/2KQ5ZDPzGy/GDt/FVOtExX5y20qrdD1o3HXcHiTqE5g6AZkPNCjl3PS\nmz54KR1ledNndERRrB1lt7LqW+UUfXgwg4HrNINbO3VjZsaPuyVNEhwj4HJv\n1ywg/ysTaUjmLQeeoijPECXeFgRIpdu/arhxX8ibqdBCXoKunabvZM6rj0D2\nG8KEGRFq+2bO8VjV3YZIXyfeegIZcq3V9A/fTBLSQwY5RQulfc31NGqNyr75\n4zHvhamkIc8xlXQ4b1Qt5HPcLjGsqKSa55fJT7gcUedtEdeov71L5WrNcp4y\nLonwFijcsIkFvkYG7bi8mszESuS1GKeCcxtdaGiQ0azYPQayFW/q71mu+gJU\nLdbL\r\n=tpX5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC1QuEgLi0vOFABFvt9VY5n9wjbaIvPtQBTEkemH7uF3QIgbRf4OwulYuliJ15dTh2Xt1HBJ0WN251QnDg30fqmPBw="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.4_1573203542344_0.03419106586981946"},"_hasShrinkwrap":false},"1.1.1-beta.5":{"name":"rax-slider","version":"1.1.1-beta.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image\n              style={styles.image}\n              source={{\n                height: 500,\n                width: 375,\n                uri:\n                  '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n              }}\n            />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.5","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-sXfPtfNR1wjSdPHfnllhS5ZHYA3YLQvXE1S5NKGemiwr2N5WZKMkmNSyKXPFAh8ng6bTxyfSMKlk5Ppn7hCMAg==","shasum":"dc9a2d22b66b75d859d4d119c36d3660eb50cd10","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.5.tgz","fileCount":48,"unpackedSize":68044,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdxTAfCRA9TVsSAnZWagAAnMwQAIoO22Iy5s6n+JYfa7dV\nFAg1PgSwdxGaJY2gRftKjkyuW0drr07nmzTELtZdw9yCzZr0LPuRjLwOZt/D\nTYLiWRbHYLMGBaKhK7+928n+D4krcQDm992VM2RABOwk5DQUsri10hFjyAQe\n94LSO9yG1L552bITsRrMWtmXiiJH7erh+axhTf6IN4ZhppTZDcT6D6JfDQCP\nngx8ZHiIIdFLfA3nAOl4msfyMyG0Ix1uRXsiuOHJG1DD6GdCMKa1KNklNiOW\nhyuHnqz+poxGhrGffpLcnskVfBmzPf3fm2KwjXt8qp49H09QV6SQGIoTrcSB\nMHlasFDMJeC5AfABLidp1zQRIAoC3WMMJsoyquNDCxNN8Jd/xOCI3NSf+Y0X\n3zF+J9b/NgNM7UeUExKyJsZHen8Xb245v3apZjsyN/sJCeV8/QE2o1hKal3y\nBr3gaf7CTD7/XxJ1S8f01sqlXGruwQDxgwU7nmfjPWi0TA2WHS4pFdcdhDJV\nyueaV0JYLbtNb6WyHzrjPrQC7sBWrhZTTiaDmUEQiFUQNNv0yGoMe9SD2mHs\nhTW2jaVF9uh/uXy9dO1QZJTMeZ0tC3oBKRG7zP66QyHXaBAFo88mQHijKzib\neTb181EbGmtRF4NIG9kq5e5422AZ20+lt8ryO+hs/AHJwjIhz+ghUc4J9Hzd\nbPyl\r\n=7HRU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLKNarGyNsvLtC7EVHjwBCPrP2SErQwLbPq+mENPFeeAiBG5cStkzGn2oQjM/xitKeE+HYOZMvER7g+aM/cKWqHUA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.5_1573203998697_0.4799159626420255"},"_hasShrinkwrap":false},"1.1.1-beta.6":{"name":"rax-slider","version":"1.1.1-beta.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.6","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-qHFquXjg+xbA/8qldvVUpKHub/57dMWMzYy6zTD6QdagVO0zpDl9LKPdfWOVM+sF6eHSAVYpNgOq+6Ba5hgP4g==","shasum":"d42e50066777472b31ecf6603e286eba65aa0592","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.6.tgz","fileCount":36,"unpackedSize":60819,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyPuMCRA9TVsSAnZWagAAUU8P/jroF0nQRd40saFKsIa2\nB/dmJnYKFS39VvKSvSFiWYvDX+mCs2xU+yX6kvJO3EU9R/kvtcHKTT9l1PtB\nL1cOS1j/J1KiR/94FLIOl4/Xox5/NC6BQOlIkzHrOvWb4G0lmn7aZDVtj6Nd\nNw6/EGVQjClJ9nfcpq5juaVTeZ8+fHVlBNbTUTSTjMFtE6TDt56c8kIfO13V\nlWwm5/3dN0/K83BRH9zvt2S1wt2HxALNy1bl8vTOU/gJYJ7bSetqxCS4DTNT\nX0UECwTd5uZSlZ+B8eia7obkvKPmePrGHe9hxNF1WHavou91g/gbD+5cd+8c\ny5EQUrywoAoFPnEgS60aN3+JFSEiCyOwPRJu5yMNpN8ZbW+/dwBmv4Mghgze\nq93b/ssEwV5yqeWIHBKTIRAIckgfaZEfU6iQBOEggbyl9CP03XXiiTT8bWOI\nR7a8qGHbz1MvQLLLl1pJXJEBUZyHUpkueQxXFEaKZFtbrfp4J6GeV/nBs2Y9\nqowM8FyUJEH0LSmguIwG+VptDYc4Z8pYPW/neQYrQOzWio/kAMrvl8OJPz+5\n0mmuUJPXGCdB/qfey4bgg+s+ZiubGFwICYAqTkEhbn4K2Cr1qcBb/UxGoEtN\n0dwu3gGb5rVe6T6TyrANkn+Al1AI6KioAa80zoGEJaPtyZwx1p05ZMdBUiUX\nqrX3\r\n=B86T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCjBS0IvNZpnRdqycuU5zhHdstAqRrNlVy/Fkup9DG48QIgAg07KXB25jSjHjJ+VE3vZtZEPEHbjIMDVrfexuaA+Ag="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.6_1573452684288_0.6675713784090305"},"_hasShrinkwrap":false},"1.1.1-beta.7":{"name":"rax-slider","version":"1.1.1-beta.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","tagNameMap":"rax-swiper","childWrapTag":"swiper-item","childWrapTagProps":{},"propsMap":{"onEndReachedThreshold":"endReachedThreshold"}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/universal-toast.svg)](https://www.npmjs.com/package/universal-toast)\n\n## 支持\nWeb / Weex / 小程序\n\n**描述：**\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n\n## 属性\n注：\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n1. web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的 lazyload做懒加载\n1. paginationStyle 默认样式如下，其中 itemColor 用来定义分页原点的颜色，itemSelectedColor 用来定义分页原点激活时的颜色，itemSize 用来定义分页圆点的大小\n```js\n{\n  position: 'absolute',\n  width: props.width,\n  height: '40rem',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rem'\n}\n```\n\n| **属性**    | **类型**   | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| width     | `String` | -          | 是              | Slider的宽度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| height     | `String` | -          | 是              | Slider的高度 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlay     | `Boolean` | false          | 否              | 是否自动播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |   \n| showsPagination     | `Boolean` | true          | 否              | 是否显示指示点 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| paginationStyle     | `Object` | null          | 否              | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| loop     | `Boolean` | true          | 否              | 是否是循环播放 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| index     | `Number` | 0          | 否              | 指定默认初始化第几页 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| autoPlayInterval     | `Number` | 3000          | 否              | 自动播放的间隔时间 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n| onChange     | `function` | -          | 否              | `index` 改变时会触发 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />  |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n| **属性** | **类型** | **默认值** | **必填** | **描述**            | \n| -------- | -------- | ---------- | ------------ | ------------------- |\n| index  | `number` | -          | 是           | 滚动到指定页面            | \n\n\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/6c55f298-601d-4181-a777-560a1934697e)\n```js\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from '../src/index';\nimport DU from 'driver-universal';\n\nlet styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc'\n  },\n  itemWrap: {\n    width: 750,\n    height: 500\n  },\n  image: {\n    width: 750,\n    height: 500\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16\n  }\n};\n\nclass App extends Component {\n\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  }\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  }\n\n  render() {\n    return (\n      <View>\n        <Slider className=\"slider\" width=\"750\" height=\"500\" style={styles.slider}\n                autoPlay={true}\n                loop={true}\n                showsPagination={true}\n                paginationStyle={styles.paginationStyle}\n                autoplayTimeout={3000}\n                onChange={this.onchange}\n                ref={this.inputRef}>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png'}} />\n          </View>\n          <View style={styles.itemWrap}>\n            <Image style={styles.image} source={{height: 500, width: 375, uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png'}} />\n          </View>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.7","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-nC+QNk8BIJhD2KsFzkKGyJBYRbkowNkfic+Gp3PYzZp9LeM2x5gPrMz801casbWUj6/Zfrl/53rJawK/+OBgbw==","shasum":"93f4e1becdd235bde4dcbec5f5bef07cc0925a60","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.7.tgz","fileCount":36,"unpackedSize":60725,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyRQMCRA9TVsSAnZWagAAZXYQAIhKS0IFbJoz6VhEQ+rN\nrEKx5S5VZc/DFBtpnp+DCFSDNJuzEVrdLKSTC/Mb9jVeHtpCGpFvoaUfuB/Q\nXDUgGOPB2qXW756pv347l6sZYwEUR7fFrj+tiKLsCu/MvALs/zfoV0H10DNU\nX+EMe62n/sxLkwJJ7MhAqEoe9qn+Xu4lJmZuioafOavTxwjBI2CRO5JKiazx\n3r5i/m3Npc4mUOH9R7Z+mB3eOEKwS40KeRviKDKbckactOpQYvfkSlZTn5la\nVhlxkgdffNGXv/i75prQFC5+XYZH2wvQT6dho6AP3ePuVfWYYtIzDpYHxV0J\nm+fhx8Irvk1zqrWYkY0MADBH/+DF2mSDc6PADllfYN2jQDyPfJlMz6FYrMHi\n0PGvhJTP2WMpDa4J0u8+WnlAK2CWiN9bJ/TPt9bNfykuLuOPRnP529YeTBGz\nav3avlHP5GD8Gze8T2Y17h4I66adGxqBamEaPi5F3iZHFq4D1yvW3XSY1Wk9\nwn/35+GTOxX28tGELrweRn+XnKGyBztigid484Qny8ZzldlcSuD/HjZYqyLu\nefLXp8LB7dQQnUX0FQCpI4PeKgouahlJF4YQ7jCzHE5FUh+Zkdv402eam6Nr\nOeonB8rK5NifvHLz9w8DCF/EFe/UYIMnc6bjkGYGGUeSBKVpGdHNWUyA6cGH\nE8nU\r\n=Bt2a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEKayuszBVixpdR+EnxCgmnoCT+NrMSlFrgMjNYKqnYCAiEAlAOa5fjLvrI6CoL4jTzqf6H5178cAgUEZiI83U2y0Rk="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.7_1573458956388_0.2711924910776382"},"_hasShrinkwrap":false},"1.1.1-beta.8":{"name":"rax-slider","version":"1.1.1-beta.8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| direaction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.8","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-agmr5/6LdFalsbEPg6fbzHzTSVFRPGajW6DNc2NHAf33HH5kEpO3/B6PBIZ77/jZ/YmlGOf/jOsGjzU2O7ZebQ==","shasum":"026bc718fb429e415688b890a49e61fbb3b7370a","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.8.tgz","fileCount":48,"unpackedSize":68788,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyRgZCRA9TVsSAnZWagAAapsP/1YbQj7JGJZCIp4lTWn7\nIYEAKojtrWiPeyugd+9dqgGj23iIiwYz5sj9hzGuEQholKqvdXotl1d6eqhT\nNCL5ieXaw3DzPfRohezC6g1SJ/XeW7qYhMMEENGoBG6Hy8G6WFCdBjlECRwc\nWZx5FVoFHVrxDf4DCxo6UEVTnatQv6HJxak0d6JUW7oVs9xKbxe88E5fve2O\nrHhEwXk1wDafhYoKD+xnT7tpE9l35xoRDynFipKgrFU6IEi7sevxRmBoqONq\nfxmY2qSK1thB7nj+WtNevU2IWxMmlPNRI0Wr8eTraWZ4amwba6QAxm7UneSr\ntrqU1llv/3pF/rLnrb5z6rSGpG4P1GOEORt/iBcoZSXb6AN3BGtL6RgRJJiK\nr2BZPFfVaV2y+uQamX+gBy4XrIM14gvO4pQAtmmeqcjDmcfsqvSfIq9K3eWb\ne+DuXwNk9lgVvyxzhexlsrp311ijyFqDSglH+rkIBgpoERKzjcpdcUedEEqm\nydVw8r6jdcG5xM0KnMkwbipplhq0PRxYVfhnIggT4QaeCJtzPPofRfye1yhE\npR2EclmYaarwLKw9gOtoSUfQ5QbuEImp2zXU1Xi5MsI5o9P+LGiqgmLCQ29h\naCIYjvzuvRvvb4Mu2H/tjEHT+3u2ACSwlZy1+tpvH4INvZoAGAcEdn57+48p\nWKLO\r\n=4slj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWJyb1p5b4dwyatj213Nc3oRqS1mk2CbvuFB57usrgEAiEAremMylefEXIhMq8SQ2IIisNptKIWqlzQuY60X4LuYj0="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.8_1573459992778_0.9096039458980312"},"_hasShrinkwrap":false},"1.1.1-beta.9":{"name":"rax-slider","version":"1.1.1-beta.9","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| direaction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.1-beta.9","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-U5NCwXf9wUtIUrJ7i83Xsg1iwKS9laeHFBYho7qYnEQ7cakKeMBWEEEpedU3oBG1IiUeYpKTngYLl8ss9m5SKw==","shasum":"789213b2d17aea077a032ccdd0f876cfa639d10d","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1-beta.9.tgz","fileCount":48,"unpackedSize":69772,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdyicGCRA9TVsSAnZWagAA35EQAJlj9OXQCtYrML5tTht2\nUg0W8mhFmE/cCaKSnagVpbAKCVjAcBAGQaqcD11AH8dsoOgr7wxHldDCg8+X\nqtInLnBCoxmGkl7lXhOKlluoHRctUUefja0A5HCXBR2uzu/vfs2/pZ5+ILJV\ncztgZM9iBe8SIPDN+Ipqopnw5XXKT/f9kiS7PCf2FR4KyZNIcWJ7h9kGaZgf\nI1PKct0WtyTUZGkZyxdxXjTDjn3oi0MT/IO0JanMh+M5b98LBnGaIiiNPVo1\nE0mWzwNP54XUax887yIKAexw3lpXk4ZdJ6d37uG4YnaStBQ0svcqgEGjuGu1\nA54TUs/ruMJonrszSzkFCf+5X01fIOY2uOip43y16aFvG3AZqccvVkbOp8U9\nAtyY/YJUM+e/EZkTzmBS+stqjcZb13aS1CdbMwTIZ6li64V65HEolmqz8NUb\nUbqjOzC+OnJkTSiu878RO5oUEFW5RToaf/rNyiwwj7iX36sGzo4u7lxjvydG\nqRImUH5nefSV40HnEikFo66d2fzjyn22qYQWMHGj2YMJfSAAQ2OOIx65FVkZ\nfeH8M+r5cYE2V5GnTNTvvZelSWYhiJt6vnzR07xGaZal2QOr+XBxhalpTQNx\n8uj4o/EuQugPWx563nPs3btJO0EMBrdNPH5mbrXTMJjOK4q7HRuW4ivhpxaB\n4ZzE\r\n=IALp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAwf6+mG/5ATyZsiLJvleFBpF+EaXFsOewHwEKMSybQKAiBGj/iE9N3LgfmtWRrE2kJ1xqsHpJMOFaBdKUTmRAXLRw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1-beta.9_1573529350121_0.39917287004596247"},"_hasShrinkwrap":false},"1.1.1":{"name":"rax-slider","version":"1.1.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-proptypes":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^1.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"_id":"rax-slider@1.1.1","_nodeVersion":"10.16.0","_npmVersion":"6.10.3","dist":{"integrity":"sha512-DhrBrm3ersMMqo6vLpKm9EJNho+H7vSfNH4mTKGD0j+Lf+DhL6w9zsW1SnK+GPd6QUZBZADFjIugGJLYfeu1wA==","shasum":"386b610c29887603b924bf4c1aaf9958d83624d6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.1.tgz","fileCount":48,"unpackedSize":69683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdy7sKCRA9TVsSAnZWagAA6FkP/26XyZHZA5eGKsc7ouRh\nuAEis3od2jn9Max5SpNf489x8V4rOmI97HqJQQ8mgl397VHLPsNj0MG9JRGc\nWGi6GkJt/dj31kSsidXr08ET6KsbCWvv2BcTN4eTqKbWfoL8THVKGyA1Qyyh\nwUQOjt7encHW75o50l2ukTC6/ekipjd3AJ+KYDrw+GwQgAOF73fMyjm64Egg\nmZxGEBm90OiWj6Q2XPkrR+2v2o4qraICdwsHinm5S2e7EEcYDZCTs7bViLZv\n/SBQ7jbNd3ST9Oa5tySAvZi4cTrCmlQsEXm4p5mWXyGP6j0ULIekYu3Nu5tz\ne5K8cedVstSWTo/hYZhsAcyhEKIksDCEJZWKX4NeMeo5wO6M/5uWtIi4/A/e\n5NA1DhK6A00ouqmGvroMaWg6wgxWnHIH4SJaKIDbgoHP580TCVBoqkatWn/U\n+1JpI7zidFLblw0QtnMZ0KsMvEKnOP9s9XZ6lqhAHs3kxUciENOozS/PU5Tz\nffT27doR95fXyL+ErOtn2wSyBBxgv4pGo9c/J7RxYBDQdMXVfWQ+IkN5aiCQ\nZODqZSegikpexlrQVsTQ50lBD0NK5ynVgCLKZ7Wy7+Al+LDEJVLJ8p5NLAhM\n7otMSyUZMmQ/Dn4vje3csyZ/ndg7vYCa276ZQHT13dO2R/qo9wQfQqmBPb2/\ng5bQ\r\n=J6Hq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGxr2KMriDelSoPXM0WpCS53/aKo8ZSXwgJeSn2gjyfLAiEAw7nJI/vO83WWYyfIBu5GwMiPjkjgS3Qu7LzHdQ237z8="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"solojiang","email":"feifeishen1996@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.1_1573632778391_0.9612419269987458"},"_hasShrinkwrap":false},"1.1.2-0":{"name":"rax-slider","version":"1.1.2-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","prop-types":"^15.7.2","rax-view":"^1.1.0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-image":"^1.0.1-beta.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`，默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| direaction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@1.1.2-0","_nodeVersion":"10.16.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-/l4jjhLLEkEY3mvVJOvZaDgPGC6gC0v5BqS6mepveqILWfFPZof8SIoChVTVWzmYGrYjjrtYvPbWP6O6bcvjyQ==","shasum":"a53462c81693797538179e277d5231002f2849ea","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.2-0.tgz","fileCount":48,"unpackedSize":68932,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd5l/cCRA9TVsSAnZWagAAupMP/0hiKoX4DdQHOIA5lBbP\nNgJqUpYAoNAkwvpfuWT4IJAYaOk7wFQlxMvHIAkhTNY+HiOQ96zJSs7PcvLF\nil8wK/a98pNAmqy2+T3tLYZXlSoZ26bGm6vsXqgqNBjqGkjforCTKZ9pz0Zj\n8mCoI9ux84p+i5kTtE+mI+KU6nEpmeGczx/I4IbfFgI85G/tbJZG/yFM4BJC\nEGLCNctlbhM2knrSSyyqiU/Wfpwc14MsfPQOlh/QEhz5ZBJIVyi742kOM0mi\nNIFnlq0ZmnLYon9Z2/A72chWaeAM7qYf/RrVQOuFrtRcPe5lYKb9PLKmbXAx\nIomcgRR7u69R1KeCvQmll9UJn84/NE6pAhv3toBT/P2JwHBKTtqUNP6EcRag\n+1Q5AMy4MTcQKy1TUNsZKXLBeq9BGhncINFORdg8h19LiPVR/GRJrZLqca69\nsnpcUgEkUGoRsVq3AUblBfYQ7v0kgmC0IWaGLxau/DIr6BC8UPMGh3NYbRiB\n8wi3gRIDYOd6yuSwaVcLopW9sgC1j3YWjQnzEZeLaWZHwtcoht8icHqsgsPh\nGvYajqoFM1tU0TNZttiohI4TGd1YcgcwiAlLao9rcBqH042ow1DIDhxUp52i\nMFe8ZRIJeupJ0by7VSjYyjz91ePHS43GIPEfpZOKTEg42GB5DxPsYprv+AXW\nfMEG\r\n=Ts/l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF7jLX62n5kRd2Hw3gAjOKWlXHWu3QXnSKKg9CfdwsJgAiAHFQjktgORcFQN9GONhhNyrw1cuAAWhIviUg8i6+60eA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.2-0_1575378908475_0.8607337013443883"},"_hasShrinkwrap":false},"1.1.2":{"name":"rax-slider","version":"1.1.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","prop-types":"^15.7.2","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"_id":"rax-slider@1.1.2","_nodeVersion":"10.17.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-sR7X78zrXDKWZAXTL2B1WJrnZFIRcmx3Bn+m00FqZyJNJlupSJA3rQN83o03crskQjc6VcBxml3/h1fBjb7G/g==","shasum":"a443900a93699cec5d8a2a0ded2a7c5cd0c696f9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.2.tgz","fileCount":48,"unpackedSize":70974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd9wtFCRA9TVsSAnZWagAAfwoP/0nQ1VPgO7c/NGC6UIRJ\nQIRQpaZ1qRtgkDr/Rq3sUlUnKMfLpieBL/PcsJFjf0K2vWJiFk61LTrsNE/0\nn9qwvsYcNLFyjDUgk93eYbrS8GrnwVRSQYRG8Vzbu//B8KRjGPgDSP4TBLKB\noOAGvad1pS1CtyaDNtqC1QipKq5CqYhT+5/6SVFo7A5Evn832n79uBsbiTvs\n35ur1tmS1ETt1INl6epE0OI+qNM0vLzERQKzS8URHDbxkHiygiwL26EClp8f\nPRP6LwV/Qq0TYCdbAbyaJlwmwy0ZEbe7APETjFFkzdhD4aNytaLrK18OYTW2\nMeoB4VFeTMNw8t8HZfD2ymDuIiO85ZL1QRaKX2B2AGt2hudHivsNNQFC9doY\nxijpRUUMSuPkgy+uZ4RUw0cF6xUkVCZ9Bi3I7vKTIBMxqEdd2n8J7RKV2jmQ\n1fVZFm3XBKgLZfTZsHPxVLIUFgYhfewiO3DFkoz00sbz3XpUpA2rMkE60F24\n+EbZV0rGPr4Ktw6mR/RtO/EezyogRmbnOdTqUaWzLwl2YAOfXldw9vR1uyHj\nEttaTaesLeeJQTnECjaaV97TPdKr0mP0LyCdLXPQwEFHV8C0vroluCAoOtIj\nhDIjMnDb48SVm1L6P/+/kfLNa8ZicbUD9PZRDsZBTNu6NE9jxZX2XGIjTusM\nkLjb\r\n=v41T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA3WR5Kj5iy489FgTPqaNu4paYV+XMAkgmFfvM/tlYizAiEAnAwYNEE5nac7WvKxteDbcYRTGuQAQk75koaNUnarYYI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-publisher@zeroling.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.2_1576471364620_0.511570382886239"},"_hasShrinkwrap":false},"1.1.3":{"name":"rax-slider","version":"1.1.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","prop-types":"^15.7.2","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"_id":"rax-slider@1.1.3","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-2nRGUPE2rOCgZPp69KY0a1uPOeRiuAIQgY3fa2P12Al2sKv5CM4PY8LJBaWAjTHQPeUWE5yH0eWvq6wPjsUIiw==","shasum":"d674a9e67f18292f57394f3fe6e1375bee731755","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.3.tgz","fileCount":48,"unpackedSize":71030,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd+3ZrCRA9TVsSAnZWagAA5f4P/15aedVdqiaYJATvjf3l\nF3Ci4ck450ysv/gt9p268cM5djd1fv9iC7KadpLAlmj+isuqbyprZFy0A6Z7\nvCEZR9xWgiinBiT4YvCMLbkLrl7vgtO79/wLG5bhybC3wtycQDHtBonlVRwx\naNBEjAj7sUs+q1J5ERy8e+rjiHWwL3en7M8hIlYsj/JGwKNXIMVBJWfXQeXM\nBBylMk1e0Hz3NAdubZVK3p1KROmTuNVudbu/3XuphYtA4F25lWagWGOgcnTK\nf2ntv2OgrKCgHIfAIiOdM6zHQ4Zh5y3K8YkPe9c4E1r5jNP999yB9n7xjq7Y\nWilOJNfm4qpPqo+9k62QvRG+UL2CRk5a555rAY9XJLMvbHIrGDRNXMuxNc+9\n+suOZuVxv8Aqa8nrQL5ifqpu3HVEw30cfTFkxq1sVewkG4EO18uxPPGTNw3a\nDfDHCWP1QQLFq6lYnNEDq2b4tN7VjE9v1vUcrzfXajcP0VC7Bguw1LwGfAYa\npC+YRwJtQ1P0QC3gVMdQkhEZeeWBdCfcon2xbV8qwplSACyo1bxi0x/SlUN/\nwAT9dPBaQDhVWBfJv+g64YP0lQ7VrGcumGqOX48aN4b4OHAj9vmHTGdjgTDM\nDbhNZ4acZwQ+Dm0znc8ylTPD9dtxWRzITK25hwq1YtA3iGvQNhLkNEtUQRQy\nOIvL\r\n=L26S\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCaXJkugZ+5CIo+PCCtltwxNx3/5h/ycCo+ItTyfl8NQIhAOuWgXaBXvaqwgUqogfa6BS0xDpDZeFpvyxpW68lj3OB"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.3_1576760939390_0.7525479551155261"},"_hasShrinkwrap":false},"1.1.4":{"name":"rax-slider","version":"1.1.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","prop-types":"^15.7.2","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"_id":"rax-slider@1.1.4","_nodeVersion":"10.18.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Dmbfd+04bVbdNg1vnSEdwKEiNtBYIJqulbchlKu50gU2k7gTa6jZZoF5Dwalc0Z3e6gB5x+VkObXd/HNsUbP7w==","shasum":"e791de43fa5c65ea9ed8ab65391457abbe2c9004","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-1.1.4.tgz","fileCount":48,"unpackedSize":73071,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHXUFCRA9TVsSAnZWagAAWmgP/2QjvH2sC23yA/7jKxfk\nGJGyDFd55rNWXfgGMGyHw7t9Y7X8GcK4hziO1WCOIvMDtVlEGnfNz9Iz5YT3\ntkAshrZ3AnshO5p93aTTIeL+qbMNOZXgXmTdXanezv1N6WJgv2JVGgcdZ7FP\n6wq40Anay3YxpSMtrbZMqK66OtVimFfDyvYfsI2En5qZ5l+qJidLjNqeDgcD\nXmOkv9Fv8XQorSWyiDiviCCWFzRrxRWqqfU99N9PNN1tP9nttMBi+vDqcTM3\nGc7nrHBkFqiczBJtItBjGoNyTkhAHfXUOpLn6Dj59nyfU559EF6UaY95xhMj\n5bRGbjvuZgjttUuRfkYEHDlDILxmAIrGGHE6sJd+rKi5K67zkFMexVCf6QVL\nsamBYfCdToCSB4xfR4whihJaWgeNScYMMfZbOqqDuBzSCiMk+GVQ964xZL0I\nFJBOUpiGetjmckCxQZgpjGrhukkUEOkl2yCeoYQgt5FnhaYzGgn5JoKH0c6m\nXcUGnWAEDhhbY+WWCJG6u3hrubVUBFtEYvdpOL0ow0BksQkJSvQHxSjJhndE\n9xnDSFQ1wp2gvTlqt4EJZ9CEAk0fAzBVIn2lA91UYdvzG/AJCIIt60li8gV7\nISK1MX3ICNQ9T93bFcB5s3pqRXk+EAy8waLnohizj1Ooc8m9B7MZsmUTXsCp\nfbZ0\r\n=+w30\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOdmeDmH0vqIBR/5lixH7bgBAGtTmSca+SysXdSenJpAiEAzg/9cYKTsdUGAS8tDfotw/VX3qtFOJZej86krwtUXpI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_1.1.4_1578988804818_0.2149134121321037"},"_hasShrinkwrap":false},"2.0.0":{"name":"rax-slider","version":"2.0.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test","lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","prop-types":"^15.7.2","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","husky":"^3.0.5","jest-localstorage-mock":"^2.3.0","lint-staged":"^9.2.5","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"_id":"rax-slider@2.0.0","_nodeVersion":"10.18.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-kE2N+fmaMksIcHSSkFufRQbggQqAs/RQ3WuHVYK4Y15pTZhFnZW9R8XDirehnb3Sgw2X03/1Lq0hj2FFiC7sxg==","shasum":"6e58790e8d125b9d1aaead874ada82e682eb0bba","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.0.0.tgz","fileCount":48,"unpackedSize":75105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJ/21CRA9TVsSAnZWagAACLsP/ivxq5uXPA4b2IH0wKyI\n6+q/RX+u4ckCd/5/8Rs0nZfMtOVh+EeTQrRhP2mdmLblF4eXOjmGClnD6xeH\nROWIjDNWfO7FuJUkbQAz8bEZYqQQDzYyyujUXY+u0B+Hr8zSKArR1VEIjJpf\npDyMVZSrhR1+4WjsB0VbZGHg/x1VM/UX710WkOoXOySrL22d8UzdsGl7uCqg\nOh+dSau8G85uieFPPan6Dp3CLR6ZB5r5vYSqp11zc3DpSoAe3hrtw/SbhsmI\nI9vX7bhtIZLjIPDNWf0RHPi3dPkofRUMDIH3DCi0s/xUdtNXWmRF9IpoQnOG\nlkp66GQ/3+hggR7NynhQ3pa7mkyyqZhkIp/cO1JrTA7hT26kSsGoytkTAuTL\nuuyj3JLMkrWJmte+fxWWHN5PaHmOpGG+UF5X1RmoMpCH6KjIGwFvZUAfiFKP\nWQJzPF5+mD7ulrDPWxdfQQjb8k9ObvjkLxCM8CxoCxJv7vUadSpvC+SCgkB0\neNomDDyX1HrWMrLsZsuNwPyZcyeHlGdPyS9yrkPx6JDLBvrCBHyxJJzo94Zk\n/hd9xl3JAOZxcyAXfafEC4QCOUiBxVCtaK95nV/JzJSGJ47STBm91lgzNlAr\n2CKecS5ZnFY9M3a7mojfgUjDgxL2jkIkulC+aae380FxBUOYmdgeKwKfjCJ6\n6u6n\r\n=zMLd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAx74iK7rvEGaGo30NpJZOt4CwxDzAIIp5L3l3Gtx5BKAiEA1LiLqSm9Zm+kXsKxeraP9BGOOQBY7WLglFto8ajwL5c="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.0.0_1579679157447_0.5325477454376786"},"_hasShrinkwrap":false},"2.0.1":{"name":"rax-slider","version":"2.0.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"_id":"rax-slider@2.0.1","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-nLCFRDKybzcWw59c45cAy3Y8853+UXxGeMXoyqJPG6pnvsGsnFAOzTjSCfu9Xcb31djryLLMBH7NBYVFYE4i9g==","shasum":"682d0f6acb652f9308ed98bc6cfebaf27c9470d0","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.0.1.tgz","fileCount":48,"unpackedSize":74796,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeXLdqCRA9TVsSAnZWagAA7JEQAJM1Q504hJ2YftONlE3e\nC5cv0zSTkc8soq1CwCIJjamWJI0XXgedVij5u9g+0EBR3bHmjaiI0k3uj0x6\nMXs8wDieFaINZ6BSq/c+PQRpJ1JS/LVOuyh7++g8ntnYJQIvFi3JL0ZOggH4\njZ/2Gg70SbkgFeDX1waj4erNcG1MfqER2mSe3qzcfP1nG4BzIzUYTGz7yUQ6\ninyXENfUdHdUhneAxA+Bopw9t7ptNoa3ilW8XxbMXh6cdfVJjo2kMbkzisb9\nCU7lNQSYKspcnTRJNekqqV9f5udr33017+pThObVyylIqkiOClxL+5OyYRF3\n9v/dqucEJhCYAvwP1ut5zMlElchA0Ckej/97J2Z/5jlOmDLmlHkYivLgGayZ\nl947BNYjs1LJp2iXYFgNhV2cxmLXzN2rhUf+aQvwt0p0/oa2fGJbc83rUr/3\n61rcrJahGpXmeSG3kE5J352zE+E+jD0x3yyeGdFyMa5zhD5lAS8/ThjekN5z\nb1rZkqhyLgUvVs3GmHg1kotDp1+Qg7xV44adTdlwr1h8u4LLW6dvtTuwt540\n8aS5G+fFv5LCKhDjTSghxRpk4ejHV8dnzQvqaNa78XZY9loMZgn7qvs2CrvS\ndl5ZhOnxDD320khV7hOP8BHTxgwVEHKet1wYC5WXlZPfDjbjtMl1vb/0gPtp\n27ln\r\n=KC9s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJaXhC+tlfOawJFcyZDR7nW0x+03F+LdQg5Nvvpz8olAiEA6PHCEV9b9HPv/1G1skmpOS2Yw97wmua9BdGZNc2BeKM="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.0.1_1583134569501_0.9572124435729052"},"_hasShrinkwrap":false},"2.0.2":{"name":"rax-slider","version":"2.0.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^2.1.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"_id":"rax-slider@2.0.2","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-p8UwJ/7ig/S6F3ObojrjKooL9CARYeUsuZkQu/34e5D18vgQecWXIkDHYMGjNaVi0ToxBL1Q39DqSu8XDJh3uw==","shasum":"540095e8a69e148046824483d60e73f021f9f04e","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.0.2.tgz","fileCount":48,"unpackedSize":77136,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJehYS5CRA9TVsSAnZWagAACEsP/2bMNR3knb416Ap1SRoK\ngjBFMgSZyo5aX8QJek1QC8Oidd+t5zVbhwav7NwHFs5u52w0WIN/sequM+rR\njbHftSzb3ySzaKLVfJX3hpGWqddFwG+NjLAMaHtU9YIN+Alr95c+FGglgXhr\nbmJlxbWp2+X0JMke4++sE4mT+pHeWMN7nfVTQpup/sUkrPqUGm3YRAsjr7YI\naZsM/xB1qPCECgq/DUAuZ0p1rgU737/eClUrXqZtpyBgYvVMAdOZWfHtdkPv\nH/eDyFotQlRcGsU3emvy+CnxA9QNDJwAXd4JhByrRdtn7XI8AmPGjPI1pgXU\naloV9kjK1qfhQe3uCv9wR5N1+8nUOhG6RAmOMTrjMb/LLkJvzBT1HsXGYDBX\nxoQOlCLir4ydEIxtcP1RowQvY9vZP/k8OAbd0TMm58BzmDZmTmCxwA9EEsfI\nacriJccGB9z6ozrwkjdlQZABblu14xk68LySxt9MPPx8df006S+5nBGJu9NW\nHiF3RWqhajPYB8VJOdE9MeeKHPntcHKjWEkMnk7u/Z59DDffMywhPwcuehY3\ngsREu1BryxebtpwXzmeNxoPBWt8sCJDkazyIxQxwoj08RnfvvY2BXTF5XOt8\nCpF7R9lcTdhPit8j4QHfrnNrgJJ8OtjSRz8MPzb68mLm4eqYkoT4FVOu+0Au\nX23f\r\n=/kSO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICgwXYP4SwIJDLcS6LhUbPuDvbzipDEH9OJng6SAob8xAiAiDU3GCfUOJ4kWwusvPxDq7u1WnwXCGUzfPIbsd27Ydw=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.0.2_1585808568560_0.48913975501007245"},"_hasShrinkwrap":false},"2.1.0":{"name":"rax-slider","version":"2.1.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && rax-scripts build","start":"rax-scripts start","prepublishOnly":"npm run build","test":"npm run build && rax-scripts test"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"keywords":["Rax","rax-component","react-component"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/raxjs/rax-slider#readme","engines":{"npm":">=3.0.0"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","@types/classnames":"^2.2.9","@types/jest":"^24.0.12","@typescript-eslint/eslint-plugin":"^1.7.0","@typescript-eslint/parser":"^1.7.0","babel-eslint":"^10.0.3","csstype":"^2.6.4","driver-universal":"^1.0.0","eslint":"^5.10.0","eslint-config-rax":"^0.0.0","eslint-plugin-import":"^2.14.0","eslint-plugin-react":"~7.11.1","jest-localstorage-mock":"^2.3.0","rax":"^1.0.0","rax-image":"^2.1.0","rax-plugin-component":"^0.1.9","rax-scripts":"^2.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"_id":"rax-slider@2.1.0","_nodeVersion":"10.20.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-1McaUzsWo3BOPp9aH///9R7M2F1GIWyy+982vAD9+7AUDp4kJFC6zGv9erUv5Yb7PF1tYu3DCD07R2egGqURTQ==","shasum":"0f7fa7cfd280609d64ba72f170a7f83e1e35ea09","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.1.0.tgz","fileCount":50,"unpackedSize":82485,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJejqetCRA9TVsSAnZWagAAkVoP/2l7HtLozQtYSSwuFPT7\nzpCfTZqhtr4ZGn4R7rsG3YlKohbb6TQR1j3MelPp89Y4jp6jbaGYV7c7rofD\nIhpJRl8U6Teu0QaSsVJK3A8/bF2TkC45WyvPCr4//9crg6iK9gpIZVPRstiQ\nVnqdMTCMtARBVh4jj8xFn8GunrW5T/d1GDd55N3iZn9KoPOUkHKezUePm9Xf\nNSZPOqGYa9hMrJsi6OC1AqzNhDOFjaqnhSg23nAlnRCHAvPcny5+CyJid8XM\nL5s4KNxeSJZtPX1bVMw5R7XuXxhSYNiTV+GmtKrCMYvjmCj2aQu1oYZLignT\nOghXkepDTeJ1+b8U9pShwtp2sL5vsMMfY1WaQfQBR637Etr98SIZExHPO3Xk\nEe9+0C7ddx6ZxS4UIG/yofY4F1MPouJ3hyJXKMQsZs43oKpRnQN0RF72p6C9\nWA42zO7hs9mTuXXS7No9yf4o3pdwMiwebyi5P5v+wGotQtOi06gfHk1ZNrf+\ngZUZTHweGqNWteRsNx0orAMIg+55GaGyD2eFTpwSkTv6Is0+qC8vtawHDOAS\nbcwPwirzlm58VR9xeKNurqeuf7Zvb0XRiU7pgGPwSuaHvdnztkH/IZBavvZA\nbWUsauMUWf73E+pU1QsDJdiHfjXdpPbWLcpqANHUMUcyZWPn+P0XIR+lPxX4\nXHRY\r\n=z+91\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDM5ZqehBKde1PMVaEUZXwvhlchTUs8XtEYdfxECyV62QIgA5oWDXK0Hq67ZMAmg95aBKZLdvAgvMfx3jUf8Xgf6A0="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.1.0_1586407341135_0.4758169059035964"},"_hasShrinkwrap":false},"2.1.0-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.1.0-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"start":"build-scripts start","build":"build-scripts build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"devDependencies":{"typescript":"^3.7.5","@types/rax":"^1.0.0","@alib/build-scripts":"^0.1.0","build-plugin-rax-component":"^0.2.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-test-renderer":"^1.0.0"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direaction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.1.0-0","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-zpsdJkh+orNhB87nHsKY+QIztdYXtkvr0Q0JM1eRYBwcGS6sDjEz9upjKgH2+HmBo/WfBwZBOYkC1D59xjCLfA==","shasum":"6ae4dd2dc2fad43fc582dfff83b8801d1fd9afe7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.1.0-0.tgz","fileCount":53,"unpackedSize":89717,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelAxECRA9TVsSAnZWagAAOCUQAJFRb2KOY0zbereaA42s\n/LsPpo5NISfPRk+rQ5oDay4wuTstHF8FIinveVvNquVuxcrD/oJqO6dIYvFD\n3GMdmL7VUZrgSvhta+kGJnIbTh09XT/6GEWd7fGkLkXBSgFiUY3O+6tmvHyd\na36EcCO98itsZkPSGvYJY252qpe33WOjyMSiZu2WpIeg0p/a0fm32s304eqt\ntVA6USutZwcU0rUIEQ6zxNboNrONyFDmQ8cknLV24Uc3NlbLquPetP8a6yd7\n2BcOoqf6RWoMcDEBLnFEwEU2eiVc7oGg6qu8NDIEBQCtFT7En/xtqjQNciev\n8HXixoQxn8BeDrsQqsJkYdo0l4Xdo9eQcuLHX/rZrcEV2sgVn1+D/O7LX7GM\nU7ruN1CvN7Tzd4ykN4l8kAFfgrWI6ffZvHORFM92rVsquZvGBFnqUVbV+hKb\nHsSgNsR1y4IwgC+WgGniXPLPUOBXjtoDofespvkn0YrQxOaVWyDTqNajcBpo\nIqvSJPIu8sM/hxjAw35IVuFWVd7a5Oeq/eCCktfu22lztEo0wXGzajlQG+2B\nVWpWB+AsMtYFWRQ9xTOcW7fOvjL9js1KTkYRqreik1B5a6eJk+mZp72msHyD\nXFRil1v9IV/xuGAiJoTbPBFG7U+NZcOhym04xZgDpgUBQgjQAgm2t3X0kTee\npWR1\r\n=GR0a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBpNn++VyymNxHg7pl/AHnqz59zcZvGdRdCIFEMUPOwEAiEA+ZfGCatpFPbHnIIvmIykr2Wm6MF+eYBH7ht3iHou13U="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.1.0-0_1586760771633_0.5470634804693404"},"_hasShrinkwrap":false},"2.2.0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.2.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"start":"build-scripts start","build":"build-scripts build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"devDependencies":{"typescript":"^3.7.5","@types/rax":"^1.0.0","@alib/build-scripts":"^0.1.0","build-plugin-rax-component":"^0.2.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-test-renderer":"^1.0.0"},"_id":"rax-slider@2.2.0","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Bc8sG0Ig6hriX1mf9QLQ6YlYoNRdm7w818Sy3UG64baKopK3VsGcSVY5+4Gmnjhc5smoSqeeopdGXxTELdHFlA==","shasum":"91834100d2f4f7dcb15a1a93aa4dc03e903281d7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.2.0.tgz","fileCount":53,"unpackedSize":89755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJelTQlCRA9TVsSAnZWagAAXQkP/jq7E0aQ0YIFqECaNCD0\niUWUq02SvHItRXGcF3jV/Ezy4kQJjxiML1gbQK6EwD17GEBBZ2b60cYjq1Xn\nHGEt4y7QrWdIiCHbkeCRHibWJo5z7ubiRlNZ8vfGEXluvELM9LZZyiss0Yn5\nZuHrAPKtRmwRkbPx1AhglCRrVFcBPSWBRAP2sSU3bewETJXYZVNXznrsIlWW\nWLVA+p2pdxuc1VN0yiFkfKS7X0IkMYvwkvKm1rdvmkM7/2At9cOjU9wvuiaC\nbhnduFXZnMKDo8zukndyIJeaec8f9y0oQx78setubl05wZhWNyQv03y4/sS9\n6lYCK7CHBqnNfTrHavquIEt8DRxvczf5tW3W8pn5kiQ176LMzh+sK4cUVJSC\ndjI0ARHp0PUEqchDBt70ZCRkdbGxMGgQT7IFPU/yx35ErySpdzFaOMwjdXXX\nCSFbGMgr9wNOKk2lAi0OaSTrBMRODlAFU9MFSx8Kghk30aCu7No8XqHpZRLW\nUWjS0/e5z+ju7+OltuY2TVXeVKww1D3VWkLxfnbv9WdUIUlzyfxY4Sm9r8sV\n4wgL9ZIT6jKLFXaouL/RdstURpdQJHFj4OyQRoJ0ZLzhISXzUgE2efgRmi0J\n3ieSDEtnG/BADbRUmyun2yFfu0RvHh4YLO67/tIUh1UL3QTQozDfzKNrXdYC\nPGke\r\n=UvIE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGqgAO42+Z69k/p8BKjzr1Sj7JABjRw8j+WBMr/5elggIgP/JMAEo0sIYKpQhkuuG7v8t/uy/8ethAL9Z4b6N2CnY="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.2.0_1586836516931_0.22748621390114665"},"_hasShrinkwrap":false},"2.3.0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"start":"build-scripts start","build":"build-scripts build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.0.0","universal-panresponder":"^0.6.5"},"devDependencies":{"typescript":"^3.7.5","@types/rax":"^1.0.0","@alib/build-scripts":"^0.1.0","build-plugin-rax-component":"^0.2.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-test-renderer":"^1.0.0"},"_id":"rax-slider@2.3.0","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-ZF8nfyMQkLil0jaGUo/6okYO957BL117YhMAV2rc9lUWefzYOsKo1FyRAJkNoMhYHm3NtN+zFhcysjzF/4ZeoA==","shasum":"230680e6e785443a55166a551d30740ea5aa0800","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.0.tgz","fileCount":65,"unpackedSize":96928,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenpbPCRA9TVsSAnZWagAAK9EP+QDJ4r1B8hB+wPR/4DAl\nDbe7nOA/Rd2mk1VjGXc7PXXwlZYSf6pdIdgFjMAjOEIRcTC/xCZKQz7YPUIQ\nYp/LHvCvRqWsfePlLR6T4wYl+3vK0udAoaPt0iXpJB2vu8fK7hF6nc5RPtK4\nFd4s0VxaneBEPbwlhZ/TXjGW1jf2xx854Lr8ZJtxvO232fUWS5O9juq+w6n4\n6OgnqGU1TlHmYVjlHHYXXaoiyov1l3k/XuumL1gPIphRTXSY5Eb1Msx07XUG\ncYGmBFD9aDlMT7GmiNJcTwhYgEQghm3eJ6tZm+IWRb79yHFypPHkRgcd9t7K\n0Pmvbqe0eamMr5D2fNXe1vIsq6ae0h0SO9mtwKXUAwgyEMRCPAsDSzjg5o5g\npg2hf9HxZqDzFSmX/npKzzW626iyGY7SSQZNJEvhX7G2guw9UeLC0jirGoVp\nOVzaGC1/Wo8bYpFLuF6S/oDgJbu2c0J+ICErRsQul5oCu2QG4SstvqinT9JM\nnXOIy4pe7G6twU9QTLAPYXdvdiLadJZKiCn0vZ43AoYpzXDUDsduQ0E3LQ9i\npqriaPrMd8YlaS21okvXhGs6sFYURqcDgbvfuZWC3sEJBxscMWrD02+P9jJ/\nwGZvKEyw3mVUTZ64sbko0VdAmT6eh1xuIUzXexCg+mIRtCrkpSZEAMZMpfqJ\nUshF\r\n=MJVr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDnJWE22w5nRgQQ8RJainMEaHps5ylzsU1IxoCQvaw7+QIgNUZQKjuhzEmQMDhvG1qoue+uPeH55ufp9GvwFaYZeFs="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.0_1587451598474_0.09557375115433442"},"_hasShrinkwrap":false},"2.3.1":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"start":"build-scripts start","build":"build-scripts build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@alib/build-scripts":"^0.1.0","@types/rax":"^1.0.0","build-plugin-rax-component":"^0.2.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.1","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Bnf2vkXeZU9wKOgEe3vcyYlGawBBtDA3MDnbUfqZOjLOX2fUtjK6/LtRgh2KKHf3p/t7ZuuC9XDKsuxYTnjweQ==","shasum":"c6ae009074483c1159e0c35034e16d19ccc82693","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.1.tgz","fileCount":65,"unpackedSize":98059,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJevLSmCRA9TVsSAnZWagAAuIMP/0DcgCtuQnLtMvUQXkZK\nywjpfNgvw0py+9qRBHjhqEon2Fs1pWD17qRv07SKsfLdV4hx/RycHr0qPsgg\nTu+fD2CrKjtbEH2F6EdnMf1nbYLBuH/LZqvwUKMw2KtLrqu8ZGd33i6RDRZz\nhWcaBbvYeELaaI6/nqyy+dvMeGccUaDk3GndBzWufDNWsfMHCxYKB9q7diO9\nhXR2GserpXBdOO7Yy3Vd530slmsLeKdeHAe3nfjcBcCvdquBCGch6JQ96kBj\nCOJJtSs4HglcrLl2GQywXebw8+wEBroboXAZWI3MVdSIZdRdYEFWdqTgFo/8\nnKGqX0grVECktHENh/UhSFs1OlA7iFbOiy8X+J8KIuzLXf4M2EyZKDvphhJG\nduBRlQ6KBNEpkx/9Dbs12FV9gORv8d/DXZtHvtzJ4kFU5ShqT5pVQa0RDzJi\nQwTlI+MLbaQJsj75Nf3X2fMNNfSb9SEtFGYWlKDKIE5oNLh1wtarvfywYl2r\nmpdbTwxlRSkrDVAAJr2Ue/4/qR12ROTdnZ+onFnIu0ypkgGfyciodUu8YAEM\nuw4x7EhYzdgFNkr2+sM3wh1tHxaNatjNS1s3Sb0cP1RODFqk+icDwRTK0yg9\nhrBCunXjkkrNfNLr1d2FiLjEQEv/0mC1AEuwFA3LWzqtWm3u/jrh/Pp3eUGS\nsPFJ\r\n=dlIA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH+wF7ktaaWCud7R2ayq/QLPZ1nW/3LTOcA6z7O5ea8qAiEAknAdrqOdrqq5z23CEQl14aAOAoe52r+WhdUls9gLhgk="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.1_1589425317466_0.9531672951533623"},"_hasShrinkwrap":false},"2.3.2":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"start":"build-scripts start","build":"build-scripts build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@alib/build-scripts":"^0.1.0","@types/rax":"^1.0.0","build-plugin-rax-component":"^0.2.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.2","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-5DzuM5+GGXR5AJbwrM9xz1KXOfPYOMj8cjpArCJ+EOIvy3oTI6+/JsaW8cR0KyDy4a0a8hTX7G7dE9G5aRNqJw==","shasum":"8cc8cbe274ebfcebd103478c2ac2224a79c01823","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.2.tgz","fileCount":65,"unpackedSize":98053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey2nkCRA9TVsSAnZWagAArYQP/RppqYyS8v6fgXtNfKpN\n3JwYOSMv4G11Fba41chliM3Su6SiGCQMkGrLorz3tsfjb0BXGgDLi0CSjKA7\nuVmsBY8+xn7U7pJPAUDvkVky6oGHDbo5ES46HgDwdaT/Kn58BbKNqd7AUKsv\nhPpdzmlFVQZNA9Zbro4vBnlX1Wpon3tC30+Nf9hpPe5ckxPUTOB5UqLlRc6N\nDdnZ9msTf2nazGIpwfzTWWSJ5VeGh4yd6sp/HUdYpiR57nh66bC7KEFekcsN\nLdYMQ7WTlJt+SmHREap7NSP/nCKhuTgOesFRQEg0piPJipp8QurZ88Ol1BSz\n4baCydVZIyC+UsVMwveLVceDtC6XwCVZAljT6r4Z2LKNJK/KPlHXkXP34UUU\nvRj7NJsraBxnChdAC2mIg7tMVESlf5yMtI0TeaplvtbcJJeNpsMVP2jNAEuf\n9inhy9I7WHFGBCTvqcNSMFspmgB1MfUb7O5xb8zhP7M8tzPxZt8LCFq3hJLW\nU9M3NexqoZJ9vRyh0oHEx37NXfJSaUMz6xVvJsyNi6nE+QI+U7R3yQPCKZKT\nT3Xwr1FdWdDbCBPqU2Zx/ewqZtgANLskPuEGBnxQAw20Lf+H3igdDQ/lzAZr\nvuTHh6WF2ZVwo0aEV7Lm4hLRMeAvXWD8FRfqielwBc6GmMAilMhSvKHzm41v\nqnuA\r\n=4dCR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID9p9Yf2b4skXL9EDpw6J5+lw1nz57CW/JYDw5FclAlDAiBzEDtYydvnfV8wIYCaTat4ANptfhvsqQ5/BGnfN0hjGA=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.2_1590389219947_0.97362261527508"},"_hasShrinkwrap":false},"2.3.3":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.3","_nodeVersion":"10.21.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-+TWHymdV8gs3gYzX9Wln7wPJEi9iHJns14djHVDmQnQUgU8Nr27k5r+1R8WCGhE+hQdN3kfyc1f2ShjxwZpY7w==","shasum":"951d3f9c812519bf0c3a889c82695bffa0cec672","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.3.tgz","fileCount":106,"unpackedSize":186114,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/DVBCRA9TVsSAnZWagAAGWMP/0rAwGcPl/gQmE5efW4B\npXHtxpEw78GIDOX+H3RJwGDFGUCR9qT52Doz1wVwUEN7NfFW/cbCRhHxppC3\n6TmrAcIkUyJ2qBoyePq6IESJRn4CyxXvPaznf3OHG8ujUWI2IOjKFzKttQxG\nxe3e+BOkntYk9MFGxwfOHo4CnGBBiE7U+7h01y07DrLmBl0vxbESbYTpcd/t\nUZR3UzyVtuEQWn0pF5+mtv6mzpRpjIPmArc4ePTzEw7CtemavOflfTdMJV8j\nIdDuWDLnQBzrEGr5tZ/zKrf+DYbIH398v54uRMGADtVy1Jx6KtjjNPH9QAxt\nafooHu9GFaBUTGMeIrNlAnaPH6YlpS6jOzLfakQdrvHrvO07g0mow+xbSf37\nqZiHYXu+2SjGIcczpqozWrKyBzvkB9zi/r9+APXSJ+Uao7HYelV60VumJRrC\n/yaCieLe6hONRKw82dNgodyELd3J/dYgUTS/lqga8sRYnvUKxemvJFnNq03K\nGp7j8weLENF7/g1mpxKiGrLSHj+HzQgCC/8na+WQsUV/YUz0YQp12/tmT96x\nq9zGHg+ZETkJtPtodq/Prcj/WuuCQwjik9ACSa+sXSIYcR3RQ5Nmy610J/Qe\n+ov3PcGWueNMKYpxwHzvz4rd2nubljmPq8ayb0M8dz/H/Rj1vWoMSqoiVjW1\nj/9R\r\n=tWYq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0T0aQkpDjf4e8iKuzxjc+mxZ+05jdnXa/KZ+LwJfftwIgEwKnf1InbpFeV1ZVbM3KHuFIjBhI7DD1qQ8WVyvzgL8="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.3_1593587009301_0.6686765876786784"},"_hasShrinkwrap":false},"2.3.4-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.4-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.4-0","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-TM5kEvH64PaKFa77opxz7OKBB579tJfbRFmUxo07/aNl2Tp5yq6ASG8PpfHkKYGuEJe3Gd1X2iOz6w5RStIufQ==","shasum":"a070243bdb81d1768c8265236adfdc561f4dcb62","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.4-0.tgz","fileCount":65,"unpackedSize":97364,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEW8OCRA9TVsSAnZWagAAEagP+QAcCEIU47bfIyBYh4qf\nyk7+KnqTRnTUoLoyrfwSAEp3l3mcUMNv1N6ae351Vlj/DEarY4w+8oPMQdjv\ndAmJZq/0c6ypj14451RHVAJNbBeCk7sff46XrCA1AW6p6cbEMqdWwRYiwpLu\nzHO6FkVG4tVa+sCouh6uebu7PQaSzScvHw3yOxZaYzRZG9r3AbRVHDh+z1zt\nDDJYRSkdXBFc5DwIfOlwjjqK47B/rw482syw9T7Z5e8zd1CJSewK7j6ILV1I\nh70HlswMqrF/nP8s5poJJFdA3rxAtJIsofBjSl4A8miS64AwU+6igpRdZwut\nDdBqTucH4z+GJl2hkuFFLS+7HCCITY4SmSXE/hoHktWu68iJ7GFUplXR2PT1\n0ke5TM7UurrhM3cOTvQMAa1ICBHAk2+p0zAdoQRaJFJU9qO+eUIUoAOpvmgH\njrNmA3YdiZDY8YfVjwUpQwkf4jFwMQ6uTrzdy1dqmtP1TIiBC2KJTWcv0Etc\n+GTQpACIeQ80M6x42Hd3NGwHPJXNsued2iGozglothvm8fUDAPEfWOWjewv3\noroEzhxeOMzNxsarFx6UuefA/ftcDmatJZrngcMRzvjw+V3i2Ecyh8NvWPAs\n38utIaswgIYN1DdMIbC4It+W9HSF6HFglTX41XriWQ7dzyh/7rRA4MtuNL1x\n2mQ2\r\n=twIy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC7Ok/SkK9QERx8iDtDR2mBoOYL5iD6K+OKrI5JioVbdAIgE4VuOUqHDy4UpCjmloH1PaZx7El1zgtzE2RVQdXDJC0="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.4-0_1594978062231_0.884954286719922"},"_hasShrinkwrap":false},"2.3.4-1":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.4-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.4-1","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-EVtbEh7tsjIUDA572lps6xOeruDlJJg/o/13nLxHbrBFbPxSniHyjBgMED/yngzMvEH1tqqk/EpRzLOOWJcHgg==","shasum":"453f7cf52b730e0dda7a8d1e0ffb46d32aba75d8","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.4-1.tgz","fileCount":65,"unpackedSize":98861,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFp/6CRA9TVsSAnZWagAAkt4P/1pq/2TmKRK2IXvBreu4\nfYZUDidgKEYb6wfQkePycF6Hvhh5sudA+Q+Kr8srJlpkLlC2j6MOCZyaeWOE\n8kzUbOo4bJgechkjEmFVDb+MjMI1tlqQCn+MtKCuQ//0mnUv2ZG7zM6wxMhu\nwXdiuWIbtVrKpmtPE9znuMf0DrdknMj3mqpy0/qkaB1k78i5sE3nrwXuh3Qa\nNvb8xGuzPwg7M9os+0PzZ+/t6EqkTOnnkMJiYfYTN1JPHIMzVvTEoku+fQCT\nxR5VKoUlDlArzo7VcUSbJJhCQtjlFPPv9N2MuaZAABO/bPGslxQbd5Y2io/Y\nP/rlz1ynXAC/5w8jHBTdkv93aR+yr3wf9/UfSfLOd5YTqQHqv+XwtFKesY+P\nBCzEWqPpbSOy98sxVFkr4C7sITu9fKpRKNUcod0xPNU5iB5nau+24gPX8h3R\ntk+bgaegkR48MgYKpeKRXPt+1TAWCMmNJApOFKSrmsX+UF5FtNWtq5ECz2xy\nG4gTyIJSbXfRg+FhKm+fBsiryrAeppseSph3ArYYUppqSndVBI88lGeJKDpF\n4jUfCOl9l9yHNGCsIAj/qmFokbiEJXYPYAGGt8/qAen7Zg/UXkRRNP9GZY6T\nLjBUhZCzQsJTW9++QqRr4wP9MUI3PZg1x/nJqLWq40ByhOXGoA6nU2vvFjOU\nFlBW\r\n=H9af\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD8xNvora0WcYRickTkjIosxaAUTE89VkgkQoLMhUqCMQIhANvVq1UQNMBn+8ETVeACIv7GuwpoBpG/uHepRFNRmjSO"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.4-1_1595318265997_0.3872637737111415"},"_hasShrinkwrap":false},"2.3.4":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.4","_nodeVersion":"10.21.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Qi4RCKrJzxx8YRmh0XlBj3s99Zf4XGhe8TSprf/OuFcsiLLqQ6e7aeAdtsx01XwRN4zUkGWKfMb8oABVqU4OFw==","shasum":"fe846c3354359516e35e6ca60ab345e3817f12b3","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.4.tgz","fileCount":106,"unpackedSize":186291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfF7O8CRA9TVsSAnZWagAAhmUP/jmdHJzMrRxFHOSexTG3\nOTQXJLHTn8qm23X1OSRuc92tJJfwC8PyNQZwPBkJcE4OVlPbjrnLl3ah0Q6r\nWxr4+PXGehyi7eSh+noKMKFlYNJ+Cg1L5Rpm8quNOCx2VAa9VWMtXGdOdiaZ\n2BurWWw+HImJrjtOdTw+cw4m7fwClY+1hY5T+8DroCyY2W9wsvR6FX6C/MUl\ngh8G9LQ1O84TT/6UNcAknSqOg6KqK+LQ1ef/YXEdHC6SYXyCSi4RNthERRaW\nPKmg0vssvrHpfSEcX5wxToe0U40AGhvHRXPRXQ8WifkeB5vLEeIZSWRuMg0i\nvgTnFxn77WRsZCSf4ohiBi9xWmwSbT6ivvzL9l3HMbRQuWT/bQRyg9NwDAmG\nd5AkLkr5btGyIKbDlcPwNcp0CIvQ8QH4SSI4dcKvTxBaTZ9bR+3iotpBvPPt\nbWqJPDxV7tsevrK12cz75ijUzBZOIVcBZ0f2TDLspft19ejVq7Y63SJh0Wvy\nYJ6BOxalBRC18m7Agchz4Yn7Nyyu8+oFdcLiqrCkLqaWKTTwGKqMouhDkO36\ne/3yQNCK8HQcciIJUjbMIe3JTJgyXTKTQEQUNgDncCctyOomzQ+Gj9Nq3rXz\nss2xy2x406FEpXyQ2JUf1djX248PH4qUK6Bp2tOSv4ocdtmxAAAki3U6ZXKp\n00oV\r\n=GfHZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGiATcDbS/6RUbSV9VfQgZift8kA79aeQbS4Tlv/0LRnAiAsh7ZJ2gLVH8aNLlNsAqEYLxRkS6fc5GHj8cvAfSmQHg=="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.4_1595388860416_0.19141781125625013"},"_hasShrinkwrap":false},"2.3.5":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.5","_nodeVersion":"10.21.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-E6dK/OoVzwZaIBlu7Tj4fmHcld2d0D0xQJeQbGIxVLuic7G6BYeYgWkCLGMN0gr2MVwNbQ1sDIud8YW077+oNg==","shasum":"99a7ff3b69054d84538b39d3ca2f42db23b2f572","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.5.tgz","fileCount":106,"unpackedSize":186691,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGQCtCRA9TVsSAnZWagAALo4P/3X0ChGi0WvqtN6xzvUT\nQOlBrc/KNnXJf9npHPe9XUR5sOGCclM1ysT+DWneU8k5jdsd0nCd6bkLRzGW\ndOzz8vT+nwIak1KlCpIhi9xSPQ9AYubnFprJKcwiDODyx+f+oARAz/l+ehUI\nMzjI0dW3EKrmx90sVeR7/kkYPt068OpH9htyI7izqKSj5uRbF4ooKYFOmAL8\nBiDk2BIGJvrlYKg9gUFhF9ETTxXmzaB87SbxcPgIv4P42F/bozkCyYpADv2F\nOwFZFUdE4hkFqMnpGepY8EArG65Qf682VIjMzgwHEOt8LgGG9CouiICA72fj\n5D070dTS2BQDkkCl1coQNqUML+z9z20+hH9zfWsLXwOOJhJkNba6rcXr9JyT\nLoESvUOnakea0ftCkwzBe3bJ4+8m96xRAK0WNbxiF+qWYDCRdXyH0kPBAbIH\no2M+cwNxkPM2VlZnP8S6rRKh6NQf+mVQSDFCAdgt4xoFMlyU4XJx+vASrsko\nIiezqeKx/JPYYRX65CtBh98l+psso9u9ZDrswC5lSSQczTVQfbLGUzaX3aY/\nt7jpXswMzdgXzXxlypcY4QtZ9tfyXHMnrh9iZLSUvRl+pcTXej6q8KnGOAms\nhsV1JCv3w2iPOwHDhV+PZNyebutteAfNhz1GNIht/kCJ7QrqPf1vHao6fzC0\n3T2B\r\n=rguz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD12xt319MFsJO1cnzLOg/tFsXO42kRQ319MUmVdBH4FwIgZjkTE0sQPzdliPUje0CW5sU53dXmRNSM6cafEYNH0qI="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.5_1595474093018_0.4524136251567732"},"_hasShrinkwrap":false},"2.3.6-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.6-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.6-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-PbkdKz4Uln2bhWHRLhkg/BZIlX2lFY3JETTEUdq+NrkSoSlzZZTYnAHr2t1U7Bryx8b60ydyCt0WzINzOXPxtg==","shasum":"2f391934c28e848a31ed4841af054e98f4386a25","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.6-0.tgz","fileCount":65,"unpackedSize":99189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNN+mCRA9TVsSAnZWagAAHF4P/j6T9wuKS9DTODgKknaK\nMgpOF6crBxQciTxAYKa1W8a8GUKTTUYzjXZT1VzVM+pLnnGn0vAC/iqy6T20\nu48AXGHCkwsoBapbyqGfq6znWd73eCGOWNzDPlY1g9VRTQ9W9qoFAKM5gBQV\nM1ykpb651MK/AyKdRuRKZzGdgTMmLy52Fa0b5SBZc/KleSKs7gz1BQByH/9I\n2d2F42w4T7M8aKHUTMgwtmdazLKcYJt8ff5Xzj92lIuS0DigTn4v/LjVmax+\nkG8XzFKt3hvC+tsuvtdxdoxIImEJRjQzKeQSpMot04mMKgu3Cw9RczpM5AK1\nZSF+qa4Z23dzy7wmP26DVEExQI2ysn9p3fQ2Lb/JtOBGcIJrHP1pfEH1i3M/\ny5Zf+8g6EPg6OnfpsGh1kPeGbRfaiZcjrQeUROr2HY9EEOu9oXgvJvW+Ui7e\nmkSc3gr0oOIEJZglrhENnJxJUksC1+kC++xT4O9r+AhNBZ3TYsFGIUO2P2eV\nL+lqPxKaxjranF/fF3Ii8ADyR4HK01zV4qBMyaz6mNWRVqNRercSSzI6BOsU\niJr8COMI6JoXYXmiAj/Jd/clwa8ic4CDoQnwAkHNJZsUuOFCtIaXIi2ocuT+\nHfrhHouP5amElcj88MAXMOBEW0m/y2nRdVPnqE/tJnc6sdmlaJbBLH86WQMp\nMY6/\r\n=ScM/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLVbqMM5e78X7YhUVCpfMs+ujXWf/L79aAyEh0Zs563AIgY4kiVJzOunXJVwXbln2foJ7y3z34w1D2nWPV8fbUYRQ="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.6-0_1597300645872_0.766415399069033"},"_hasShrinkwrap":false},"2.3.6":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.6","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-mfhPxpU4kSSOWDxtITD+hbfsI155OjQKIL0+QpYoLNtrmnO4XRd8vectggYKviEYirQZPFrVMa8dXie1uudMEA==","shasum":"82d838bdeab5c1256bb680ae2996b43446be6b19","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.6.tgz","fileCount":106,"unpackedSize":186655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfNOOLCRA9TVsSAnZWagAAQucQAKIHkKub8eLPrQ0HVPZ+\n1wfkiQAGbd4cz16q1/9s9PwV1TYC+ipI7CCZRE/X9LzH12znIHjBHk9U1Npb\n1P/+U9uhFj7fLASvsxyEVfJ99eXDcHyk1eEyqHrCP5x7K9TS8LUqmksLu6AU\nh8YcU3XT+T829pkV8FwD0ad84jpYr8rlf4cf2BW5c4SN6uzDJtLrjCWcC8i0\n8XUgH5HMvCnM80vYjEMwJU5TBCok348mOxejoJlKG96PB5Umovnc9wKkq6ta\nPRjX0HpBdzFAm2kyXM4b6dSZ6DuUro692z9EkaE8tn6R4cZ5MxDH7DaR87BR\ncoEbdOQ+148G4eSjJ3R/zoX77Zc5L3EPdphpV2XSC7X5EBl8I+pI8C7nD3gE\ndUGWISPk2X0+1718zOhfpDB28rHDD+z2ApPrceOzx5AsB6eRVZ5kh2rouSn0\nfqt0zax98A+6qI7CrKuED4XzFVclWqQz/WLL2InxUzBW9L2t3UPGOU+GaA26\nARXvgeDZs6zy1s3CowbxOXaUbBv4gSJL5KrJIwC+Tnm6BX/W8wL+NqGtpTFF\nYMZMWgJLGp8Lae2kbKpsgtQZbzPdyf1iniGGkBYjLE8qHF2nJZpaAQspThSW\nP1ZLkH3vSOPZxGuyNyfO/kaEF7SBpIZi8saLQKEF9Ar9MeWwCdeonuj6nPTC\ncDph\r\n=j/Ub\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZztkvZv7ckLiU3iwc9TsnBsnFPWa/xIUkrTrLEsmgpAiEAw9F799GVRjGZKMpyBcxqs2jUa/CdWsAiaDkO3fp07t0="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.6_1597301643276_0.06319604224027486"},"_hasShrinkwrap":false},"2.3.7-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.7-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.7-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-rpPOv6hepnwBgo4kXYcPEo0llU20paoQQNZRYpB0JlcjGCLgY2fD6gbh9nvNimWi9P+Ut6llFvYgj6zplaVlUA==","shasum":"bf398e30ef90463b8504fa9e6a0c43d2418421e9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.7-0.tgz","fileCount":65,"unpackedSize":99398,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRgoFCRA9TVsSAnZWagAAKWcQAIymC32sOEdIfG+Li0uQ\n/HRJj8RWBemX4yUlXCCh9sQP6WonUNC61Hwvd8E2n0XyvoYiroEQ1jrwudso\njMWe7googElcpTHhAAD8OY7ekLjkdX0zePf7tsv9KaNnDCs5dRgQ4hcLIcAe\nIN9kFXzSi1fsDvHIAd2kjB4z3ZFVswyFBlb8CyvROlLJo2WEnYOZijAv18lL\nekq9dPL85bS3RgDxQE05/zQ0TGAHUOJfNPdOgv64cY2GLpmfmo4V+tUF3xdg\n89J8cwLKFzb3U6cwhzYtMRS8qlXyfcooxhWaoiRyoZFHxcEUnLrMLREbdko/\neRPgSc4j0bhpfc3QHyze4SKqb+rYM8GxoByh7WH6kzI40jUYcJUEEao86TyF\nFdwqmC3l7GkKQ20SLP59BQQVwuJd/69KyPB8ud+9o/ty5B8deniSjtjPS8hq\n1jV4FbeqrS9NZJnf9gS2OjQ6737gA+zppJmT4qaJKX8ed5Z1r/EDx3uFfJOR\nThnXOXflAci7AsMx9Rplth1cLJhrdC9K0zMHWTdXz/+RzvOQJQ2K19WmAavU\np2vFtb2XVt7U2tqly8TLw7QkZfLyoC0RZmba0elNZQcyqovsBV1Q1aax4mbW\nMcW8MDb2cOLVW/hZ+uyFSPXDdcferFFOlutE+MXCswaYfhG9wL9z7fwn+7oz\nFJ1g\r\n=IzzY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCjLOKftGKtWFdRg3BMFYA/cJrv0uAmCIZUn23oyJBxrQIhALJFxcxL0DxABameRh+veZ+lDnku9lFo5TN8lX/3BoDb"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.7-0_1598425605378_0.7869386475624924"},"_hasShrinkwrap":false},"2.3.7-1":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.7-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.7-1","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-MEBnLU75brMaMjHgisqw2/+6KNyltG9f60yYsTcduZUMlVrkC40msvXi8MXd0oQC/qOVDp4Cg20fhVhRIDeXdA==","shasum":"bb4607dc0ac2d891325965003ca48f6b643558e9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.7-1.tgz","fileCount":65,"unpackedSize":99646,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRg5WCRA9TVsSAnZWagAA7+oQAIuXkT7WbomKHSm4WrOK\nBNEKXG9n/AbcJnlwf+HSNautrL+JViPocUNPsy8nH3igLAfbcjEo0H2aP2V3\nmVD+ixLsZB9VuHoDJD2O8QgAm4T50YRUx+F19dIvpGZZqDNsuCpXp9r4IjC7\neRGWEHj+E3ZOC6h8jCzO1qfalYF2m75XIqrLEUeDX1eupkxXsgBNSeWljiz9\nBjPDLhH12AZXTftLjxvGhnV8ry1qe+Upapj7QchfslDvzpwsUSjZth27qv0u\nObZFSTrsAAy4hDf2AayKi8oyAFY7KTX5B2xXowtif9AucDJJxwlzInUQcl5D\n3s3ErZKMvJ6XNOCNctHCvwq4zrfSS+R9RXAH/mzzD+SyI7a/D6uXaCFFW3vv\nrJSXeFtlgtA1ZdmkICcAeY0Kx4nRq4tBPi5lqq6zLpvWsKiLq5+BZYlwGZmb\nvwFySPTd9pR2ORhfP0TKwiflPclSjy1rZOJ1o8jgJn4D/168Yl1eftBsgIox\nH0zdJTDDw2KTbc2PaSmQzgBgdM/1A3r4Y+DmMVQjNPDmOFhs+2lon3lmoOCg\nsyEy/eTTcvn8T5RGcnBzRiWEk7x39noDa+6U43KMxt311JsWodUkxb0ocCvs\n0DbFHdwcXn4iFJC4XeKXnFHFIHqEV/SXod4sYc/MHBpbuCvVb4cFeEMcLqxK\neX/f\r\n=5RIP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4WJ0pLC1ByYu2aIfJxyls0AO5pNvGvYo8+Gd49BlTRQIhANW0AzTwF0k3iPaAiuVhza6tBK5FtMV616QQlbKGe1xi"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.7-1_1598426709848_0.08076672058869083"},"_hasShrinkwrap":false},"2.3.7":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.7","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Xa37sQ5L0Vv4djJUnM2hhNibzSe85v7ST/N4PzcU6aeN06T6wrei5RedjQoUwmERP4+FdBGvmM2g22FXy9eYLA==","shasum":"03e4ec5de501a02494ad651b69b421547fe37d45","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.7.tgz","fileCount":106,"unpackedSize":187321,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR2P3CRA9TVsSAnZWagAAN1sP+wStKhP7k0T4p0Vj/42C\nujpF+OooODnCSU7Pd/rjui2bspPqakSHXSaG6MgWM79lct8gHIsun1dth3xb\ni9chlXCoRgrT4eBW+ZYBGKuFHdwjY3eMMhL7bbBMJRmfOYTZP3D+5sSNJilG\ni/9v0G1hW8IiHeB1+A0HzOl2anHyEwqFZWoh2+kTJgzAu7lBOQRc2pgQGq+P\n0+HaPeL24Ktqa++SHl5t3xAIOsvIP50678cd+PC/bsbrWQPxf9zjR3Q8l8nK\nNcK9bNymaRYTpxKR/75Qq+yyLeXRiCiU+v6BwhfKc/wwUfU5nbMn04MyiAzn\n0BEjErTRufPemPhtWflCkrhcuVAJ9zUTkZAq8ubZZYmyQCggMw9nVPM3FV9R\ngEwXs8W9w+hX6cQnFULRu3/YojImNrMFDxcKFO4PyelD+krXZpFMcrQeGTpM\nOByUePsurPQBVE/GmzRAn1i59PE0E1gZELZQVOOJhtC+sM4LvHaOzOXPAt+l\nQmGYmHZjitMNF0xCMoeoC8mBe49sCqA9D4z9vpf1iTxU6jkg+kdDH6KUuez+\nJFPt0zz3I2KLNmW/c4bKxEGR8bJczjgGy43Mk8+7u41B8e0P2B6X0Iu72x+D\nSaBjzyhyaQ8tB5qjgRSgy1a8YMeqfCa2ymcstYT8raGxVogAZ8jQqeQCQTVv\nZGMJ\r\n=enYd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDM+jGvUIJy3sCMbaSZ5tHbqS0T9wXnMNTUfVgI/gPPawIhAOpIl8d9+oJH7tG1zWV4lp8a1o4iT4mPp0wV2AdjoAn/"}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.7_1598514167354_0.24790761642141645"},"_hasShrinkwrap":false},"2.3.8-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.8-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n注：\n\n1. **支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Web <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表 Weex <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表支付宝小程序, <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"> 代表微信小程序<img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> 代表头条小程序<img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">代表快应用\n2. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.8-0","_nodeVersion":"10.16.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-31AuYUm0cx/GccQBlLaev6VvW4QaFRR1/gCMENAafo6V3mmafNs6LwxMG6z9EXgFbkYxKgVeGqlWqbvqxrE5JQ==","shasum":"5e7c9b03d85e79787e2aabb4d44c7cd674d97828","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.8-0.tgz","fileCount":106,"unpackedSize":187721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSLmNCRA9TVsSAnZWagAA+ZAP/1pdZRv0Wpsp7RjYlKD2\ndykZAaztIwXb/Z26d8E6fWBoOKmNvBRyH1bt/GTBISvOgW8Nwl0RD8yWAsdC\neKZicewxM1xKnC9en82Np6Dkl5kFn8TZIyZpYSb6BxHJ/8v3Pz8/BGhq6qI+\nk5FScun8IYrPwdzYCgS2TTHODNnQj3h4BqTFdzRUqY+zxnFPfLt3DFk1n6LQ\n7TS9HAuiwh0MH/fMju/+6kHJCjnljNbDZzmwz4msy5JANN6nr4znRp1dyBah\niR91tZHHlp52EHwsBkRvHsq0cJNPxWs6ftzuwJvz491PYjhR5hrhupaEzcJ9\nGf1VP4T91jKed7G+jijMMYaSLDA+tmx8NzN7jkmBBLcAMvup+Fovo5f9raO7\nvMYTIRkx05Vbd6lxYpenVW5QWEdAoikbyxTQcgBsz6Dl2y/kWZ7VbDVjnJis\nAWhnUfFh92XYrciWjSavoMP4S7ZJRdv99HoRIGEOUOR2WtY4nFeyka3pGsMa\nwrtnvA+7XsCRmGAzTh/pBPSp461ZOPYL3HfluvP7Iuryz42GTdpU5N4dGoG/\nXS+AxoszlUDuFwYTK3RfAUqK8HOBlfTrw51v3GS3tAEBhAJZ+CvBPxbOLB8h\npXY2rvRKih1qeBYRwwZDt9GYOyOkci4DRhjTvcbBqZ5v6IQRwpHSf9TR4qlO\naSyR\r\n=FpV1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFA7oXykzM4nNSzDxexqGCa/I8f+ph1XtopmhhGPr271AiEAj9mdK0N8UbB8QPA0O9k0PRnjmJdlt0P/5trD/V82/fE="}]},"maintainers":[{"email":"amdgigabyte@gmail.com","name":"amdgigabyte"},{"email":"marc.hy@alibaba-inc.com","name":"marc.hy"},{"email":"rax-publisher@zeroling.com","name":"rax-publisher"},{"email":"feifeishen1996@gmail.com","name":"solojiang"},{"email":"csf178@gmail.com","name":"wintercn"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"yuanyan.cao@gmail.com","name":"yuanyan"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.8-0_1598601612854_0.7624159656238993"},"_hasShrinkwrap":false},"2.3.8":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.8","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.8","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-wqvUWrbgxPm+IMNx+pT+5MJxgI0OFndYzitXaFOMfabUIqkUSBe+8/qSmR5x6mnuG+MPa1sSnt7zO5xN7mRcdg==","shasum":"1a1ec475028e83dd67c0aefea4606ff3129372e7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.8.tgz","fileCount":106,"unpackedSize":187719,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfXvAUCRA9TVsSAnZWagAAHHAP/0l/c1y7NgXq4Dr3fyYF\nFGL0raRCVoiTGv4UpQ0YU6ecX/uij83KhSH+VcucmNf5Zw0JZfPAvn/P4AwJ\ng9ObbpsAUg41sPS4Zkgz2t5AYwvlFqfFdhbSfe86mSDrpkCglcyV0t4/x//l\nZ7lB6vJA7/mQPeFMs83+ibw3tWR0QWm5HaNQRVqegOlYP6wuoo4IWzH/iUz6\nolekfIpId7h4ynyvT/7A6XKUkOq5Kny7N2RjkCh14qfqDi68evsO6Gj+v5eY\nrpwhX2emNjNUu334u7vu13oxn82zjQwSTsILHM84ufTuaCAUpA7vy6h+kMPU\nVb1X8oUSB51R7n8h3fXi/v18mA04V1QSESIHGGk5zAycPWu+XBKGU204EhZG\nQXUvi/0MVwopbMg4qeuvTxarmKgIJ8bDa7XzysJxqvWUNngKyrtKOKdjtwFI\nWXOiYQGAVniw8cfjPGMW8oZoj4aCJEso6Jd4iJM23SxB/KKG2y4N0KGDqJeP\n5PYcV5QQ+nmk0IahzfagiJNdOPnrl4mKnLZvBSagfq6FNzPV3rihz3xLieeq\nd3WxtpfROpMUjX+c3kZKmXiKGUtLabxzJcm8xOCTykjF9K+XLFbW1E2usoRP\nORpZr55YxmZ09GnNMmelg6Z9ROR34uDMjSb5bdbyUd2MNXi8T5K0qOlqqMKv\nH77r\r\n=kygg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFgKX2xqbOeCTUtG0Qd7dlpTiGoKkRd987B7ggm35UmmAiEAqYvATAq2HM2c5E7M4PRO7/fwRkHpwKOI7hS7tHiAMP0="}]},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.8_1600057364326_0.6866532476675258"},"_hasShrinkwrap":false},"2.3.9":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.9","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@2.3.9","_nodeVersion":"10.22.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-7HZIkRGGqsgdGqkkwq3vHWXkgw4VF1fzFHa8sYhb4AMrPEVrBvFr/ksr1uam04sucF5axZB2Fw2+B1LWPfeHCA==","shasum":"a5c2f044a013b32bc0dd70de70740a1e75940fac","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.9.tgz","fileCount":106,"unpackedSize":187483,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfYw+LCRA9TVsSAnZWagAAQ5IQAJ3oXUzQUAU8ooQTJsPA\nubL82CRLL7uKHnW/0iH0jl/b1hekLsV3bNXwCrPhKvezAsFaLARppmQba18P\nG6HGHj0wmmpXrs2VKwwM7npHSqjCp8MIx4tQTaQ+KDSwPhkxdgYGlQdRFNZh\n1alSBAJkaioNG/dtm2dYU/cr6WXG14bjFUe2CXFWU/wZhi7dYeFy9OGN3ZBu\nj0EGaZRb4hEZkBhjhi7cTzbKnE0IKAQJfWCiueD0cvymeea3TZx57FsNYiKX\nLhdDI+q6xbphLI7hyr1ThSZutr9o0g9lWMTZd01rkCCjpI4y7ZKeb3JRjH7V\nHrSQC6/ImP6WbL5gKMKOvtl8kbR6Qq9lVSpVGRgX8mSCI92Gml5Lz6eullmE\nppK+ktYGLl4ajUdNkVYVDFoFMahQMg6xXoRSQ6BtwoAht+eUChdxJ0HIvUe8\nvqQ+/TSDFkTZwBlHhIxMahuOTok7+lvmnkoX/AI/pHUXmnr4OE2u+29PVLz3\ndxCIP2t9eZAej58Cz+A+sNmBNMnxhMrtH5KPIYTnfOYf2Wh4YVEAN1LjIeoi\n9GbYaiC26NWfnY1TkK6kFUvFs/F4b1NmGwEC7vcThjO2imUsxcjig7T36V55\nfdZZiURIWd5W1m+18h4aCqnXVf/D5DuL0SQr79myBm9R+8N16/8/qJuKIaLp\nYq73\r\n=k7bH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDxAbcr8p1+o6WfsvhuRsEj1bKRBAP954xfrnubJHaoeQIgCoYPa1AYWEoxlH0kVkYcCLsHu4fyedi7BERxu5FaGKU="}]},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.9_1600327563015_0.06491190526561774"},"_hasShrinkwrap":false},"2.3.10-0":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.10-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> 纯 Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.10-0","_nodeVersion":"10.22.1","_npmVersion":"6.14.6","dist":{"integrity":"sha512-Lg0l5d8GEoB6AtnSda4aGT3sgKLRNrd3hxFwsPcfJapd60lqPeNN8zm5Dch7nee8IM+b++FWp3FsCXCJRhclIQ==","shasum":"39f5850f3141af6089efaae37fa29188b4162574","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.10-0.tgz","fileCount":106,"unpackedSize":186832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbYBECRA9TVsSAnZWagAAkucP/ixf58pJbcOmSwrpzraL\noiiALsbSqueLJIcBH7zzmy0TDW7cVAlNY12q3u7fvc2H35EXmQIJ/DYb6RjY\nH+pyuQqB7HznW3E3f1uwUeNChqpp/Bx/OPas/3bmV0eFBshVp/6gi1cXLfa7\nZTkhSPjIaQvB1KaDxpjARhDrjDsLyELvpXhyAWs8CwFZxgevmRVM6stVzjLo\nuW64CLykcA8QV7EiExc7wO8Ftn1zfEwgwFWRy/hCgYzgbWg41TCyL0q0fYok\nPgs7Mzv1H7hrvvJp8VzecFj2yGZzDmqMRdE26IQie5pQx5rSA0jciY/29me2\nAdX5G2eEpqgOs6Uy5kBm8oBgpHfC4CEtap+VAe9brcMdsgpxBf+clYRIA5/R\naNi7kWfSAi+fl20upp2IPKXmNP8uMlBov5RMUS4nVKy0DiChQe5FaiLAcWhl\noF+gUpF21pvF7n6kP845uqMfmh8yKGaaca49hl0nI0uMblfjYn5+qADes+Zl\nab1XGsysTMPGfr4p2DFKoZ+HmNYW0vVUw7aDgst2ZKaP1+xDRnXilIG0DGHd\nvaUwTl6G9oj2Vf6xikDbAmSWdShCzOm7wZgTNfKaoMQ8BLbjav7OoaUqznNU\nm1M+feF6b107S4W+r2cYmKJOuzNpY0w12ZMjFIYS/ZlmPSl9N843nbjn2i/c\n6upr\r\n=UwUE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIECJ6yezDPuE+s9LL7/aClGU7XiGj0uFMzbjkcedJHzGAiEArXV+CyMl2boNl2Zg1tng9dHkFTUhJgEHVpK9q7PZ/X8="}]},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.10-0_1601011780049_0.4948739784421703"},"_hasShrinkwrap":false},"2.3.10-1":{"name":"rax-slider","author":{"name":"rax"},"version":"2.3.10-1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^1.1.0-0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> 纯 Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@2.3.10-1","_nodeVersion":"10.22.1","_npmVersion":"6.14.6","dist":{"integrity":"sha512-nkrsJQhnQeWl/+0sE1PJtDR/7RKX+1eS8ENkprvKdI9cVjSkusY1VpyvjWtujKili8SoTbR85PgZOlM5QccoIQ==","shasum":"f09ebf45be3eb70ca0c9272e707e5ab66a726af4","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-2.3.10-1.tgz","fileCount":106,"unpackedSize":186647,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfbYMwCRA9TVsSAnZWagAArSsP/iB4+mgKTuQCBICuGV8z\nljNScTOfWTnAsx4jYJandwEgTWAX0vnHIGcHSbWPIUr0zL3JV9ahj3YWbYLv\nATpjyf7u5/iLrD7B8D3HCZjObnCHiLKm4J01f38f4jWsYm9J5dur7ZveX0BO\nAcMCTedhuPxL8gQ7LUjlkyiI0oZQNPm+IddOwGiot2pjd/9DJAb88nrE0Uk9\nb+Yrur+0ZFK1QLzXXeoR2WEKkFCPwWccDk2gJdC9FHvw+epYznDHtkaQbww2\nDX2oApAmZhkbWgGwAJ0vaYoYJ9N7bz6S2BsrgGtddtLY4HDUmG1ZoAaA7A8s\n1Szz7+proGqSS9/UPe6NijsTJIG9uI2onHKMUyhzRmo4OR4BSybjOJYyOGta\njvMS1/+94+Ev2+K/HHV0fgF/A1j55zfMDEulNychfF/9yufXM1ja95tUbkgg\nsXkr2uB+37uVVZ0ubZQ/AbBoaStkoSV/PNPSnau97H2J/FiI8uyXAiF+GoJi\nVlQK1x7jL/Qy6GLQRIdkQn99T6tRc3hq3xMpyJXDl7r7KkHtmCNK1hn1VzqE\nAOA5eqb6CILRfPk49ibl7gnYPbcE6v3gDl2+TySlSwqz+sLlcz6TD05cXMHa\n7umiAljzxfd8+GlvgnFSdcmn93IwRgWf3ifkfMUjzsAHHrKPaeIgB36UQ5j1\nfN5f\r\n=UT0z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHbC5RWRnM4nD41h4rDy3M84+36hikuDq7BKRLRJPRe8AiEA4fIUG90e8K86ZvZPYSMYI8kmaCEB0lvzJ82Bx99GFKM="}]},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_2.3.10-1_1601012527994_0.37939616806526044"},"_hasShrinkwrap":false},"3.0.0":{"name":"rax-slider","author":{"name":"rax"},"version":"3.0.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.0","_nodeVersion":"10.23.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-T4+UievVXysrdQ5e/BV3lVuVWlRtcRKRG5lyxUIX4t6qnnrn+C9ALUb6cd+zc2P1G5Cyd/zyug8RdlYk8Jp2lQ==","shasum":"78d07f8550841e33151b35cc6517eaa82567251c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.0.tgz","fileCount":107,"unpackedSize":194003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6sZCCRA9TVsSAnZWagAAzJYP/22pt24qEsjeK2noTK3u\nNznqYYOPtsUR/RIEGDmfHpxwW/KmIA/tY+TnYzHIk3L0oiafdnfLc3xLVJLW\nw/Xiapf7ozwp1gXvY6gzoKttbYBvWmmd3fIekxAiNb1My5RFhWrGYkY7VUbZ\nPifpPk8qfoxyV7VIWrDOo3qwUeVCB52YhYK2DzatEFmjDo7tGxGGe33c3hAW\njqg6SvgO29Xdn8urWSD4y5d4VSN8VZcNDWzO+HIcrrSGbxtfr4OxTv6eGWQz\n/prQ40TvpAC04XsfUvZGVm3oNWxugsur3B2SKuWWIsDIuLaOadzVtQgmdkwu\n6vXwA9gsQBE+t08J9QRjX9DwhX7jyPEQMtD60b5eCvm5ZoQOpdCXsc85IZb6\nJkT4u9q2H8SYDzkC9qISkoHVVyhiWZGhtVtS/UZTBezsF8yk7gJTt1cqPdH6\nMOQgU9y6tdWeR2K/HD4q/N4Kv0d7D0Lx7HpX9wl8brHiNtTrCNH9o+HpMfjK\nTJjsMXKdtei0T2vZHMcUDAInGLQNh5IHE7ysYy9GkDOzkBuKsKcFE3qtxK6o\nhk88NOlWtxYZqdwosdLlyOLQQ4hAL1s9hB1cZN5pODkqLITu0GkThBUkpZPU\nSToOqnUR6h6qduchjsNndlDViJ0vlOsgNJu5SGlwQyF6LCXM0/y2lpykb30C\nhRLq\r\n=HzLx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAyW3LY9fpS6blU95Qp4vpTkZtE4yCUtkZMD/gdopZzCAiASjl6kTXbhRfStP6ZFjRp9pDTc9Fo1gje9qBu7jff5fQ=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.0_1609221697578_0.31969622782859974"},"_hasShrinkwrap":false},"3.0.1":{"name":"rax-slider","author":{"name":"rax"},"version":"3.0.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.1","_nodeVersion":"10.23.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-HKD4RAnUYhl+WSt+EqpAmdFYQk8r4Zf7tX1p5OWeBS41jy3Oli8cf5CCFikFggVKBbJnQow0hiZX1J5R1+9zPw==","shasum":"b68a3f0014e8f95ba529444feb0fde9ef3fe5169","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.1.tgz","fileCount":107,"unpackedSize":193688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf6t9bCRA9TVsSAnZWagAAMwIP/R2xzOOwZ4DQA/pOlSpu\nnyITq3LBDTbDj0hPpow6COuBxNo4Tb0NSzoeqKlQE0LFDq9BdLGhWDJZrRmC\nsDKk0//w/HZCIwngTi+13mtcRc8Y5ji6/2ksaV2xjdpHWjI9ljY5mtBTvQgd\nOsfw2Mu05mpACg/ZA3TbgbtFJW0kKGI9NrYCEbTH556U4oI97oh0aO6/tvdi\nuGSPSYuuB4NbibfqzDdKAICFFTGDPTMu5FRt4hNA0P6M/wiSboPDHF/HUGz4\nCIA9l+hx91u3aBjxktMJpNpsfwxFCbQWoJjMCtSaNSeHGz2ZUgw6G4CKhl/Q\n/tibXstGLWa/6MzOWfUD2Sclhfv4Ve+efABpTstDuv0UfV9ct+J5hR+5rU/W\nSj1daGKqTpzHrM3thTvx+yzR1CBXTnJTZpoMmkrLTceNerec4I6KUPog6exL\njzNjzitTAi6Sm2MQ4AG4ElW0TITGPL4ijUxokbFD8T+tNeXbaMkXVsE20bGg\nTK9P+77yxUHHBI1sW2dCLfrCsjuS2pm6TODJExOMvq2ggjD/6UiKkJwhArTM\nX3566DuRHU/o7FLjOJIIeOSHbB5B64RWRoKeYM5ctYSp9geUTCORYv9FOVg9\n6Lg9N4Xhqs4JHsrNXANxNcw9M0pJPl7TZRdToFoleBqR0/LVv4B+8N0Qveoq\ny2/6\r\n=jjhq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxiOFesOKVdQJqjjIPNUY4EPAl2OfQIBJpu5QDC1cQaAiAa7Rd47kV5fgv6TPRptXmOzWD/4ivx5tG3jZpoyWPKtA=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.1_1609228122447_0.16750090060425338"},"_hasShrinkwrap":false},"3.0.2":{"name":"rax-slider","author":{"name":"rax"},"version":"3.0.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/wechat-miniprogram/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.2","_nodeVersion":"10.23.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-6fsNJRxkBtFcuuRpuziNym09FBryVmeSh9H7YNNFRXxP2B7ikeZ/YoTY2DNbvMGwfH6+SqTE+Fyu9hCLNDAKNw==","shasum":"6547a20c56afe6261dd32357e0614521f4020ad5","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.2.tgz","fileCount":107,"unpackedSize":196579,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAWiMCRA9TVsSAnZWagAAfqkP/jdblDT1SSw6CILz2aZE\nmfx3jtvv+d9ZLYmUaGSSB2tOoCoKRiZGpOzLt9BJPPAwaDySbL0quxwaczsm\nFENo73mCXYtu00eaUH+MZO+vYzKjuYo8/c7Z3UPaxk4sJjmGNTUXeKCHkbyv\nIGWe2bfvGllhCdLREnXY961/6KHrouKIyOcTBnDfprQuAtXoSU/J26fQjRUX\nCBq2o1e78XT7k5gsUx1oQEGcg6+CZCoKImXQA8q+iE3EZNgW35QMw707a0HK\nZRGiowaoMXVz/iRyQGOL3AQ1vREz5pAtgI+p1kt1ek+/qBYeg8MiDKsyyrhZ\nNIT8hig6uO7nnb6Lm2SB+J2aa0Hc518QqSsQD7eqrP9GAgpF76PkFbUt9pHD\nfNbDrmS9I0mXQMvp54+0sU/wW/MVP/W/jKLwD5xUN2ZhT0fqlfn6ppsUpngi\nXbu2tQfyb24b27OSPTCJRTFPJ/QO/2r5pzvOyuBDsVpVFxinZzwvjCwzJv6u\n2fYD0wktsPHAvIWYl3wWiVRmsyHu5DBjr/sXVxxLKgV6Ka0m4fIItIviatcx\nJw+qhMT22NwZ3Dnwb0gqK1gYGk3mZ9+AMweYZmE1VsrtBHDH+JmEeuqFg60U\nazonVWns6R1++Fk+KczTqUuCTrNpgKvJWesKJqz+ueDnpdHScS29l1I6KApw\n27es\r\n=9XSy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEZp2PwZicGTzVBMFbfh6ApPiiBNlRrGoJjfhXb+et3bAiAC4QNIHFW6nZPc3Id9ZA6Xu6C7A0jDPpeUXtbGmFJI5Q=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.2_1610705036012_0.77105100289218"},"_hasShrinkwrap":false},"3.0.3":{"name":"rax-slider","version":"3.0.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.3","_nodeVersion":"10.23.3","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Ur6Fq2XCWs2cVUWU6Fa1c4aoexXUKLbQjmtv9nVlJwPNIM0jVTCUo/QcCTcMaKm4A65MhDwZEw3lZT/IynzI0g==","shasum":"bfc4b40b08221149cd0c115a232d083d60f98dc8","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.3.tgz","fileCount":115,"unpackedSize":222128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQJGFCRA9TVsSAnZWagAA14QP/0Knnte3b3Mz9eOER3JH\n4ojGiuTueF5XM45FvX4W32rdEaZjCHe+fHvwZdKm7lFr2uhc426rB2lLDxkB\nFmO7UQ2FvR3BvJw6uDs6rKUs2kiVdbg0RqCgux0JTOrig1CHqbI2xoEvxLdQ\nxc0c7e6kuV4NW6UEL55WOprqboPUIYeJZ7Vqmc+ulygC98GqZrRGdyFzcaZr\nV5ExaxnPP8cqZtmTe+JUZXkaOJnbjqSZPEUcTt/SdMMXqFiwE21wgHk+Eubw\nr33VZPenRM3n8Rb9jpQa4se5O5LVm/7WciXmUYwNRKcK9L12wIlxLHiKJhFh\nUefw19QcMuQKwzc86a2iK0WSm7AN6Uh0rwy0sNph7qg81sT2b6gJWS00OQ+e\neptE9VZcTFwGNoU9uSJ4yTMJpQr0EoHJR6jYOyTbi0KEkn1B5VopBOYyrHXY\n2YZ5lFJ2Sdk/l13RsiaJltoC+whSGIrlFhFPMMO0s8EJle33o7iTj3ZAhd3W\nECc4A3qnuT2isZnXrQp2eMm0bViVCvkcoDczMXnabvYTFOqPykP4OxS7w1CE\nffqBULoURdDrXe5hfe4jYpH/Kci8/bksmQyi2iAJmTVeyXVFjW7VXcUtu93Q\nkrwS0qsLlLWd28Z9fziYntgLc44JqWPcs7qKsN84KAp05AUHtwi45ZQctP56\nUc4N\r\n=eGTr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0PbqRtQmNccbkEeIBfIUaEhKYFx6A3C0859Lc1sADFgIhAOSnwGGLQ0RO+7Pck3PwZPmMFZ6wBLCQoDK2qrq9+UG+"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.3_1614844293490_0.8803648932081463"},"_hasShrinkwrap":false},"3.0.4":{"name":"rax-slider","version":"3.0.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.4","_nodeVersion":"10.23.3","_npmVersion":"6.14.11","dist":{"integrity":"sha512-X9nC0lGwOEe2xLuoqkCk549yElCKXyIJhr0yju3qQMBlMEtVwE63Gmyju1+OKNazTD4Dmta7YLyrg1UtW+yLYQ==","shasum":"7c0ed2625b3114533df9796106c392b9ec31a96c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.4.tgz","fileCount":115,"unpackedSize":222192,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgQKOlCRA9TVsSAnZWagAA/fAP/1s3OH967jJ4ojYzlcLF\nYUQvvZ9c3x1N0M9Lx+E0JesgmjaqPw8/lj8Vlf5VB3U3kFH8F433e3P2k944\nszGT7hw3yOdC+utDSu7nZkV15nrMFXeMT+XvHAocBtcqXT9dulPhFXx8/Yeu\ntTcrQziftKlHTkcBYCUI+dLp4ipPZFMDSWPqAyE1H9NuyqQY/ya+DP+Gcnja\ndNHVZaSM/YO6BwzsoKIGvFziyNc7Y8fME3QvshwKvrlprjqmchgTAWFu3+9G\nfWNm7GJlsJAjqnI2k+XOMo1c36PflR/FRgpLu+OlxbpO1Nz1EFgRCwEiNSoB\nBuPCg3bC5Z6K7YfBtSJ7F7/PiP2cuuljtH/T6Xd5FIjIsGEHDu3K6VWSrqkm\nvW0tsgPyGYeXQfHEbXMy+SpzDe4GORuARgVwmQ1GSQIViK6nbZjS20fbFrzG\ngLKPPxhC3b0kia5Lu7NYi+pMLXAphd2rzeuK9UET1d9UzM2IpMgxhA24Fjtv\nz+0LNeK7ML9r0vStTvS8eW+55oAUv3MfdwQGelmyl95egeq/WBaCWZj43ZgS\nW3ERP2NcXi5WS/rFzAOh0AN0wtyonS5VJ6fYUzGumMzmsXodBEOuXsVxU0EH\nCD6fe2DmYZiFvKzZ197GQgxkAzHDx1fUBODlOssQd652G3vLqSztCWSEqZNw\nVJKR\r\n=gyJR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIADiReouAowRahLGQSadlQWK7sPB67Qf4JX/G3Hzux9LAiB5JP7LzaIzdTNkYJEtybH7VO/tdKy4s8lnu8X0GUvyPw=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.4_1614848932680_0.5210264912669678"},"_hasShrinkwrap":false},"3.0.5":{"name":"rax-slider","version":"3.0.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.5","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-cmjgaTWXsZ1oCI8bvgY9ZFvH6FDc4c2Aa5kiVqQyGZDVKg0hIZmk8TfcHiTRdvmCzrgwipBXcFd6ATg0XFqcPQ==","shasum":"d7d0033d0d8c18471433644c34cecf911b2be5f1","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.5.tgz","fileCount":115,"unpackedSize":222341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgWYhfCRA9TVsSAnZWagAAJcsP/RYbgKYNHvqYDCgltCgT\nkAUawNJ0ChEHfH27DFQs3uE3yzIYOUVI6UVdbToQkzKUS+5r8gBkMwmvadBU\nYqrOAQ1MHzQAwzmQyGsr7hUQCgxytg6oB12mZkK4ZKrEmmxm9vpaTEGuGUTT\nFCuM1W3X9AaawsUawOjXgYWq1DzbPbulDvBPzKhCrkicfcx30Q9+W2jLkjyo\n5SnpFYcaXvJ8RufmhF2nv/hlW/oLRuzZ33B4YR8FLIpaW2k+aGaxBqmQ5UIk\nk+gurfzdEZv4QVWPIDU5HfO6mJk0eUesWcEgi+8YmoT1G6AtRmCn7N8xm36l\nMSJCl1gf+9kvbwaG8jSPQetfGaiIXA9iyNQVjW6fJxn9XJFk6OHlS9dJydp5\neXBE+hZIVMs4eDeAw9eLYFsV7wiGbM7I0DBOugSdu+Efh4mapSyLcMzNdj0B\n25dqcW11QUw7XkkdKXe72lQEwvZQE2iOrdcpVpVqlaVXp0aibOSEYnQGh+DR\nxSR5b0KpqCJV0Pr3VELLVJ4IcfXkh79D9jlEWQgYJ4EnLwYogiYthidh3qT5\nWB1B4J+ZaTQPmE72maa0fyndvrqQUBMR3YQnAd8nrX8/fyptrl9KDIDQmVk0\npRLR03d36H5MopWhCxUz2Yfd4+xT42UauKKAEPJ7O9yEjs4wXYVNabuGA0TU\nsD5M\r\n=PSub\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDo+gMjfb7akacvXRBDHJ2WN8OcbBKz/IgoWpQY2IKpwAiEA93/xox9R5/h6fLsGKAHQguhtx4Zg7TdFgqEF2++KijY="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.5_1616480350883_0.7988935899801826"},"_hasShrinkwrap":false},"3.0.6":{"name":"rax-slider","version":"3.0.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.6","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-BgN1er4FS0ZCLG7KTKDPrW3bF4BPYoiPXQRrQ/NL+mi7tcpnqHRohF7gx2MLcSDuU8DDiGk37P0c2qXWTTv95Q==","shasum":"b34cda19f73aba890644e00a13e09a93be1762be","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.6.tgz","fileCount":86,"unpackedSize":182510,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgYs8qCRA9TVsSAnZWagAAPeEP/0MERddCC5mXmu5Vk2ly\nNQEOUM7R55cY2gPEJ+yFM1FbRgqc3GYoiNk4QqO9gKmHh79SH4+RbUViAe9K\nkNCIHnvbOSuatLFiCT5DjBpdV9PW8XQ+NJMUF0i4Zz/PHS1vrjqNyZZbW3iu\nem5O1WhkHhpuewhfyf0lbMIDlJ/F455ibBzukchsGPRglq2JlWyMx5FvYjVF\ncVpW/BnSQP8pogqOeWJAyeXkB5CVG2nDhZca8WKqkL1QKIjHZTEIT2s5ql4k\nZ13SeL+MhEn4qjY5o9FZ6dtkp36CzHzoePSfgx3rybj+jRBbmVvcrEwEc4Tr\nw2GLkZmGMhE0oAoYnQb8+2PQmJFnpVh8kN6qd02XwUoacuePkQNzeQ7gqvCJ\n7x83XiuyVUv978UTXOBjvebNfv4H07TccCgfH6D3m7wZXf7O2Bog9IYSYsXK\nOtFtYqUDlJaTi3jthbnsOvRQfH2o8ppu7LJTlMSmwEZUtf03lHe1iNwr6Nha\nH+ORvel67YwrAWIqIBRUmgzXeN/aBLjeMazyNbtGL1RjWYb1KdrjNT2cLSBK\nDC2A8LTo38qJBLoX4BGacKspKzo1iIY5p+yfVF/sLQaBkTxuj/5h1z1ig5gp\nRJp8o43S7+Z4U8aUtZhTXmWB9c6rJqLMwI3B+CjzdKlepjxdfNKFwwrirNaw\n4EQ0\r\n=AN+y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAeIesytQiQRd7B7bKcz5qsCjw0SQix9zN1XS7co1lX9AiBSwTNRbsz18NgTUaFNP6MMEw1utZLhy5vyR0hv94qaHQ=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.6_1617088297841_0.320917827995447"},"_hasShrinkwrap":false},"3.0.7-0":{"name":"rax-slider","version":"3.0.7-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> 纯 Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.0.7-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-NJGftcC1UO+Z/+U54wfRna9xyo5jDLkmYIuwnBUbL5kVxH1XVVO/rRoxaEDenYLMConQaFZi+ZUj73SqdrcoRw==","shasum":"d58fd3ac57c3b8242b16aa0e7e8a63451656ba4f","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.7-0.tgz","fileCount":86,"unpackedSize":182698,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgZbc5CRA9TVsSAnZWagAA15wP/jq24DtAOhuFFB9NiIjG\nXvrJ2Yq50sjjOfjfVctEAFZGByyljG+9a/Ko64W8ZvFXCGgJB1LrRevLlVa0\nDiCJhcN7qb7f2ISvY3wqWlFlDBhLqkOIdotmt1JrDApaGlaebK5ytlBqFPQz\n1J7aXO+0ui1q2ULG/FzyOqBywvKypECKDH9RmHYStX0sgKMoiedpl62VdrF2\nCnEKnMUZ4RrvGB/dyqFS0CJQbX1WfV37YfZNZLATkvYpleGZ8sj/LqzDsxAk\nHms7rydG0c0lM9OTH7BDpUOrZdGdAQJkBHnGdwENJUM9zQslPcTQKsO+NoaQ\noVwmVN3KdoIOs16MqqW4vKYym8cP2AandFUILwrA0YfG1crErcXuhuVX4C6V\nKSFN7hh6Ky7GouYNWtyyqqpX2PYgvdAs6VYjwM6i2FMTC6911k9pIRLW3u17\nzig/a/eN+Ph9sDZB+DFLDgjz2AZzDz8HPqUhXSKVEU33s9JxERaCYg0hlbXl\nUHsEsR00rD/ymdzry9tHogfLyZj/lLgPv8OHwQoKlacpwmT3CMZtasaRNthi\nCiTjuIfLfz2W6SA+XUtKYYTXxwB9ybABfoCSEfASqq90BTPkLBBCzNWRuhyU\nTOsFY6Z2lI1v540bCsyFXHeZ4HVK5dnTsvl5BJVS2L8Z96NykHaJP11IoUhc\ne6yv\r\n=3zu+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAfunulQyX+b7Q8eockXVLZzk7xSsT5I3n7qHox4U5K1AiBuV7BOzjweQVNzRcg7PgI95W8YxUENZLM3FpGrfBhkWg=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.7-0_1617278777298_0.5719860243019785"},"_hasShrinkwrap":false},"3.0.7-beta.1":{"name":"rax-slider","version":"3.0.7-beta.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> 纯 Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.0.7-beta.1","_nodeVersion":"12.18.1","_npmVersion":"7.7.5","dist":{"integrity":"sha512-NxwgXvSQFUr5vdY5gQKsSk09FYaqbgyoHVESZeh9ZsHAXiwCVApwwSMz11u6RKm7BssRpRpV+9ARh/0BH53uxg==","shasum":"934901bf837ad34b281c652b7581e0748b7c9d75","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.7-beta.1.tgz","fileCount":86,"unpackedSize":182958,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgb8CSCRA9TVsSAnZWagAAvFIP/Rq7bqpRS6Tb1L7vqI4E\nmu5SGTqfAmjN7jVcY9gKSMuGeH7HsTLCj5m9hQ/4DsCc9OfZvXsi9pTu1Plr\nWXCo7wEyXI3sipTQOvPUtqF7HPH+JiIDpTx5a7DDAX/Oca6wdBVhSDi1xUnH\n60IJ0cTH1wibwytqveJdLHKwoR57nzapr8uxPq55AGJhdNlMnlTXmCEjamXq\ncs1BXt336RtftfsQCQPC9wW93gftY94s4cCTaqBEuHfdVEcq5bpox6xxzz4r\n3gzcXQU+hlvPuVuUBCGOH6aifWKU+OUi67S6cU/IK9GOi2bNu0rINpW3QRIZ\nU8EB9AYMASdE/egvjjVL+fNIdOTv8wpsfApKIsqnRNgzsE7PzWaKIRshICYU\nlR2oXIRdzYNk4SvoMId9hTHKGJWtw9OND1cZ92zjM1S99UcMEk0Uw3uID5+O\nAFGw9Yb1PIDAXQcHkzvpCcAri3os2LOf4JcS4GzMAceqEcCjZ3t7ieIGqQ0c\nwdsMa1VkCp+2JFveIwR1c4XXNqbbL1bR3mG5LAI9RCKcjTqHgfJKKbLS3bOl\nfGaOTdKAO9RQnLZsdAIcSiGJC9aA4CtT0haGWKtwIgQq+2HBU3yEGI1ExvpA\nEzCJHR9EKsJ5YNIO7LAz4WbDsQWYrcSpXNu6yP1gAstgH4d2G7oxIrGblScY\ncbuo\r\n=kFZo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHwPWMWklEFNorf71ai6Z+RdQSoudQfUUMolE6lmxtCvAiEAjEK8EQ/bpuUUddRXLImgCif65z1Wy/SVKfnIpcq2IDM="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.7-beta.1_1617936529586_0.44382056904392697"},"_hasShrinkwrap":false},"3.0.7":{"name":"rax-slider","version":"3.0.7","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.0.7","_nodeVersion":"10.24.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-38bLWVEWMCOwL9RZh1OVURK4Cg0PGEOdWXVmnjXVISghBddLDgbI5+hWY7vU7n32rQhtsiaRrBpyQl3z7xxAtQ==","shasum":"5aa6e51018c682bdb788bedd370b9237a8b744e6","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.0.7.tgz","fileCount":86,"unpackedSize":183669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgc/bICRA9TVsSAnZWagAAyO0P/15tfcHF9n/P0JrHmP00\nrY1MLEpl5PkE1ml4P4YHFCpKqFz701wWjX6eetHRssO+GUV40NPt2EyDUcys\n8st+9zY7cYUHlCzgCZ2MOq8rVSvVaGRPbjNTcmoKXsJouacNZxxvUGPeBPwx\n9EmRovHWfu2W1q+SLF7l+VNbrhKknsjeFhrja8kAuJWXY7AMXJ+PxEX+T0af\ne6Ch3MsNE1jsUgM+bC9bS/g5o5ni0hdH3NrcrFurYkFrvn6kKSvNkA6AGP9t\nnoGodfweNkHBFZw2cmkqgSbUIqlLcdrdEshwFH5YggnlsUEg8wmZnNFT/D5T\nWsuOTxwkQ4bzqvxHiNvUeHEcxZbz1AdL1r7JJeuTr7F93CzVabcm3kGtIOKk\nyJ1NsSK2GGUTBk6I3Tx/H2B7CGSYToQx6NOUWekKcpwDDBZV7XztFNS1XZgM\noPaYJ3JUb5LMuk7ZdDSnap/P3yIa+r5qfkFPXEYhq0NHys8TIS35DFGIlHkH\n4vjO5JVk/TRm0A2a9yjGnn5hjYSvRFo6VcIA3t666KYja3IDMm8im/FKBT6J\nRgDRjLaEjkmBKKlJWx0CIOhnshM6YgkARMJ6XB2DdlgQ+S8iGHZIZHnFv4zl\njVTyKURAGn2RTiuOwwq+ktMDuhlijatEqTKwX4+GYX5okDEvUuvLeNk50rBW\ncsZ5\r\n=pfXk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL6MGUgsBfs9B/XSADyAQztLjxeM7qdmzCOHHoa8HEQgIgS8V1uT2ADpmy1LtBZeVGZBjKHelRiF11JuQfSjc3RBw="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.0.7_1618212552009_0.6688401021721402"},"_hasShrinkwrap":false},"3.1.0-0":{"name":"rax-slider","version":"3.1.0-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp/index","main:wechat":"lib/miniapp-wechat/index","main:bytedance":"lib/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> 纯 Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. 下方未列出的小程序独有属性，在编译时方案中需要按照驼峰式写法传递（如 `previous-margin` 需要写作 `previousMargin`），在运行时方案中则直接按照小程序官方文档提供的属性写法传递即可。\n3. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.1.0-0","_nodeVersion":"12.5.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-e3/kam5KpLtqTbQVuCgKKCDU4e4/zZwOeQ88eixALMrMpHOLonVt54jsqs9HUBsCadxzg84Oiw3ks0u0zGUJOA==","shasum":"d0e79cd270f886bb2068ff84decc387537aaaa56","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.0-0.tgz","fileCount":86,"unpackedSize":187189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgfr5pCRA9TVsSAnZWagAAYpcQAIJpnqIVxvjbonU0M0na\nkyFE+NAdKcQRRdrhyzHNz8N8DTDssH1FoXhoRmDsaMWuXIzoLpPa0bqvnzv/\nTmTIujZT24o+QGUt/MiINCXOVhjI2ZRHQwqUqIe6FWJgNF/WDEnf8fIcdw1S\n29DdlX3k34rfKWDmzA49sNwQVA9oSithjzYCLAJ9ntewxlXHxDO7EXEF8HQt\nw3dIZtqfqoe/tKWEXbJ+jZ7q4LalGa2Ap+pAYca4xQPLytWqQWSL2bJK1mRw\n3NsWtWulTZ9nQOmPWJHFTDVgyJr+Re0YQ+UOGQmaCkBlhQ1B4GHgNmtajZaD\nMlsVmZm2SdCTVCHOcq9cewuV9cwUSB9wnK0GUoIRjX8BP0lq5S+zeThVqXMV\nxITp7pDZtGzn6VwM8KZjUwVbusZr19zd7NEqAG6CLrTQ4+9Os8JTXBkWkb7m\nJqn7X5OtS+FjE+Blnpfj729qTwfyH4wrDXkJufgbjOYKy6f4M4tM/P4Tt4EE\nfT2472GCT0SyGFt2PvjsU/ovcHOgooWbaWGguVrH4eYNE87wBTFRKQuF3lKp\ncs/dNK0mQpCNeQggXUW8qPktOqynsGqzmBAG7RIFUSryQPTt7gOK+WtIonas\nNl4HmL1HRGqUX0vDXV8H4QUvP0d/spQws0x5MRTe4J/0liuwy/66LNn6icXK\nf1cE\r\n=Uz1+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAdimeAIRtTg5tI7xiA5PLFh777nUV9ztLgkRI0kmQlpAiEAxwwV6kdaElMDLoI0zsQB9rgVt6vZMq3uXuis/AbnodI="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.0-0_1618919016737_0.5153463464171562"},"_hasShrinkwrap":false},"3.1.0":{"name":"rax-slider","version":"3.1.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp/index.js","wechat-miniprogram":"./es/miniapp/index.js","bytedance-microapp":"./es/miniapp/index.js","baidu-smartprogram":"./es/miniapp/index.js","kuaishou-miniprogram":"./es/miniapp/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"quickappConfig":{"main":"lib/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.0","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-KICczxK9Yx5Kw1JD7LBsfuqwlli27uElMtQp+npdDBw3iWDmJfpyyNWZBEEGfDgpc4jHUADnFJJuQyKTQ38/DA==","shasum":"a133a911a77de441203af5bd0f4285bf418e326f","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.0.tgz","fileCount":82,"unpackedSize":177232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg1DU1CRA9TVsSAnZWagAA8uoP/09OssbAO5lfaeI/5M/7\nagfZB4MPtlfpP4jtgcH2ZIPW5Suwip1qcjUZxo44hcAHiBfas07GvLHKBs2O\nFPXeuVD8uflgr0nA+OOM8kcvqv5DMxQMKSX9h7QfQAniZJkrv2y5xe865/Dm\n4sRbhlLaTS2Bh6OkWBSBBAjzwyh3Axf+EGeIy/h2XVu0e1b7si5/WTOo1jTR\nPOJCu0FWC8qvaLrZ+M7/uaXjgxOk4bfYbJCoe1RJMZ8jGKMndrXe804DppkU\nRRln/A1VKhF8dZ0yw9kL+svEEhhz1XGIV8q8bJNrbNiLP0IX3vB9rsv/XsDL\nIN5TL02K2c3uO6NAsWbVT5DoGkqKcV8AJ1d8TQ0zDD9D50a0Hc69ULY9vav+\nPSnjnRhAcqB5lUR+7KPYe92Omjcwk1QyoxRuvc9CvZIGu9SQJwfrWuXBoq41\nuY5xkldabLJTMOC22cWuQpdQKrryW6zT3O0NbdF26v5173CqfLSbFyia0QK9\nMQ74LS50gHZqylB9UKADBvOjBCw6ADVgYQHba+7K+dfdQRTN/EkmSuyukycI\nanXworNU5QMNc2ap8NS96q5e9rDLQnLaN39cy7/tYdJoYfhfg4BhKeaEcHh8\nBxlfzTvyKQu7x/OcCPXJiA7GtPfqtBHvtzdDLXRfDUpGXus1BgcIGi/Vm0x/\nsPj6\r\n=rnTM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCP13SwH4owwTboZA2XrHkiP8Zdryamli/6yjR9MXLA2AIhAPhakekPmXIHAg1cgITGfdyWaqfawCQNIv0n/zofSBQn"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.0_1624519988739_0.9346422499643294"},"_hasShrinkwrap":false},"3.1.1":{"name":"rax-slider","version":"3.1.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","sideEffects":false,"exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.1","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ByATb+AAzq/CoQE4vYsIFGH+URkiBUOBP+Lt/Fbqw9nTlZ6JfcdDVHkCLPHhVGbrWI13ahX2EH1lRi2JDgRhPw==","shasum":"f675954598140883a53b1464f1ae17cd29d73b52","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.1.tgz","fileCount":95,"unpackedSize":182305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2XlyCRA9TVsSAnZWagAAA2sQAIOc/kmkt6mr9J+UvZkq\n8AcbZ3ACmJLrTeOLwAr8hsjli4Pu9eqxRLtbKTl4CeZZfi6psiEVVlEHpEWO\neJNxqQkz28HPp9uXAYxeeCGQgAjDuOewQxjuUPnifRWXBw2Dujko9+qshwsK\n1oMcg4GzBTZI0KGMyoEbjos/Tm5KS1hyZzE7kWmznWHhRIh2Tsrv1c13LEq9\nm3JV+DNADpA5hPzJ7GTimLbHbtqDdAYf5Hb/CWmzT+vHfwyc/+o3CZZ9H7w0\nyOKRwF5G1B2w26zmRlLMGk/mvV27yBEbo8ZKJ+DmjVEGKTWiJrJ2J0ib78KJ\nysbQBsySa7xs0apRJxWcrLHu429kCpQFvSbaiQL71a20vfiITmWuSPwpDtXn\nA4ojcXBxMPSAT93lmxRDVPTId8/Xt7TlmGLnkx2tANOM+x/PQF/dYOzzYWyX\na+XyFKBOuxjNCnRjSG8ZwfNy8Xyde+0BHWjZML9C3hSz2PJmFfwAt1D7kbcp\nXYQqan2VvVLj8Z+oni9DZs4cEkUh4vxovSN3+rIas4ReJutCIoLei/AJsa85\nOYVW6LmhGSPzVmGUlQX5J/1okWlVCB+375ZTFZuuTp4QAV+L2fIK+m3NGsXa\nYS3Ak4I3a4l3J6MI+fkNFtUGKwLGpHqFFwuXUeJMxO8UMwfBRDVOTysbktXC\n9RQQ\r\n=8HCY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7o0cNwRjSyXcmAxIZ/KGoQb9DSJzZFipK3GdfTs865gIgLFYuVKkDH7HwErvTGKX0X17CwjxYW7UOuOU39avErP8="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.1_1624865137918_0.5665538392956744"},"_hasShrinkwrap":false},"3.1.2-0":{"name":"rax-slider","version":"3.1.2-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> Web 或小程序场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\n\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.1.2-0","_nodeVersion":"12.5.0","_npmVersion":"7.10.0","dist":{"integrity":"sha512-WfhSw5K+d5g+6YblQCofrBCXrOH22FYnCQrfcCjGMHkAsXr7zjt7xvDJR2oR91xWZwPCUOE4q5uBdng+yxt8tA==","shasum":"dafdea4ffa41cb17385ee679790fa8284e1b6c1c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.2-0.tgz","fileCount":110,"unpackedSize":189469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3sYCCRA9TVsSAnZWagAA7XMP/i8NUsLpaTLWekIuI+HE\nZ2qCmq7snH2zFX9Wrw2+MJKMGJd6y1+ZGi3YryLyWiMWN8NoUbliynyc9vZu\ncJ5aqgP+Qmhkod47BOzto9OvOFQlxzYPvT4orsHsYJTtcokkIRB8UnyMMT/S\n+SqqTr8Q8BPF7tY1nr9FiR29vxE6GjU5ne2qanxXI0vLwFnJuC9oeAwbOrOZ\nRBEsETpRkuS7sQ0UJvJ+ckaXBoDCc5XuWbzqRQaWR/0NvADDBrkv/Gm5jwVR\n4mXyeHRykn1j8YFAx8uh5k534YQ1gUjt04mjV65prycA8iNuXWJAPJrbrtoZ\nTLXrF5QI7bQwgOLuYFqVdk9LPWYqQWPZPvJQTUbzq5nI7hCTNO3lQRd5VXIy\noU+6ikWz0PbbtriMISINTD08jVGiboJDn10fCBPKGYCJJGwYTMEnNl0cGsL8\nyEydDBu26TZbLeNtq0UhfF2OGUGsyMb3kFgnUWl7bduAiLOh/fDAcaSPxxyH\nFC9ZVqMI94XN2OG9ZL0dcLeHslF0wGWzB6hmaVYL4fecfXnZZH1vCcx4M+B7\no4myOczBe9faNzQOF0n858tsTbDw2OG9Vx5BhLkyWU9lkWecrncrVnjgtDlm\nSF8rtQ4+9iTZlND723bhCSvaFOUmU6uWnUGVx5BDboSevqdh6AHuObnEVgnS\nsDOG\r\n=UQWn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCRL1CtUmqzztZp3BIM9bGT3iyPSg6TE/I04oIcn3xt8QIhAP2GxHlkl0+HjzEt4WTJapdIJ3c8Ifv7rd1uVvkKR+KD"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.2-0_1625212418448_0.33545508542108515"},"_hasShrinkwrap":false},"3.1.2":{"name":"rax-slider","version":"3.1.2","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.2","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-Lic3DVuLQ/sa2GqqgSmV2hfccM1SF84dX9M1feqryalXe4Bm8OYdjB4fQvz0uO48yB3p+OmAhvmuD/NJH28WlQ==","shasum":"b3671ca8b8709f14266a5e622cf17085f50b5776","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.2.tgz","fileCount":110,"unpackedSize":189469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg6/V0CRA9TVsSAnZWagAALTAQAJbD/WenQhVkTV6UIYV+\n5uy8Ro+Oj7K+mTtECDJNsbqqphPNxSjFeFU9KvisQU7YsnD4cmzwvnIsjBdZ\nBbW5eWN6i7X4mOh3vtYmQSYLZbyMYiUsS2Sj+3u/mS7YdJnMO2PdBYyZDlh+\n7YTkLcVrIYFv7iF9ec2EDg838PTASuFDPwM7anHKBZ80TrCm8beiluGnShvq\nNsm5CYG5D/fdqPR3KSWs3dXbkIN9jUTxCH3V6zxzakXNfM/Q1jy/wp/J+d1t\nfThldY+PpYJ2oYu1tG9r7MEyD+tgEAEiGGCH5vyvfa+hFgJo4VBE9puhbDok\nIOgSJJC9qO4SBqyxHWFC1LoGNfuciG6+1xzVRFu9pSgFieXXEbF1oUFELHcD\nqessmXcmAv7S9MJVyebBIXHOFws6nY7mme75zGyiHVKsKdVW3vVfT6T/lMxw\nDAJuIRaNdJpcyD0G+JrNZosLtbCnl6B8AJkB0obGjGT2isq0KYRVGciy7QbL\n3aVe5d8w17OfOUes+GJNcxqWOknp3jQBuOgsFXfxhxnQpIZaTpY04IDIE5yf\nh2aXRRd3ldZCJmUUtFsEjbi3ZgzSiJZ0QonM0Bxh6I2PvqQCc78cdZtrqZBP\nnY9E/F0koZMkM3uq18UdsdjzC66UmgzEvTIC/3ZWEJmowN2kpib680hDgmHi\nKkM/\r\n=mrOA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxBho/YYrrYHOMBCeAk8zZu5DaJy2kSw7SHgDJLYb6SgIhAON9V4j4K+26k+CBcPN1149+uyvXM7/gCFMhFOnqQL14"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.2_1626076531607_0.7463256354470138"},"_hasShrinkwrap":false},"3.1.3":{"name":"rax-slider","version":"3.1.3","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.3","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ERZVy34NrlMksYCz6l//CL6hjkZ/ISrSDG6GHnOnspyk7myzUvqFG9jJPVO7r+CQ5YO92kToXCS0HT2qaVU1OQ==","shasum":"e692c95fd1e40fdff0b5841cd9f574a112349fdf","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.3.tgz","fileCount":110,"unpackedSize":189683,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg98RJCRA9TVsSAnZWagAAHawQAJXJ2YnAXZumv3cVzKrn\noDeQWn4VUrinirzmsB1nIxiGd4l7Xcrr42VGbhWneDL2yHBWIM+gJKzP0hRX\nkV8eeFw/4E1Z5MEUKkPPMe9hhGGsCJ8H691TwwgclRp3YtC64AnP+KRT+Heu\nObw5WpZcLzRGnKrf4AH1PfgHfdRoU7uXWR4z4vTv1L4KTzgzfTjpztKf3xX5\nFfAu4qp3U4Mf4WOeSfhntxDdOU9R5BTiMYk+K5yWYcxd3QCZLo+LSNPiDfZU\nrmF5Q551BY9niGzqWj4gMmeSfTf6Fp8HNq/V0PtViGqGzuT8SN9lNorgZfIQ\nCfM+RwGfxHajpXEVP3BcPDU4DdRTgxVmsQKi23jZeyII59qROzDOCpFsZCUs\nvrZfb4Qc9iyA5wO6n9M3rxCzfGduuPMWkCZ9yh5ZDwFxiHsEVS0W2g5AAyho\nxQoH7RfCBIRlOosNzo/JJYr/wXTwwmjZ/+uDOzN8GTDewxcOFsP9Icdr9ozb\nsqk7hxva9El13RMImnQ1MKUr1L07fn3Rjs75hSeLucK1rRJqxYuHyjCCTSbS\n5ZLYyoCWRTJdyiItvLEPx1KQUu+4g2X0iAnz4enh9xCTnJrQqhjorY6ywh5t\n3T/KHz8geQyV7SwM9SuNxsX9AUKlM+hcHMV5EL+ayRxEvd9TLGA+IGTnlXgz\no6oU\r\n=E3nc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIELh6LCR1+kDwSF5Bkqr/KyejAZU4pWMcPFjAy8/vBrWAiANuboI8Z/viEljLq4jyCfh9hFexI7zidSVmPWmhT9bgA=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.3_1626850377411_0.785124472968167"},"_hasShrinkwrap":false},"3.1.4":{"name":"rax-slider","version":"3.1.4","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.4","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-VPR2JQiZ6wVsiy76ESsXZgWilyhqYfVmaxw6gMKNjJvOBXtUFn91tdhRensyLU7Zgde5ArAnTQGRDeD4RefgFA==","shasum":"07d380ffd4b2e84be3aaadd0e27db4b28a436f78","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.4.tgz","fileCount":110,"unpackedSize":189684,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhB6iGCRA9TVsSAnZWagAAh/cP/1BeEEJN3Z8j1yqU/C0R\nh8EmG7YJIQm12FhRGF6oS5wIswF518yBiQq30ID9V28jYqMP2saxL4GOMhqO\nYAYTvLjXFIUaKfnGZCj7lvc0hI4ClYSItQgZD0FgKKkHJ7hX7eiBbEVMl6vJ\n8UmQsg9WVqtNnDDQt0zAM6Qic0sgGCiR71XPR55nCHNy4OCDZZQ9NqxpANw2\nF5B4kkDrVUN81z09AddNFL1I7KwTbCIlBSpj+wkJku77PEmoais8xPJdlcKf\n3540eQqVJ/6Jejp4F94fJ+9y4to8pE4I8MwrZOET9XhyY3EFwyG2zF7pwsD5\nGxvo4cTFtPhqQdIFwOVlAJee1wfO6NLBjb0ocM0CRTEyMO7fQkQTcFun/rxy\nU2PdWoto27dR5XU+CImMyq9TBLbTXYSjZ2/miHqshNdvkWkRTplCfwqcubLW\nRTsHnJQM7ImJsshB1Boj7emrD5s8NLmWiRs+XFgMs6leEgIrjplGy1d2yQbB\nVci4wpWXCRWEH42zApg4CylqEPX90Hp8SCPPNbch0Q72H9q2WosXuyy4r3ft\nGFlJuIeL2LcugM3qvAkxdIEpjS5DP+2Bjk8Gbcz4MvyL1RC8hxP6z1fjJmB+\nNasO8dnqGYg8V1J5fMN3svIQ5wI33+Tpm0qG3q3y1cqBn77r8HBfi7NcIZld\n+ACn\r\n=6eLz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBxujxqkap9F0SQaCPefyihhOF6diheOfxs1ImID6q0ZAiAB05pcTtaeYOLUxYoyt1O9AS9zchXiom2Z3lLS8RB9YA=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.4_1627891846419_0.5779275672104653"},"_hasShrinkwrap":false},"3.1.5-0":{"name":"rax-slider","version":"3.1.5-0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> Web 或小程序场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\n\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.1.5-0","_nodeVersion":"12.5.0","_npmVersion":"7.10.0","dist":{"integrity":"sha512-mh5sX6ZXsQMpE9hseXsnW/GPFB7vB6HzlZMtp25W23s3EJcz26ppREhFifWTXul6VfkoGMTOlSb5j8WlWz9hEA==","shasum":"aed720ca681bb0d8282fbdd07513d922eb1fc5fd","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.5-0.tgz","fileCount":114,"unpackedSize":191107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhCO7nCRA9TVsSAnZWagAA4owP/2hEAPA4h0wRHEDumweg\nQmMfm4iqrNiImKYaktcCL2URnW8LJ+fwl4eNaUcxuBFjYLZwRf8M7V1IB0i8\nP3HOK9rrxCNZxYyKwRSi0XchTW/rjtod/Estk7gEVHUTX5qn+XhwdzGuNazU\nt8AuMzTkzx7ziKFijZhWpppWzTRK3cg4/hzoJQr6iWj3Nd8V8/13O62ToOIz\ntabo9PHli3yhdfi6Hs/jwTvYBPseIaa3RUszbw1z3CXTIiKNbRTTFdKlaKiI\nthGi3oWNkL04nxoSNSfpLb2kC9KN6cQC0ezGfvNN1sCqzG/tQJXcTMJe9xo3\n68BmXljohuxYusrDhBrQj1t48EZNFAnMCjNanYKzn9LvKh93zU9HVdzBTF4j\nulVeh/zkHCkppV+uEkq1d/iy5os8+C1XorTj7c0AjgJZLfHoAIwNhBnwA/kJ\nOvpqN/jxXV1bz/hnuaGYjImtl98/aRA546iLv8GdeFWMPScAWpisc1WBceYX\n453SMyeiiAngQwqkQDoLwFoX8unfxWVmChPr5Ha3pZ6riEqiZmlGvpGMZwdW\nibg9QurKSJZgUkCZoa5OclA3/gTZ/iccC3A8ITmkYzCweWD3jG+tYE0jk0Lg\nn8dPTQa5UrQ+n0U8XGaLuYsLblHXaa0orzQH8fLUscNE4eWo2RWo9rOijMce\n/s+C\r\n=ATII\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCeZyTGVh8k9P6ssxtlMTv3mvN2Pi+iCftBYgIe8UIxIAIhAKQ/B2getweeVz/85bkMFjXmNo91J/GQD5GJybgjXLA9"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.5-0_1627975398925_0.06633458926328184"},"_hasShrinkwrap":false},"3.1.5":{"name":"rax-slider","version":"3.1.5","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.5","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-ipH5xRIlxf3vBWbRfuXBNF6V4NXrt4W8eVnm3sERgzaIUNP8VcGBOF2tlWajtgVinm3K8NWyRMcezlphjdfe9A==","shasum":"077b3ecd7ebed7991f7a70b959889201d99c7cf7","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.5.tgz","fileCount":114,"unpackedSize":191107,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhEzwECRA9TVsSAnZWagAA5AYP/RU3AMgGadGeIGVQzDhu\n7yvDh1WHNXSefWoIEW5k8QXxBgWuydqYDCnPk83Eqbv3uZtqMyy0+Vs7GWcm\nEI15oiAydtc6ymzNRKeysOGcONlkltj+eB5v062gF6ZriDFpvvK8Hv21BZMW\nDo+LDRDfIcDd1pU8BZaCltJ+owFlkviOSF/NRmv4XaEVoQYCxpPDvxsmVoVi\nA9lNQYAPzSWM5T17R74LnuEP4il5sm6l8yNZVYbRcKLckESI7kp+Dw4o9AbB\ns8GKKAx6hWidFppxAZTw4XCVlzFWVb8/5F7Aql4VQH8n3g4E1pyRNoHt/0iU\nsZpEHLR1iljKxYyTUXXRiuYFhFID/VC/TOxyfDvnP919oEnWrKaBBlVASnlZ\nLg7cRKsE1UuLsYEsTv4E11qxt6h/KKeBA7nbUln36Uth7hlcEVkeI1Zg3Z5d\nvRFCawePmJKFBGQf66oaPCK87ZGBURpLheRcICSc9FTHodLChufisi//c7MU\nMUxRFYyBGVgnOrUaKtQmKj1yIZDJGor8KTXMqNOjNh4GczAAO+zrzvj1hUxJ\nCkVHQC0p2xJA91/WISENyVMkXZtj3ZHFj1JyG+Nt1Hui8Za4819YNcyNNEmr\ntTbh6dLsweGdEZ0b/ZNV+p4KuPg1mp73/csH+JVt6BBwM2xRFVDE/o2rHWP5\ndH5W\r\n=UAuK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICthGpnYnbJHMkuMx60EQWeikYWoHLUhZ1hSqFsDWvxxAiBNbGL8I9h6pbGCLYAFXh3avOFP+jJ5q/QlqkWDTiNUwg=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.5_1628650500483_0.5160569843236944"},"_hasShrinkwrap":false},"3.1.6-beta.0":{"name":"rax-slider","version":"3.1.6-beta.0","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> Web 或小程序场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n\n## 支持\n\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| height           | `string`   | -          | 是       | Slider 的高度                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                           | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| paginationStyle  | `object`   | -       | 否       | 自己定义指示点的样式，否则默认样式居中 | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                     | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n| direction         | `string` | horizontal   | 否       | Slider 滚动方向 (`horizontal` / `vertical`)            | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">|\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**       |\n| -------- | -------- | ---------- | -------- | -------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = index => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri:\n                    '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.1.6-beta.0","_nodeVersion":"16.4.0","_npmVersion":"7.18.1","dist":{"integrity":"sha512-CgYReW0KjVb2zDSzYWGMZ1r9LP28KmQdxyNAcJKn7G+2Vw0DpCCXepnjNVCEiXr3gUI0T6ww3Jr3Zxy64HNmmw==","shasum":"971ee72aa5d2de8c9b946db777d82732da1d46cb","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.6-beta.0.tgz","fileCount":113,"unpackedSize":190098,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhKKm7CRA9TVsSAnZWagAAnNgP/12OMPK7z+0dsuJnui/5\nAZPSKjZ6BV8EyES5Zs6CoT2eDiV2GCCdMi4lvO8emx+dmtJ5lRbAOABMAMI/\nruNs562au/+yC/974VGEtmV7ar24tprsByu2bgn5iLg6pJXdyjQkO/aP8BhL\nkqmIj08avJA0tPqg35z44Zm53WZxWQd2RtdPsQWsqu+d0vl5iK9yykKksmhU\nnFoQiyPb71GF0/Poohe7qNCK5S3XFM5/pN8Lceb3CVJVBUOzM18MSM9BgVbK\nDYl3t+kldLVcMyNm83U5Ha0WydJQCvlHtSi57F7p1GDA2/eNnJh4cZhHRtKe\nnlhxdgZCPukuMvGLxoZLN2y69J9Qka952wrEG9EkbFVinIKx9gc0z8kDhLKa\nSWe9ujm+PgpQN1Yt6Rzh0jjjOtyFy0/tHDK7hv1E1prpQHcEcaDL0C0wzUyf\nTyf+DZK1G6BVpSJm0kgIGtpqlOTrP9IZXfX1xTKJam97DbVGftcub2gAlTmk\ndR4Qm+YLm3S2FXl2jhlbkb4S3T3qQk2xZqDoG28qRLCsNNuXch+dUW8wlXxn\nGjD0dekRPsp3LgIywPhrzgXE8cI/f0m2hFjuu567Sq8o+g+kf8t2J5nrmOEW\nIp1qcRVOQdl6aZFYmNpuOfpkfzJa1pJydQ1kRRkLC3etmy29ki8FjwXjc9L4\nZ43B\r\n=qmyO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCwtBAnKSnrLZ8MjkGwc612LfsepOcHJY/HV+dQ9Jo7HgIhAM77jPNfT7MRfrFmEPasFix61oMNYJUgij3Mh69NISBX"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.6-beta.0_1630054842876_0.1347189639019546"},"_hasShrinkwrap":false},"3.1.6-beta.1":{"name":"rax-slider","version":"3.1.6-beta.1","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n>\n> rax-slider 由于历史原因，可能存在一些问题，非内联样式场景强烈推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)！\n\n## 支持\n\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                                    | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |\n| ---------------- | ---------- | ---------- | -------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                               | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| height           | `string`   | -          | 是       | Slider 的高度                               | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                                | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                              | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| paginationStyle  | `object`   | -          | 否       | 自己定义指示点的样式，否则默认样式居中      | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                              | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                        | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                        | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| direction        | `string`   | horizontal | 否       | Slider 滚动方向 (`horizontal` / `vertical`) | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">                                                                                                                                                                                                                                                |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**              |\n| -------- | -------- | ---------- | -------- | --------------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","readmeFilename":"README.md","_id":"rax-slider@3.1.6-beta.1","_nodeVersion":"14.16.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-Uv44OQuNo38e6wcxuK9M7E/xZACRzu0UIYrsrvECXhwzommS/2A0j1Gb0YSbgXKfIqYCIaeUfMEvo0dOctLDCg==","shasum":"507b8bd2e78956f73e31f33d47c7d7e52d1921c9","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.6-beta.1.tgz","fileCount":114,"unpackedSize":192057,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiGKPGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonQA//b/1XXReSzgELn0ksK0NbBSXhuS+OHa7bINDxooQUhhwuqrj5\r\n2PHYU7++cPCL5c4/YBXBi1Orzz/jX2UITa48ippxSgnEqcpZCALc4SrwN50d\r\nWALodhNPtwpTps3KxlGQjllkQYyW9R5LrYnXGdFgzQB8ibRKwSc5KfFGzr+q\r\n57I92Z0rA1PX0D4h/RZjB26gJ/C7sAkU8pNyO4mmfLcNym4Ef7aKyfzuxSAY\r\ns4lb9CKeWeOSx7qYxe1RTXgeA05iS+aMucmtZpaH8mRbyJXZ7occshKT5Ud/\r\nhVFt+MA5Pkv8nFI+Pf6x0U3ZYDat37pSO5JBA4a6xbGviJ+BKpdY6Zqne95L\r\nzY4LgNfMXVD+PNpIiZRlHiJKR4WVFdc9gHtYd/zD8Qgpby6pF8mdk/qZd1Am\r\nc5Z8BZ1SIFFnwzHoxEfHnyIKuD2kSeQjz2WilpTnopv6iSVo6CroaQqF6N1q\r\nGKVsSglRNZOxwbpHge9wDIxqjFXr+YRpProamHXNoWg8692VMwDeQ4bxZeFl\r\nFP8bX7EhV6rYXDiLGKdG0kxkwIzP6AGFqeFxHW2evyOTxjj8NRaDMGkNrMDs\r\nsbRqu9hY9fFTNGBf8A0TbK4+qnGUiuHQrod5R8AyTtqvqZtL51UxwQw0iZqd\r\nuy8VSAykZTTaQ7HbHVVfUUh67wHk/CFA844=\r\n=wif+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDlWsdK6Mb/ZJ767XrpNJQZft0NE7UEgnb9BRZvR9C+tAiB4p8aIseI5ypS4Kk1q0u613jgsR9qGlw6CJ5YoMZ34Gg=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.6-beta.1_1645781957879_0.9996129510875842"},"_hasShrinkwrap":false},"3.1.6":{"name":"rax-slider","version":"3.1.6","description":"Slider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","weex":"./es/weex/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-find-dom-node":"^1.0.0","rax-view":"^2.0.0","universal-env":"^3.2.0","universal-panresponder":"^0.6.5"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-slider@3.1.6","_nodeVersion":"16.16.0","_npmVersion":"6.14.16","dist":{"integrity":"sha512-j1VZBZtb/j/ttA4iLgyY0nIfvqVigXTTI+FtCBUiBPvFzbX8N4WJ1tqMX1m7AfAHmnq5uYhlN9Zr+gXRCfh2TQ==","shasum":"d1d68ecb029fe1200d1a15891c95eb88264a770c","tarball":"https://registry.npmjs.org/rax-slider/-/rax-slider-3.1.6.tgz","fileCount":114,"unpackedSize":267710,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFQ4FXQ7U2vErkAtW3LTHGRrLpKTj69Xvvsvz+cx/FV1AiBef9Cl5bET+uV+y9vrjSxaVcqW8TlRJUvCY4d8A/8phg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKSeQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrp7g/+IeMuCpDQjiCHhlNojJ16mwm9q2DuxHI+f44MRZLgNGfY5rVS\r\n7Ll58yNcMexa7O4C9As3cjHwcxMRwMC2ql2R0kolW8DyJeBAOJimWVwlWCxd\r\nO675IRgBdPwzANp9ebkyfcCRw3D1MIXSi3dFCpFcwZxUz86eK7CU7LShMwXZ\r\nSvwAfkVXUHvNMhTRvTLubBjKV2iQg3dE7Xy6v4f6FRclEjQY7BKGNuA0G+1f\r\n4ETL818XQm96FsbEdKqyOMYTCdJTWopb5AXhCcnqhVGh/ava2Ie6iIxvlqXA\r\nYMtE7wFg0OmX4U3PhSsO2YO4bzQ1mXVtqaHscGfPt2/D7zW7RS70H89kRGQl\r\nPNijpWfsl/nxBgZRwh8oPHc/XfOTaPFZ9zE80gjOHuDfvW+Mz35L556jz92O\r\nBgJlHMcbqumcJ3XSk9mmUmN6YfH+YUFtTl2uw3DX5kVMKLH1xngcW3WyaNBx\r\nL4cPaom5LDEyw4PTxOTl6KaKk+v2jpInWeaC42ENf7EpRGH26npmWBOKLcUg\r\nyunzdWADequgVE9EJGNPdYEf2xJyTkiVZ05CRxHBasRNbp5tq98/2Q05Bxtt\r\n6UcC3bSl2ilx5AT8SEvFZ14vKwE6s4T2qGmPovSheEA4UYluyhVW8fwaqMTF\r\nsfK29RbiM++Wf8P0T/k0W7oumx9euhJG5UY=\r\n=8Rm6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"answershuto","email":"answershuto@gmail.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-slider_3.1.6_1663641488570_0.4952841405030384"},"_hasShrinkwrap":false}},"readme":"# rax-slider\n\n[![npm](https://img.shields.io/npm/v/rax-slider.svg)](https://www.npmjs.com/package/rax-slider)\n\n> Web 场景推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)\n>\n> rax-slider 由于历史原因，可能存在一些问题，非内联样式场景强烈推荐使用 [rax-swiper](https://github.com/raxjs/rax-components/blob/master/packages/rax-swiper/README.md)！\n\n## 支持\n\nWeb / Weex / 阿里小程序 / 微信小程序 / 字节跳动小程序\n\n## 描述\n\n轮播组件，就是以幻灯片的方式，在页面中横向展示诸多内容的组件。 轮播内容相互独立，前后在内容以及数据上都不存在逻辑关系。\n\n## 安装\n\n```bash\n$ npm install rax-slider --save\n```\n\n## 属性\n\n1. Web 环境中 slider 内部默认做了节点的懒加载渲染，不再需要使用 picture 的`lazyload`做懒加载\n2. `paginationStyle`中`itemColor` 用来定义分页原点的颜色，`itemSelectedColor` 用来定义分页原点激活时的颜色，`itemSize`用来定义分页圆点的大小，小程序只支持设置 `itemColor` `用来定义分页原点的颜色，itemSelectedColor`。快应用只支持`itemColor`、`itemSelectedColor`、`itemSize`三个用来定义分页圆点的样式。默认样式如下：\n\n```js\n{\n  position: 'absolute',\n  width: '40rpx',\n  height: '40rpx',\n  bottom: '20rem',\n  left: 0,\n  itemColor: 'rgba(255, 255, 255, 0.5)',\n  itemSelectedColor: 'rgb(255, 80, 0)',\n  itemSize: '8rpx'\n}\n```\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                                    | **支持**                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |\n| ---------------- | ---------- | ---------- | -------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| width            | `string`   | -          | 是       | Slider 的宽度                               | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| height           | `string`   | -          | 是       | Slider 的高度                               | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| autoPlay         | `boolean`  | false      | 否       | 是否自动播放                                | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">  |\n| showsPagination  | `boolean`  | true       | 否       | 是否显示指示点                              | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| paginationStyle  | `object`   | -          | 否       | 自己定义指示点的样式，否则默认样式居中      | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                              | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| index            | `number`   | 0          | 否       | 指定默认初始化第几页                        | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| autoPlayInterval | `number`   | 3000       | 否       | 自动播放的间隔时间                          | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" />                                                                                                                         |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                        | <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\"> |\n| direction        | `string`   | horizontal | 否       | Slider 滚动方向 (`horizontal` / `vertical`) | <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"wechatMiniprogram\" src=\"https://img.alicdn.com/tfs/TB1slcYdxv1gK0jSZFFXXb0sXXa-200-200.svg\" width=\"25px\" height=\"25px\"><img alt=\"bytedanceMicroApp\" src=\"https://gw.alicdn.com/tfs/TB1jFtVzO_1gK0jSZFqXXcpaXXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"quickApp\" src=\"https://gw.alicdn.com/tfs/TB1MP7EwQT2gK0jSZPcXXcKkpXa-200-200.svg\" width=\"25px\" height=\"25px\">                                                                                                                                                                                                                                                |\n\n## 方法\n\n### `Slider.slideTo(index: number)`\n\n#### 参数\n\n| **属性** | **类型** | **默认值** | **必填** | **描述**              |\n| -------- | -------- | ---------- | -------- | --------------------- |\n| index    | `number` | -          | 是       | 滚动到指定索引的 View |\n\n## Slider.Item\n\n每一个需要被轮播的子元素需要被包裹在 `Slider.Item` 组件中，在 Weex 和 Web 该组件是 `Fragment` 空节点，在小程序该组件是 `swiper-item`。由于该节点没有实际意义，所以不要在该组件上设置样式和绑定事件。 如果只在 Web 和 Weex 中使用，每一个需要轮播的子项**无需**包裹 `Slider.Item` 组件。\n\n## 示例\n\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport Image from 'rax-image';\nimport Slider from 'rax-slider';\nimport DriverUniversal from 'driver-universal';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.inputRef = createRef();\n  }\n\n  onchange = (index) => {\n    console.log('change', index);\n  };\n\n  onClick = () => {\n    this.inputRef.current.slideTo(0);\n  };\n\n  render() {\n    return (\n      <View>\n        <Slider\n          className=\"slider\"\n          width=\"750\"\n          height=\"500\"\n          style={styles.slider}\n          autoPlay={true}\n          loop={true}\n          showsPagination={true}\n          paginationStyle={styles.paginationStyle}\n          autoplayTimeout={3000}\n          onChange={this.onchange}\n          ref={this.inputRef}\n        >\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB19NbqKFXXXXXLXVXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB1tWYBKFXXXXatXpXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n          <Slider.Item>\n            <View style={styles.itemWrap}>\n              <Image\n                style={styles.image}\n                source={{\n                  height: 500,\n                  width: 375,\n                  uri: '//gw.alicdn.com/tfs/TB1SX_vKFXXXXbyXFXXXXXXXXXX-750-500.png',\n                }}\n              />\n            </View>\n          </Slider.Item>\n        </Slider>\n\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  slider: {\n    width: 750,\n    position: 'relative',\n    overflow: 'hidden',\n    height: 500,\n    backgroundColor: '#cccccc',\n  },\n  itemWrap: {\n    width: 750,\n    height: 500,\n  },\n  image: {\n    width: 750,\n    height: 500,\n  },\n  button: {\n    marginTop: 20,\n    width: 340,\n    height: 80,\n  },\n  paginationStyle: {\n    position: 'absolute',\n    width: 750,\n    height: 40,\n    bottom: 20,\n    left: 0,\n    itemColor: 'rgba(255, 255, 255, 0.5)',\n    itemSelectedColor: 'rgb(255, 80, 0)',\n    itemSize: 16,\n  },\n};\n\nrender(<App />, document.body, { driver: DriverUniversal });\n```\n","maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"}],"time":{"modified":"2023-01-11T08:08:11.090Z","created":"2017-03-01T09:58:15.900Z","0.2.0":"2017-03-01T09:58:15.900Z","0.2.1":"2017-03-02T10:03:47.467Z","0.2.2":"2017-03-03T06:35:33.072Z","0.2.3":"2017-03-08T09:53:11.112Z","0.2.4":"2017-03-16T07:07:07.759Z","0.2.5":"2017-03-16T07:38:48.218Z","0.2.6":"2017-03-24T16:11:33.784Z","0.2.7":"2017-03-25T03:10:19.319Z","0.2.8":"2017-03-25T15:44:49.947Z","0.2.9":"2017-03-27T08:45:21.492Z","0.2.10":"2017-03-30T02:13:05.387Z","0.2.11":"2017-03-30T03:22:40.669Z","0.3.0":"2017-04-24T04:10:11.079Z","0.3.1":"2017-04-24T07:33:49.284Z","0.3.2":"2017-04-26T03:41:39.820Z","0.3.3":"2017-05-12T06:24:31.128Z","0.3.4":"2017-05-19T09:40:06.369Z","0.3.5":"2017-05-23T02:50:20.427Z","0.3.6":"2017-06-01T08:27:07.989Z","0.3.7":"2017-06-15T09:57:24.960Z","0.3.8":"2017-06-21T01:41:44.497Z","0.4.0":"2017-06-27T01:44:30.197Z","0.4.1":"2017-06-27T06:10:02.914Z","0.4.2":"2017-06-28T05:38:39.216Z","0.4.3":"2017-07-06T07:16:57.253Z","0.4.4":"2017-07-14T08:36:51.584Z","0.4.5":"2017-07-21T05:50:59.197Z","0.4.6":"2017-07-24T06:35:24.720Z","0.4.7":"2017-07-24T08:26:08.747Z","0.4.8":"2017-07-27T09:42:26.021Z","0.4.9":"2017-08-02T09:40:46.779Z","0.4.10":"2017-08-11T05:13:56.101Z","0.4.11":"2017-08-23T04:03:18.992Z","0.4.12":"2017-09-08T07:03:47.585Z","0.4.13":"2017-09-15T02:26:54.001Z","0.4.14":"2017-09-21T10:16:09.693Z","0.5.0-beta":"2017-09-25T10:17:23.189Z","0.4.15":"2017-09-26T06:25:39.439Z","0.4.16":"2017-09-28T08:06:38.408Z","0.4.17":"2017-10-11T05:31:34.505Z","0.4.18":"2017-10-16T07:05:41.054Z","0.4.19":"2017-10-17T07:36:26.703Z","0.4.20":"2017-10-18T07:47:32.716Z","0.4.21-beta":"2017-11-10T06:33:06.975Z","0.4.22-beta":"2017-11-10T06:59:11.388Z","0.5.0":"2017-12-13T04:53:51.771Z","0.5.1":"2018-01-25T11:44:43.599Z","0.5.2":"2018-01-30T09:01:11.905Z","0.5.4":"2018-03-02T03:29:51.401Z","0.6.0":"2018-04-10T03:42:25.891Z","0.6.1":"2018-04-23T07:47:54.102Z","0.6.2":"2018-05-08T07:35:12.920Z","0.6.3":"2018-05-08T14:57:39.419Z","0.6.4":"2018-06-07T06:46:46.700Z","0.6.5":"2018-08-23T08:49:54.425Z","0.6.5-1":"2018-08-23T15:37:01.349Z","0.6.6":"2018-08-23T15:53:57.882Z","0.6.6-1":"2018-08-24T03:17:48.614Z","0.7.0-beta.0":"2019-03-28T02:23:11.562Z","0.7.0":"2019-03-28T03:07:39.205Z","1.0.0-beta.0":"2019-04-09T12:13:09.300Z","1.0.0-beta.1":"2019-04-12T09:28:28.920Z","1.0.0-beta.2":"2019-04-12T09:38:59.781Z","1.0.0":"2019-04-17T08:25:03.947Z","1.0.1-beta.0":"2019-06-20T06:45:05.783Z","1.0.1-beta.1":"2019-06-20T08:03:31.469Z","1.0.1-beta.2":"2019-07-12T06:01:30.411Z","1.0.1-beta.3":"2019-07-23T09:04:05.436Z","1.0.2-beta":"2019-07-26T09:59:54.944Z","1.0.2":"2019-07-30T06:40:23.341Z","1.0.3":"2019-07-30T11:55:53.053Z","1.0.4":"2019-08-12T02:07:47.063Z","1.0.5":"2019-08-12T11:09:10.556Z","1.1.0-0":"2019-09-11T03:00:00.509Z","1.1.0-1":"2019-09-12T09:58:21.108Z","1.1.0-2":"2019-09-12T10:20:07.414Z","1.1.0-3":"2019-09-12T10:25:34.448Z","1.1.0-4":"2019-10-07T16:39:39.250Z","1.1.0-5":"2019-10-07T16:41:40.729Z","1.1.0-6":"2019-10-08T02:57:52.394Z","1.1.0-7":"2019-10-08T17:26:08.668Z","1.1.0-8":"2019-10-08T17:40:47.134Z","1.1.0-9":"2019-10-09T01:37:14.484Z","1.1.0-10":"2019-10-09T02:21:29.724Z","1.1.0-11":"2019-10-09T07:45:03.410Z","1.1.0-12":"2019-10-11T09:52:56.695Z","1.1.1-beta.1":"2019-11-04T03:40:22.353Z","1.1.1-beta.2":"2019-11-04T03:45:33.341Z","1.1.1-beta.3":"2019-11-08T03:39:28.473Z","1.1.1-beta.4":"2019-11-08T08:59:02.500Z","1.1.1-beta.5":"2019-11-08T09:06:38.810Z","1.1.1-beta.6":"2019-11-11T06:11:24.424Z","1.1.1-beta.7":"2019-11-11T07:55:56.575Z","1.1.1-beta.8":"2019-11-11T08:13:12.980Z","1.1.1-beta.9":"2019-11-12T03:29:10.281Z","1.1.1":"2019-11-13T08:12:58.573Z","1.1.2-0":"2019-12-03T13:15:08.647Z","1.1.2":"2019-12-16T04:42:44.768Z","1.1.3":"2019-12-19T13:08:59.483Z","1.1.4":"2020-01-14T08:00:04.969Z","2.0.0":"2020-01-22T07:45:57.603Z","2.0.1":"2020-03-02T07:36:09.664Z","2.0.2":"2020-04-02T06:22:48.707Z","2.1.0":"2020-04-09T04:42:21.362Z","2.1.0-0":"2020-04-13T06:52:51.791Z","2.2.0":"2020-04-14T03:55:17.183Z","2.3.0":"2020-04-21T06:46:38.749Z","2.3.1":"2020-05-14T03:01:57.589Z","2.3.2":"2020-05-25T06:47:00.116Z","2.3.3":"2020-07-01T07:03:29.449Z","2.3.4-0":"2020-07-17T09:27:42.381Z","2.3.4-1":"2020-07-21T07:57:46.122Z","2.3.4":"2020-07-22T03:34:20.573Z","2.3.5":"2020-07-23T03:14:53.139Z","2.3.6-0":"2020-08-13T06:37:25.962Z","2.3.6":"2020-08-13T06:54:03.401Z","2.3.7-0":"2020-08-26T07:06:45.514Z","2.3.7-1":"2020-08-26T07:25:09.997Z","2.3.7":"2020-08-27T07:42:47.495Z","2.3.8-0":"2020-08-28T08:00:12.965Z","2.3.8":"2020-09-14T04:22:44.452Z","2.3.9":"2020-09-17T07:26:03.144Z","2.3.10-0":"2020-09-25T05:29:40.331Z","2.3.10-1":"2020-09-25T05:42:08.201Z","3.0.0":"2020-12-29T06:01:37.753Z","3.0.1":"2020-12-29T07:48:42.664Z","3.0.2":"2021-01-15T10:03:56.213Z","3.0.3":"2021-03-04T07:51:33.653Z","3.0.4":"2021-03-04T09:08:52.863Z","3.0.5":"2021-03-23T06:19:11.099Z","3.0.6":"2021-03-30T07:11:38.022Z","3.0.7-0":"2021-04-01T12:06:17.447Z","3.0.7-beta.1":"2021-04-09T02:48:49.745Z","3.0.7":"2021-04-12T07:29:12.180Z","3.1.0-0":"2021-04-20T11:43:36.895Z","3.1.0":"2021-06-24T07:33:08.880Z","3.1.1":"2021-06-28T07:25:38.069Z","3.1.2-0":"2021-07-02T07:53:38.598Z","3.1.2":"2021-07-12T07:55:31.850Z","3.1.3":"2021-07-21T06:52:57.604Z","3.1.4":"2021-08-02T08:10:46.654Z","3.1.5-0":"2021-08-03T07:23:19.138Z","3.1.5":"2021-08-11T02:55:00.633Z","3.1.6-beta.0":"2021-08-27T09:00:43.060Z","3.1.6-beta.1":"2022-02-25T09:39:18.116Z","3.1.6":"2022-09-20T02:38:08.737Z"},"keywords":["Rax","rax-component","react-component"],"license":"BSD-3-Clause","readmeFilename":"README.md","homepage":"https://github.com/raxjs/rax-components#readme","repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"}}