{"_id":"rax-xslider","_rev":"33-098c034b56be49f301edd2aba2c37ff8","name":"rax-xslider","dist-tags":{"latest":"1.0.8","beta":"1.0.8-0"},"versions":{"0.6.5":{"name":"rax-xslider","version":"0.6.5","description":"XSlider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","repository":{"type":"git","url":"git+https://github.com/alibaba/rax.git"},"keywords":["Rax","RaxUI"],"bugs":{"url":"https://github.com/alibaba/rax/issues"},"homepage":"https://github.com/alibaba/rax#readme","engines":{"npm":">=3.0.0"},"dependencies":{"rax-gesture-view":"^0.6.0","universal-animation":"^0.6.0","object-assign":"^4.1.1","rax":"^0.6.5","rax-link":"^0.6.5","rax-view":"^0.6.5","universal-env":"^0.6.5","universal-transition":"^0.6.5","weex-bindingx":"^0.0.44"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5"},"_id":"rax-xslider@0.6.5","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-bp1Z+4nV69fvpNJN/Dwa6sziBYWj+5wcfgZ4ihWUaxT+RORVFQKdrauuC7zk5ylL6rrsUOOYlyVayBMlG1xSHA==","shasum":"2604a6745a0abb00a67753376e346823d6ffebab","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-0.6.5.tgz","fileCount":35,"unpackedSize":2671334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbmg4uCRA9TVsSAnZWagAALysP+gOayPxM2T8Lcj7mS4Yr\n8p5PUsppiW/TlPpOrMT9KdO4IlV8DKr2v9gglmazMIjIQ5njdxDFexhGjynD\nL/08UVQkFeftJYBkzNGmqgkZr54jNNXXMKW7wwm7DXlrdQgDFhn2RIWLuyqr\nguwRBgANEqSMrjTuq9bjsPtZvRwIxSicFGJCKpwfE4x/scVLiufUmsDxdp80\nWfncWduM+FBQyUPurN2bx8+WrodppKgcDPunzci9QOFw2eswPj+rO73L86nK\ni00i+8o08rhP+N/lQ0FUirFrd7UAVFhWaX4xX6f1zD44HqEqfWksLtzg0lBF\nonGRhpEnQ/WH8tgyDeYovs/4xtkjbEZRAJsLL0d6W2wSNGIkuzVBo8IlQyzB\ncVNy/+iYre+Fp76N7SIuR0DPvcZIfUR8pYX086i1r2nAjeJzSci/FtjoUWG6\n7pDYO2YXZ26czrmqKfJxjDgZcImxXG+oSj4hyNLXUzOjEhZr2MRNTOHTXHg7\nLk4zpqRiOwlsb+RwwScRSMihxMCQ+JiaJy4DFfcLQlqz4c6sZxqr8a/3d0y7\n84a+YO7I3dbfbijf9cR3Y7Rfw8XHE2nKWuRnIMfl+LGGN+ir+o7Vt+qTJari\ncNvdd/pGGlkEXaqAYaSaKvPPXfCvbLXX6CROwHbImAk6ruqBYbaIFRYUIDMB\n3M2S\r\n=R4U6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPCRGSnlwVyMRFkrDOBMFfkbTJI79TC/6YTrnJlO1azAiB4sbBU62SqgnS8Tu5HxRhHSAS/tvEXxLdHbB8KlprFOg=="}]},"maintainers":[{"name":"yacheng","email":"narutosun2@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_0.6.5_1536822830390_0.6948405702339879"},"_hasShrinkwrap":false},"0.7.0":{"name":"rax-xslider","version":"0.7.0","description":"XSlider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-xslider.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-gesture-view":"^0.6.0","universal-animation":"^0.6.0","object-assign":"^4.1.1","rax":"^0.6.5","rax-link":"^0.6.5","rax-view":"^0.6.5","universal-env":"^0.6.5","universal-transition":"^0.6.5","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5","rax-scripts":"^0.6.4-1","babel-eslint":"^8.2.2","eslint":"^4.18.1","eslint-plugin-react":"^7.7.0"},"gitHead":"754834996dd24509c53cc48c7f52e9225f1554c9","_id":"rax-xslider@0.7.0","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-zWACWH2Bh3FD4kwaN7TiG5UM9LXnuK97zf3nPKHMg0XLOTBKEghIvE4gvFsuACmpDE1ZYZZXu5DlU2C8ARb/SA==","shasum":"e849bb6075b5b79d9e7ac5b38b3c1e762c4fd612","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-0.7.0.tgz","fileCount":9,"unpackedSize":2221937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGLw4CRA9TVsSAnZWagAAkr8P/2xtmICMKj3Pp6NONULv\nI51vgimUiAYxESzLIPePCsfZnJKE7Ilpm5YqBA+YopMU+FR5TH51AdOARX4k\nJQ89WLTNty+HQ/AcI7R6fdrkraEpO4yadWsxZgswCzX1o1iV9pTtI8mCkXJh\nzq3Zt2o87cUK9U3DbuXnBgLa+MIAondFcTRM3mTx/sG0PdiQ1PJYEWIfVlfx\nCzNg6dsB/dCaOJEXhll9GXfU5z4V4RLHEoiI3SgYnCUAhZdzA5XjQoBLNvFJ\nQZSaw/ZNwq6YCvlooLZcO0IyYXSRL+OgD6Zb/hqx6MdBWsR6k35KBuIDgZrH\n9wcJHOHL5ydvbRN3NiszJPTjU2udE0pDo6rah+xR00CFXqtzuA13Xi8Q/JPz\nDKjP3B1+NSZje91ZPrLFNVB4hqifsEfXedSRo3UeViAHJOP6PN03LUDSwAWK\nBzhXoOPjggmwWHxhrMstC+s4Z4IZaxm3fUd50uuIOZZ1G9ROG50XRWAmOp/s\nzuF2yEOHwahabTC5le2f1ou1OnroymL78Aatn8mkJlWrWBBDgwb/meWI5B3O\n+U1k8uxuY9JquKQaD9WJtqHYQVE+4EQO7pFCQ79oHB2u8W2XKjvv4dLXZP8I\njzyUcEcK9KTZnNP61Ct/P7k2neOHTf46VoMJz4zoLPm9/uL9ZbrBqHZJzFpH\nClEJ\r\n=Gou7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCaHnykU4Qflw6D/4mzg+aEzoYk7tcsAcjI9jWRz/UGAIhAPjfktW1edOKJzl+FHwOUfEZTYS9ESzgqtZhYqJXfqL5"}]},"maintainers":[{"name":"yacheng","email":"narutosun2@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_0.7.0_1545124919653_0.5288896079152194"},"_hasShrinkwrap":false},"0.7.1":{"name":"rax-xslider","version":"0.7.1","description":"XSlider component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","scripts":{"start":"rax-scripts start","build":"rax-scripts build","lint":"eslint --ext .js --ext .jsx ./src"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-xslider.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-gesture-view":"^0.6.0","universal-animation":"^0.6.6","object-assign":"^4.1.1","rax":"^0.6.5","rax-link":"^0.6.5","rax-view":"^0.6.5","universal-env":"^0.6.5","universal-transition":"^0.6.5","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"0.x"},"devDependencies":{"rax-test-renderer":"^0.6.5","rax-scripts":"^0.6.4-1","babel-eslint":"^8.2.2","eslint":"^4.18.1","eslint-plugin-react":"^7.7.0"},"gitHead":"754834996dd24509c53cc48c7f52e9225f1554c9","_id":"rax-xslider@0.7.1","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-3F5sO2pz2uJrXPpQ3jHYLjw4DQCEwyQ5D3nuy+41BIxFKaYJZoME42ace428n1LB5w3AfpD/lbxiezzMiDfBiQ==","shasum":"d228b230e7448dd754ca8a79c153b5375fa4c9ad","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-0.7.1.tgz","fileCount":21,"unpackedSize":1421521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGaypCRA9TVsSAnZWagAA2GwP/3MWwCvTSU+1gdxWeMLO\nXLeXkhTr0EnJO/7RVC0cDotIq0ya/yvBKOu3l5sXl3CStSAesxGdGgsOUQOq\nNIL6zu33LgCO3iRlwfk7+QqYwPa8umyaZsBFbaSAXOxL7fEyJblcCCBQ7ZfP\n091S+okwuEw9vMGstdTKKbU5T/IS7x9rpAm+Dz9iuD+GrfG3KiUwg+F3dhvJ\ndMgD7R7MTHgFhQyhPt7SyTvuE8JQV+dXIdp05261lutDhCZyZrt2CMo8H2ml\n3WLQGxyjT59/clefsq0NhlXpnJGFddZOV3qK/PfeftjaMb/vIBdQzgJ2kd/M\npA9dvAJKv6o081tbhl+ta/W/WIKReAeCziyKhBFpAxH7wrwvpzEP7BbeW+Vy\ncNzxKla0tB8tnarQaLQNsbFp5Be3hpl7pp08mI0ZvcQBEAjxJKZ+bq7iudvV\nt6h/N5QV2ueDICjXZBCEYcaxrAqFuDs0fKiCNrNF0i14OrHp9un5Y7Wjrtqy\n8664X21cDpyuoledqkbyKuBwH3hpOGl2/jag8he0NcIEcJLqvpdbhhJozK2m\no09QMSQJUU/xVHWJVoPNcEcz4tFEJkUCQ8jjJGSPKFtbdIIb+BYNyqbVGJNo\nnso8cw/Cwf8uIoQcYHQQYTPNzN6bfR6dO7SOl5wAAVA+InsBD7nGowowdIvZ\nQZo8\r\n=lbkm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHQMWqerGGBcoFLN+5NwaBVtaTF+dlwsLqkZw2P2zddbAiBz6Nz5cfdvruzcps5cmHhGQ2gOnsBzsZTbmqZtYL3gMg=="}]},"maintainers":[{"name":"yacheng","email":"narutosun2@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_0.7.1_1545186473200_0.024965541278804126"},"_hasShrinkwrap":false},"1.0.0":{"name":"rax-xslider","version":"1.0.0","description":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.0-beta.1","universal-env":"^1.0.1","universal-transition":"^1.0.0-beta.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"gitHead":"3016fc6974f9dc2391fdab9ec22fbd5ae2771baf","_id":"rax-xslider@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"dist":{"integrity":"sha512-xXR4eix1jU58tgqNU7wl3sQoFh8LwbRYYJmBE71831AZbmSGEirWLTZH2TWtKnsGCVCfghiVxJ/Qw2u1l6byWQ==","shasum":"4c4856078b8bc96f8c43f6288bf04319aaeb7bfa","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.0.tgz","fileCount":22,"unpackedSize":106147,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQogCCRA9TVsSAnZWagAAtxAP/jaQB3M2cjy4A5ZkzsgT\nVtbG7wPa/d6edzps61g5c3e8DQNvwjmQi+sYRKFX3stO4qAP6fN0yMsg7Qv/\nEdOra7xfC3Rdzq+rQ3Sscght7sdpXHd5yuTDMw3mkhHs0p/8c8OhNPHfYone\nbCVviRNFfUBiyy3ccC7yo8nziOu3S5eQ1YVjEO90jSzmAhO4TpWKFeXMsgOb\npagIxLPVK1NiOlaFgMEQvGPyKNnJOCCUL1NVyF2qzL49+vEoFFyU9s/ZdeoL\nDrt3alGs61LY/9WokF5FBBU/U1EX6DsiY3WsDRt0atHE8DLkBjA/G7N/Nqzk\nO9lx4bwp24RkHZtuKaoQDJCdd2654hqtMOmhUiULgJzM6BGa/zKHYsIWMQDy\nAx45l8JFaUC8FxRhYyNgWSiqECMEa0m7ympIRPsbTe5H6VpfoGsCnFp/f2oD\nMoGDB7icTzCfgw0m+PIb1Pqrr/YJb/ZQepvBv35eUj5q89WifXzio62oauKA\nZRiFpzKdnaanvXjXXzsqKMPFAdjQD7cOUNg4XF1r7hXLr8i9jzZlcKw7KRsP\njsR+nlSckGJ3tsP/rneWu5K2g8PegJqmWRAwOFK/d0SBJPAycNQXZnb2vgph\novviRGwAVnL/hC1LwGBq0dBP/zcK0g0bmyxRyAsuyxabOCJz5MJF1+2gvuPu\n2Ymg\r\n=9jlH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCB9+XSqefJicf27LrCuGnP9E6YA1wbGtpB8HuU8vXc4QIgewHO3YmTxgViYq1aw4+rBjyRSUmFA6ii+n/WvAS3Tks="}]},"maintainers":[{"name":"yacheng","email":"narutosun2@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.0_1564641280954_0.08814970958487933"},"_hasShrinkwrap":false},"1.0.1":{"name":"rax-xslider","version":"1.0.1","description":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider) ## 描述 轮播增强，仅支持h5和weex","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.0-beta.1","universal-env":"^1.0.1","universal-transition":"^1.0.0-beta.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"gitHead":"3016fc6974f9dc2391fdab9ec22fbd5ae2771baf","_id":"rax-xslider@1.0.1","_nodeVersion":"8.11.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-qFesuFyOAYK+3K12faewZXkIKbdRbaEm6olrkkvSIqVV52BizLl5NDKliJXJ9yMbBOSMaABDcJNWiad+unKETA==","shasum":"8fc30ca4b37011b0bb863ee71e389fee5c25755f","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.1.tgz","fileCount":25,"unpackedSize":77276,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQuSNCRA9TVsSAnZWagAAyeAP/0veTXRqp+si5B1RAAw3\nGSKADj7laVHjR5W6cElPDa9Um46FIQAnOV/71LxSYKjidpLC89wIWkqizQ3b\n8UCJJTHwAN0Ih2PMJ2Wy/7HVb0RtVMOdFONiU5JdbybAVVy5O1161EfM2GDX\neFoTrRcxSHPIGi3ZJ1PTd31eo2T/BalemJuaxncDlEzdfrK6lZmFJlzQn+/T\n1qcjGtvBuLo7v14wDnw18Mcr6lOnyuJfyRgy8H91tYlcXDi82PsVQihp3aby\nVTT2EmpnBzR66/JOTyhdmRDjvfYAx6ZVqI8b4QdfXgu7Wq9/SVpFa5PAIN+S\nwCThuWmxbXZ8jAiiKPPMH/dx660tMoQicYLwMfLCloxSVHc577TXVF4e8+oU\nykczZoRmtzsykToYA9LhqhZxxe9aqim5/D2YDG3H6mZPcRimO6aqUzphFhp7\n3OxBPRUdHYTIZEqPVy/ehwRvxhFwU4iHmTg1O/U2GtSNi6pHVQDZyFfFZwDI\ntZn3EHb7fG09zpZMWR8QYIe40Zi5YpIzAw45F+rTBq4xg4LsUrcpQ0vi0fM+\nQVaN2gTBMTFeYbHniJyFDmAEKsKXqtu73z1OlhPIuY634q7oMtybcH+9MK72\nb1r/KPoWEFThESw1Ut8p8zG+x0ADKHKGJ2+o9Hl3dnOiZ10mTWOUdvGJPeCC\nSbpQ\r\n=yBDI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAZqw0NZ1Ll78SddpeOGxLQIZ/+eM0hGQus80iAVArqiAiEA7zxVCvMBqhiO5R5/Gwwkbl2PScoY3gToJec0oXPnzjA="}]},"maintainers":[{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"}],"_npmUser":{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.1_1564664973018_0.751811154725049"},"_hasShrinkwrap":false},"1.0.2":{"name":"rax-xslider","version":"1.0.2","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.0-beta.1","universal-env":"^1.0.1","universal-transition":"^1.0.0-beta.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"gitHead":"fb91f4555e896ee607e31b269ef2efb9f69f7375","_id":"rax-xslider@1.0.2","_nodeVersion":"8.11.1","_npmVersion":"6.9.0","dist":{"integrity":"sha512-KW5yW8DYwqO2zNkuELpe1VinRa24boES3arRzhPBUIaqkHUCeuLp38crJWxhHS3xC+ml/63H7E8ibMBjhdEQzw==","shasum":"bd3a2118e214cd3caaec5882bdc3af7d3b7a4101","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.2.tgz","fileCount":25,"unpackedSize":77290,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdQuVKCRA9TVsSAnZWagAA90EP/0d10vRe734rY+wublmx\nWYvCrz7MWTJta0OnV9jI/mOMxbh92N0MgyKClInnpuYac+HyjHm+xSWw4xtz\nNNrbvTne8BLUGhs5MFixRQZi/a2jjwia+PzYSdLAe4+JEDVIq9p9BcbzQgxn\nsrFBoCoP+GpB0jmtDC2M8zyDYBnag0ubnGcsMaCeg87lDcJeYYkyJnY9Vpm4\nOMpQvMCKkD+qn+1HsdX3bnyHFXsWOLYdFnIPN8qWki/AdF/mcxPff6JI/Z7h\numOQ4rZnFO1a053A2HGS7PQ/MsuHlAjOzsibUZKrZnDBbo6b+mjiF2kGh93i\n3AI8aZFgb7N/eq1LlwAqZHRd8gTjWa0efTtbZpCZUwxT1399NDCTTKpYcSKS\nX5kK4UnOUNPyzxJzXpmk0jXtwBFZ8VU7EdeYbbf5tSlwj48yBOr4hzN5nFdb\nGG8ePlBaAx5ej6zoDKxBfhpkbMMxa0yd2aOSV9c/35yJDX3ZxWCUgqnWeuX4\nqOCJ9Ulr/6S3bILiM+xLupUDeXfeJfD8Ym0ai1EIdIqnEpEHMugo0izJ/Z5T\nOXQMSYmWkRVTnUN+7TTL4qr+CLAHNiv9X6+RWH9969mINss3SEljXAhQ9h+7\n5rjAZsWzVTKmSpffzN/3AZLY1ErlFopC8l3gOfTdX43AcLQrEyjKiRce5j6C\n2/S2\r\n=lTJ4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFUzjzZt9pN0hnCq9NP3/eY1bYy/L4Cd+hh8w210wmh9AiEAn/k/KgP0E+IjQoND7nPk2sq282mGcMEBsJGeLUazRrI="}]},"maintainers":[{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"}],"_npmUser":{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.2_1564665161301_0.02540384067874979"},"_hasShrinkwrap":false},"1.0.3-0":{"name":"rax-xslider","version":"1.0.3-0","description":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"1.0.1","universal-env":"^1.0.1","universal-transition":"^1.0.0-beta.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"readme":"# XSlider\n\n[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n\n\n## 描述\n轮播增强，仅支持h5和weex\n\n## 安装\n\n```bash\n$ tnpm install @ali/rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from '@ali/rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from '@ali/rax-xslider';\nimport DU from 'driver-universal';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nconst App = () => {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","gitHead":"c939d127cf2d55223905a55b826d7580a080a254","_id":"rax-xslider@1.0.3-0","_nodeVersion":"10.16.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-zLR922KECFkNkDc5EKgcnGgJy8JZwpmP7ReVkyJLigmo7bnTzZcGyc0Dq4FZ+GDz8WuPkNJASvz6BXuA/Qc6bQ==","shasum":"b09a83c6ccc3717be9cacbe64b86871ce76d7da7","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.3-0.tgz","fileCount":25,"unpackedSize":77195,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjC/CCRA9TVsSAnZWagAAHQwP/1lfzC3vLFAJoP6wCEI+\n/06rgG5inN+1qhaiYn/1ZUMhlxy2DtSLP36yPiNYumT36I6f72Er6ODxzPmV\ni/cD4+ud3UgYsQlv/b4DA//qv+6PPqnTlrLkWneMRWpznONgg8OUUNRJNnup\nojVV3AGXj00aTiT9yHrw4ePVs4RRqiP9RtE6AotKLty5cz8fEuSn9G5uV1Sb\nb0gzeON2VPmsj1OD9nnlDmz4jWUtJaQv5/ltqxNamIuIYqqdkYsArOgZngno\n+g7f2KW+hPy8wWnYznaEAIpK0VVDkzzk4PZOBS7LpTWc27GiwIDu8nLd6lS5\nrX07zOOVqA4KJ/yReay4Z2Bakc5mHssmkxzY/Sh3YHnl4iiAHNOO9HZOkO4V\njzetwm2SdZ/6PNhgXMC6HiseeiiOO/Vgul7/QrU8r+9r0Ac/4LU4l4QhVu5+\nkDf4EvJE7gEQhp6PcwzXldirkCEE4MHxrlTJTMvQTYyJ0bR8eIlXE7VSJvMN\nw0DsWoNklTmT+AGXaNSHECroCKXxLQo2p8Dp7kKelBhOVhvZGj5rsGj4y2F6\nU7YoW6le+iTvDAoTMTbZGiSrPQb5qPGmve2IX22sve6dRh3EliUXOfQVd4kZ\ne6ZdpFK4Ap2QghOLH3b0ZKRhR//aOVjUDflr2ze7wPlL08m6qkrsJwmNcvnV\nmSYY\r\n=6xv9\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHeDTandCJ3qWTdkqNMXBEfylVpXU9tBpZf6OMLzBRVAiAFu1rIySv38/S/8rQpu58ofOwuotcWfxzleQEPZBn8Yw=="}]},"maintainers":[{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.3-0_1569468353951_0.9639056387984357"},"_hasShrinkwrap":false},"1.0.3-1":{"name":"rax-xslider","version":"1.0.3-1","description":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.1","universal-env":"^1.0.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-scripts":"^1.2.0","rax-test-renderer":"^1.0.0"},"readme":"# XSlider\n\n[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n\n\n## 描述\n轮播增强，仅支持h5和weex\n\n## 安装\n\n```bash\n$ tnpm install @ali/rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from '@ali/rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from '@ali/rax-xslider';\nimport DU from 'driver-universal';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nconst App = () => {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","gitHead":"592f88ae375f3bd442aba0841daeca3baa932fe6","_id":"rax-xslider@1.0.3-1","_nodeVersion":"8.9.4","_npmVersion":"6.11.3","dist":{"integrity":"sha512-sFjK/9HaAPgLp+3mXk01/Jrli4ul3E61xdjCJA0oe7ie7ooEPZzLKBfVBk5btDWI6PJv2Cdw+JfUCFygpNGIfg==","shasum":"a8db4fa836409ad54dbd57e8aa95075366f2736f","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.3-1.tgz","fileCount":25,"unpackedSize":80769,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkfTcCRA9TVsSAnZWagAAdx4QAIRraQ0F7vG2qYKo/ILY\njcjNNfWiUd8anXkAd2XQtzrk8qd6TdA5yovISnglDZUAD18yvyY/9md8lZq0\n6Pat+u9qx8FZwlJ2ASWlYYlenBZCwtPn27VA51qQj0muPzxqzvZ9Lth/a5Re\nU9IdVWV7Vx2zAK4Jdlj1PlOCM9oFA4mL8RsHiHmQYiXvtoJThqvXXDTbS6qL\nUjOvgirWfFnT7uEIJBuzKAfFYUOK0kuWcjkI28rUBWD8eUvN8OpX/NfF846U\nx08mMleJ1Us1q9pAtLvViE58smQi3K0/FNT2phyWQjvnLVlshCIek80koRcA\naOOfbiiMBdHYJpVfzb9G/gObts74kO8vcBUxpwf3zaNY98kokCSdWckl6AJd\nILviXwQPeJ8Z/C4+qNtR+mN1KMsyFrCkR/ndnOYpm07MWo+z3i9tBj/vW/DJ\nFXf+OaLl/NxUNlQJdzIE0//uvHaXZ4RdlQCc72b64Sb7zxXtphY4jzogd7nd\nhOQEs+sSrxORAdoEezdnt9tVoGtXUYYBhjbAWbiRQyQOl3NAiHM2k/OY+5E1\n4Kv/BL+z8rnlMOdKhUxemBxswfTCwi3HKje99WgINzbBRDiGOwBy+1YR4g+n\nkolG5StnpSHsCY2rMJl6LTYHGFseSdhq4GfrTB6sCTcEMG6BoPqfpNUIvv9K\naTZQ\r\n=06Zy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICVeO1tvJmZpzJhVc6vr5tOR8tR367CYA22rv/r3k9ZvAiBiqU0x+tDJYFZbuaSyPugcW9tynLI+zFUSiUAel2soTg=="}]},"maintainers":[{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.3-1_1569846491641_0.39200170571867177"},"_hasShrinkwrap":false},"1.0.3-2":{"name":"rax-xslider","version":"1.0.3-2","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","rax-proptypes":"^1.0.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.0-beta.1","universal-env":"^1.0.1","universal-transition":"^1.0.0-beta.1","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\nimport DU from 'driver-universal';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nconst App = () => {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.3-2","_nodeVersion":"10.16.0","_npmVersion":"6.13.1","dist":{"integrity":"sha512-n6STiyZXeycPfAgMsTQlfPs3X2j6SwYw4UzoX0h+JKi+Gd+lY0xeR2c7IJEvFYJlO+yTxnbOPbB0J27VfPTZfQ==","shasum":"4d249d506f89087a29d27d2d868f5c2c5ce60e7c","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.3-2.tgz","fileCount":27,"unpackedSize":100523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd17S9CRA9TVsSAnZWagAAUowP/22PgR6/MTPdJKRXDfhT\nL+V8ssf+go4ajEwQ2KbjGGIHGIE4RfbLyTTkM4GEsQeJkyiTDO4lv2crk7ZB\nYZ1FmI7cT9Zu04ghI0JwX99ZKlowLTFEMhI3XPdUcv3rTEeureyHg1QqAsNB\nKndjiKnTM3DM+i8sB8Zkhc0YyCnSTxM982C2XMrwfPA3oW538bjxRPaFDV9t\ntvRz9IxuntMkqtRVbHv5N2/PAdnvNArRJfJsTwNKXxeYV32m14tFn3NF4mnv\nAg7y6Hz6EBsVA6xi/Y6XhznOwezYlTbi3jgMaVSBA4DUIPwdve3LfsiuOT4i\ncDBBxk3HRya5jlvD3aDJICGL966ye+umuHdsNPxK5mvAIpyRFqGnMIi2LsgE\n+hUFbOVy0FnM/5NR9sVuxl9EEZoUTMzzbJrgV328m+MPgLZ8okc08S9vxJG2\nh5zX7rmfZXPXhoeozhdRQ8l9b+v4KKnte2Hl7zB41gbErjQa5isWdUigzZiu\nrcI2mjlj4wRmac9AuzZDAySQn6zuiReu8NSvf15EPRGcydVgKQEAJ1dQH4O6\n6/337vzzEx6VQL8FrPLgW7lESS5/Wm8HtTZrgZ48NiYh/GIfwcbzwTmye2Wm\nLWanDjGZ6kuzBm2cFZq6nQzOgTrOmv0U1IB12SDm7cuudnPIFHZLpwr5pzSW\njWSN\r\n=CZWe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCv9ogw0cpo6mo5Jdf8pe0G/2l2+h3QeN2MhoXmKf4oLgIhAP3LFMzmAv5d4YwrNccHpMa98SgriPRk1csoNY7Tu9yA"}]},"maintainers":[{"email":"liangzhi.llz@alibaba-inc.com","name":"liangzhi.llz"},{"email":"761647716@qq.com","name":"recover758126"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"}],"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.3-2_1574417596783_0.10472366226225138"},"_hasShrinkwrap":false},"1.0.3-3":{"name":"rax-xslider","version":"1.0.3-3","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.3-3","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-+5hwyh9mmbhDPh4JinyBIuX+bwF6sq+x3WkZ6qk3hTysHvKIVega1rRdH4yUUTeBTXGKhuHu3qQHl9mnnhovrw==","shasum":"5e6a3290a0481740d4433d57c1f0379cbdad1ad5","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.3-3.tgz","fileCount":27,"unpackedSize":101261,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeOsTDCRA9TVsSAnZWagAAvOwQAJmXStVvGEKT0Tih8uPt\nDMiGgwkI8O3YcvjhRUKrWJpdvNC4OfwNlk9MPRBoezOrXLJqRiVwJI7osDIQ\ncEjJ+Tatx9+ViANh2+HQm8cSR3Kosf8/ydpZyXd3rl6k1vGRyLn1h/3LlY9D\nFDK9EKNysbXCccD15gwv65Pf/ZevNBC9XiRKyNvIcworX7bjYs0wjmSHY9yO\nX8cJfbqufg3q4yE4JFzXy2U3G0FRz5gACyBGFc1gVl8UjF5nI/kDbojCkTc9\nDer4snuwdpVeC/ZMwz7TRi5SVNbIWATuEac+4nnFuJxCShgJk5ZXtDXvjGuz\nlpwvr4kjxdRS5Q53YIokXQ9kMGBMXhnZZ8gLYuN4GhxxAnt2ZxfmhBylDX12\no0xAts7oIFGk9tlNqh7FfQpFydRGUXwmwoo0o3DLzR61/LJG3yohiKjtDARM\n5DrA39szmd1LO+0jwam3lOKrd0rYTEQuKogSvZKMRzMvmrKjjHoY+OpsUocc\nKx8KYkKxk5m27z04QeBRfDa42LmsCLpu3GdKj+7wLy5JPcFD52qnEU+THqI3\nPUzqQFC/jH6VwGK7/vwYbnbsrThbKXnDUnaHouKx5mm87xv7EA9NB7RL/iWx\nGGd6AxPYXW07Ziv0bZz86C1VSC4JpeSjAPqirmuq91jyiDkcjqvQ0lyIBwIc\njJfC\r\n=MfMk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDDXDZNX1EUnC7uRQC+febFTy3EDPor6fq9Soabt2U89AiEAtLNRTVrYP/7Qbo3w2NGZxMyjmcP1L/MR39AjtDVcto0="}]},"maintainers":[{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.3-3_1580909763384_0.8990889735497547"},"_hasShrinkwrap":false},"1.0.3":{"name":"rax-xslider","version":"1.0.3","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^1.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.3","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-7f3USMUf+mNrZbfofwHutmy7N0sVS2cvvCZof6afcmoRJfmhpJY5eu7/VJp30358gQOWPQdGlrhtRp61S8oEFg==","shasum":"ba62e12ccec0ad9f369fbb52b6e2597d4bc59d32","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.3.tgz","fileCount":27,"unpackedSize":101189,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQm9yCRA9TVsSAnZWagAAg/UQAJDsQDfVsCcKMkqwzXEO\nWDIYgp3qhSaBTTON4C8RFpi+shJbzMB597CEjU2i3/qd96nPI3O1c17DhNp8\n6HTTFeVPIERazEUzyZbj+WP4qj31hkeqDb0HSsOEF2RZttVlvySnprJ+gFc6\nGPeEinjO9vMJNXZZS8Q5tXWWvN6y1UocZwUgO//exw2d3b6q4GSV7fzkUvx4\n9a8EA+byU0crGDst5UDJ2Sh4ohhvZ7ICCaB77jcAfLrCpKrdqM3pdw1lpnZ/\n70sr+684kkefTaQgbU5EbP3MnQkcH/oKzh+FSc9CFMrrUr6zogQqiwhwR+Is\nt98cSCM6ujhi+KJsHrjk0QnazsmjijWKX/7/lREPnPwaSc3QExcwM0BmSg9f\n/NbhyS5Tlc8+p1ut8kwx2KE0ncuvZdh64+qyjdeEiZro4V2xETe2nBiQMKR5\nKVjMdsuEWA+ahIm+tEeNkLeuxfMjJv4u9NLnIaBaWBygSD/ZBaXbc6kTyNJl\nykiBMHaxtGNKzW5bh/sOAii9Ku90INXXHgXDvlgF+PPsrjZDf+1ZBJ8pkUxh\nS75XkeVvtl/YyWpnzvQn6dij5zV1gyKqGtBaQ0yorZbOlF9z5mU/k8hZEgTB\nyQnmq9CdGs2OeIVxL2trPfEjlTekEtRH0rVeRBOVJGudforNVoF1XVWwhVl0\nJ2wJ\r\n=sPtR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrg3+jb8ATFV/hIDD5BgQHAG8BLzBCZBkrMbesM9BcMgIgWPht93KHMONqGRpN0RfMXpqIpk48tBIOJ5h7pHiQjF8="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"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-xslider_1.0.3_1581412210241_0.7724034211938937"},"_hasShrinkwrap":false},"1.0.4-1":{"name":"rax-xslider","version":"1.0.4-1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.4-1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-sKnO9gU2JuFoZYC8ip3HeMLpxCKxnFRJSfOgnGRR6O+cmMHpScOJr1tDv+DzFrNGEOxPSP9qTZULQxel3oCKGg==","shasum":"63e11c9c3131c6fec7ada4c97d91bcdfed38f648","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.4-1.tgz","fileCount":27,"unpackedSize":102380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeZhU3CRA9TVsSAnZWagAA6UcP/1cc5Y3DOfwfOhWYn25Z\noQ8b9DYxJJ85I588Xf2Lgy0RvvUTimuuADl5B/cDNdrT6Iy077U0e/c0iC9J\nTTbZTIoC0eABQX1hwi9q+4U4mNqVxFqWy8z35+VHJ5vueCR9Jj/czHsfmCPU\nxy9kPJTjdXzaSKTrodxaAJqask+DWyebdv3sxlf052+d/N1fa4m1dpcdCL71\naq5SpiIGCSyOy09RMLVxY2Aa+1lwLedZgi7v8CduaL3KBrxc8vut+WF1rWOG\nPoP+r7edcDAYo9Ac4JIsLwVOH4aHUDBFg1uXg+vHoGBTE425hJia7En1NzGj\n6K+631h7eAqe1kFF9Hy1aS1PDIIdjsWFCfzwtJnVyp0JSbVssQJkr47NKGCP\n7c9HJf5XRUlab5ybg45XdmU+U7k4yjGLv4Ojtx15z+fKsvesdU1C6SwvhNLV\nYLIojjGlhSxlylGjJSwA7z9xqikjfQOlCmMoctIWHl2BDnxURn4XDtMWTQJQ\nUOs4nMVCUaOcXn5QjOwiaxkPXrdqty/o4zMuPOQgkwgIeBPwALRiXCBHO4FD\n2PCSU42A7ohOwcCaVmHE6LCr2VHsj9F7lNyGslcvK45D5xGfub0v8mhSWkMm\nRX0l60a9so5w4b0YsqF7nEfgchNA0oGW46KDzFVYaZEv1h/lqlLbVBBSfOxW\nQqVV\r\n=M1Le\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEONwQSn3kEZU4VUptiAWsh3DJSTE7dbnJSw2OV46dcaAiADJdl9CrOJLN16TyhetJjEc2KjhtzSShn8fSH/I6jPww=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.4-1_1583748407439_0.32352511092118874"},"_hasShrinkwrap":false},"1.0.4":{"name":"rax-xslider","version":"1.0.4","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.4","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-pVsL3Km0tlFXaiiI05jJSOeZ8zh5x/RerL4+8A4o+q1MHxKnxAbho/yAuRatEqzeb2vp3w7P2D5U1gG3EOsW5g==","shasum":"11572fc3a93190e06246f070974c88592d12dce0","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.4.tgz","fileCount":27,"unpackedSize":102369,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaJF2CRA9TVsSAnZWagAA2HEP/36zA8k5mHPmwSNsAi6m\npXBJTe0jGmoXNZ1jI6LUvxHo7fxhlQp84geDItm1DRHAQMMmrL4AJeulS6rN\n7qjxTzSGok9LlsfBLxWWh8uXsRgC7XJHLNYtuJlkSzXMTU7LYGuDi9tJXTvO\nflZk2ixOkX7VISnmrbEKONh+lDSKzjv6vsXecw7DiHigwIVq8LNAttp5ERuG\nFLPsArC0G0JkubBm7Y/bsqgR8Uqq02DQnqW3u8uHgc30cX1Aqxs+87woDZ1B\n/4u1LWhqA9fhs5/Rhv9wBUzzofj2GOuWD7JIAkE5GOVQd14dwv5i6wp+OmQM\nm+g/1y7ILTy4ihSJD/jIqZkmBHgdqeCFKppgjZxbFeS9AXFyTWkiJMuypy4h\nV4ekj+mLWruxxFbRJ8sBpZkttTt7pi5590CYdkWwLJ2i4EYh1KgiZsvNzIKy\nm4nYE5mDISJzPh9Trc3XO3zIXr7CCM62/lIt+EuzOy/UGTKjfbFVH1N1IrjA\nJv7KqAvYKXSQUqH+hAkxitXapmcAh7AVvXBSXh6fsF0UXWaJkfaJt0vR6Y0R\n6B5nFnYE6XInc09trXTE1tznbrPeUpYVWTz4moV1/zVDjtiY7MRQyJJpjOzl\nlUJpex+adKUTFC5LPLvSqMXEG0mEqBkOiV6KMS1F/nFFjZ47gsKBoskzjzmb\nG518\r\n=cXfC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBgkJrGigKl9du1ozp+H9/Rk8MQ8Y15nPUHrtqu3wLCbAiBKYciHAH0QlTwxOh7vPIjy9MkXcp5lsqPvan3othHRYg=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"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-xslider_1.0.4_1583911285795_0.8016031610265275"},"_hasShrinkwrap":false},"1.0.5-1":{"name":"rax-xslider","version":"1.0.5-1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.5-1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-sdH1MjYbfX5um2sMG5ZtMZ2IlUEhTIxnDciCIwCAH7G7sUeqMMu56HLfbIjh5og5opuZixsma3BG03dqNbiAEw==","shasum":"7685b35762664dab07437c41f7d14128c4e123c9","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.5-1.tgz","fileCount":27,"unpackedSize":101999,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecuPTCRA9TVsSAnZWagAAF5YP/2jYwer2OiBOJNhA8Edw\nqLeVl3WmtF/vOrzwgXUuBlKDb3B7gmvu9Ji6QADeBcc42rgrxgzk0oGpqaro\n8jNFmIYcGXWHB6hlFDnOqbo+cTvHHcnKghfKhNx319o4UHdNk3aCR2jYiAlL\nsJuC/Patc+/SWpSBh9/MFKWglCXe1Qt66Ly3B/hEEYLlZXqHsKcCqnBArFm7\nlA1EdUNZiIP8G5Ma2YCSjwQfnA+rSlkBPC+vlPO26Z5g+7FTHdwrGhFO0ztA\nqWOJBwGJMti6kfHVh0e4aGaqkkKciyk2vYQMrHP6oRQeqyDWJpSF2uOv24Lo\nmjCADnBKx3Q77aGzU7zfJxWVZnx8YOme365/zCHJzFan5d3WrFmhkMODb6QX\nLh7DHl6mdm7VLJ6b0xFwsEIqkiwJriWmTrrJMOfBxjPAFEnbe+wfQsbNCTJG\n1p82LH8AVNHcpF5MBM+7o6bGNPGk1Lp/qlX9hDw3b4jpbh+ehmoQus4f2tfw\nP5pOxbDQ6K9Kaek3BWH9SsBsH6BpNQXaW39tpLaMRPdKmz0l23x/K5BujLDH\nR5tifjg1p63XnKAghPw5IA5iGqt+9dNnlLtNfV+QnwZp/glf9fMr2Qj/Cq+5\nyG68WV1APoBpcZruaH7SCWboO3jG8GNNNZAzuaHWTf4yXv6vgFe2dirSbbIK\n943m\r\n=AJUe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFbcNmPw0lAQP2pSyn/NcFGJ1zCTRCFKmIjKe0cUztzmAiB8nKZ4n6aLlAMfHUNtQ8sxDa47LgzXEf4F6HwiaUGCBA=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.5-1_1584587731390_0.40748563760812617"},"_hasShrinkwrap":false},"1.0.5-2":{"name":"rax-xslider","version":"1.0.5-2","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.5-2","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-VEXXmPNwchfmkhaySgKwhkARs7RsPWuvV/G9UEg8ouyuWtfow6XgcVILjTuF4gSrhQeUsqArb+5roo7f/9Q7UQ==","shasum":"c0ee427beebdf9a77556e58edbd8433b9a603b33","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.5-2.tgz","fileCount":27,"unpackedSize":102069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecxHFCRA9TVsSAnZWagAAcaAQAJnghY0pK0dAAUON73cm\nHm+o6qnxGJAnue/OwuJg0rhmw78ItDv9NGBPJMd+VRSzuG5uio9zaFT99oMs\ncTZ1QEdx4ZS6O3I0MhQkCzBkhQr973j4u8QvNXI952zGeaEamoSUlS1wVASx\n80lacUrLA6CDWvLprskaWR4vOVtOUKF/rPA9hccFT0c1j5k95ZiWqlRtp3Nd\n7enxpDA43udguPLsQyipWgPn+MmjXLTrPeI7ZYOx+8dUtf7q+gINYeIf37w2\n37XDWMPnwZGnfy3PD6TN48CzXtjRkZ5paMQ417iuyncEx2Nvlzd1ZH7mQCqB\nWwIQnkQqcpeOQKP4vHM3jHJCik+rMyVFutwtLsJlhxgYeC4gry9GHJy51xzK\ncM5sBSHIcCKdKrONAJkWiSzWbP5UmzieO/pVRgkw3bIh3DTx7TVbl5+VDjZn\nBt7eGYqV8a313lUg6sz8vWbdjLzNnyNA9hIo/qezlcLkJ9v+89+v2W0JoNkX\n6nV+eZVFz+nqqsA+ovVQTgUq/6w8xJvvpfhm2xJylAYi/qaKtA+6JdVHgaH4\nbAejH9VdE3DRbl5sZiNDSLwhcNhbeHRm3Hmh40MVbyiW5TYtdn/a5FUdNfBY\n0PO/K8CLnA6/KWjcBfw00d37Pp9AI2TKaJIaRVbhU5FtoqWlh0yetnlSrEyE\nA1qn\r\n=KQ+K\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDUKg78LlqTNCSpFWEarkBM3pOUqI5JRiENzqnQgX/ibwIhAOag3EqImLJaNg0IyCm60FbGOLO2brIb70C2nIbrcv+c"}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.5-2_1584599493246_0.15477156063994713"},"_hasShrinkwrap":false},"1.0.5":{"name":"rax-xslider","version":"1.0.5","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.5","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-j9835evtsy6at7vSCZSCyFeKzZEbDewySZqwvFMqLgWPm89GHEMgRWj8MbIo6tFt8KVODJ41hDBmM8eoYFrbUA==","shasum":"122b56b471a0823b7c8c2f4350d224c15ede7be9","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.5.tgz","fileCount":27,"unpackedSize":102067,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecxIECRA9TVsSAnZWagAAFCwQAIJ8JyQvi+axwk40z3NM\nBmrMD6NrfdJ0NKjtZOxySIeooHzByyL3yYKSxll11tw8Ygh9xLkwrJ5WJGaw\nX9aCJn+dSmh7EriUYtjI+wJNYNhuy8dgFTzXSc/0e3aUL/krH31LMkeGUEmN\nfKudHlScIy53QCCMflnFvDs8fWvZBM3hvtNcPYe0vws/ya5VXYqLFmr+UWHJ\nVIcwCG77BCB5hCSTueJnxkslN9znZiMmYit4GwNjvRO0Em51rcRtEAO8rybH\nvOnuBMolekIGdW6yl8sNfbA0OSVs7uAKKtxhWF4nrpdQ6Rp4erY48Rq+d0tK\nuehACZmo2W0bTJFpfEMBpGMgpiuMrN+FzxpiNou3x4NVomGLpMn/N0Siw19n\nZa99VFar6KiNdvks++FN4kk2uctWZcswWN1hpb5ZI/piWBi/nz2jX98IrYTk\nXbwDYtXpdM9zyPP/9ifZcr3yK/hDTjnTfRmdHN4FBOFY7Gh9iYV+bjQHkAz7\nZX32SllSAWxE6ej7qhBo+lS92EHIb3Aj8hwr36eawcH3XBkvfxt8AngFfDkM\nwhjYnmTF5JOrWpfpf5EdkfEJGhlBiznRRW7QFoK37jnZqwkfm83SSLIQUpmP\nB6eop7HjqW11ddGyXNDntjdrSR8A4DmpDAp396fXe0kHqN2HaA6LlsvpIurK\nOEL7\r\n=Jy/z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEq+YI+V4nFixwlwAECLxYDYUtvV3tblkNd+/uUXRdguAiAKeNo9MjhI1QksRQxrmZpTBj18G1KoP3Njbh9s/C+sSw=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.5_1584599555899_0.768321048204355"},"_hasShrinkwrap":false},"1.0.6-1":{"name":"rax-xslider","version":"1.0.6-1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.6-1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-dKas2IFQ0h4wzUmPUeeL2Jk2dKpdvo4WHgZyLHPsGds1bkEEo/ivKaV+qcVTydwc//mQLAcZlQWaeoZR4LTAGA==","shasum":"af4554ac946d6293c088ea932184c98d84051693","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.6-1.tgz","fileCount":27,"unpackedSize":102069,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecxKRCRA9TVsSAnZWagAAx8oQAI5C9N+tEMHNUUPwdemM\nqA3mdV0b/cvWP6mjZmQXGCK6q5xBCiMnnqgUSZVhKpCWud4lMUHgRAMIW8Nq\nOFRD1zReLNci4PBAdhGkNCD53tAa+X6VzJ7nvbau8wpy8I8T3yE77hK0UyHg\n4xbK1VWy6/7TpIy+NySUZ/Jei2bkFHfWDfftCam6Vq1duk+GWl+ksVNs97tO\nNlcGEqiFb45ZwICqziR9h0bpntaJFhrfcIiXqkC1ujMqLKcXxRN8nSaDDQl0\nVCbiA4TVBle6XQvyp1TIR+A/S5W6jmwjrN9F5j3/F9ntE6fVw06JcgSKDmLO\nD1/cPpw/PrKWdqi6d7FVmnZE5CBq2L6EyM7/6Bd7HPF0jXK9SzpcJd4sRbpt\nzubBVFCd0uOwyD64zhavZSNI9HGQ827BMaj8IwIIO/0qPyOI73lVlURY9Vzs\noN3pEV/nryVJxBgH6N1f8CvtqwTxmOwUzOW0CJ7q1CcMHQINV8vx+YG3bOlK\nBYcDBfIq+sl/CwzJ+XsYOu8ghoQnyhLML/NqgAuGlmd4OP9F+qVAnw05kIyN\nr9kBLn6j7uLnue2sA/YHe0ns9XOWzQ8oJxTDkUWSQCjeKUaR5gEfWMndF2cu\nw4liZ7A4vSOryH8zZq6PG1bSU1Y2hM71X6Rg+pMFlvp8pBHanv4gmz5wYIbN\ni6qO\r\n=c+K3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFrvATV4LrEgLgddZuTxzhsIY2SX+gA78FPr+C9XNvWgIgeROzMWXv0ao2hess+zccq2CPiNqEt1oSFdorZV521aI="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.6-1_1584599696837_0.09539353833401387"},"_hasShrinkwrap":false},"1.0.6":{"name":"rax-xslider","version":"1.0.6","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.6","_nodeVersion":"10.19.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5aSv/FPrdH4cLDxktSt9rUOf184Ai9K1q1rZuWe27oIvt1JDqI2edA4e4rbJ9PtWa1JbnB1lfbFNxaNNU63VyA==","shasum":"e21c96400aa71d94d1e55c775d0445c864d907d6","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.6.tgz","fileCount":27,"unpackedSize":102058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJecx77CRA9TVsSAnZWagAAxScP/Ak5K8WD8PMiRtw3w36M\ntLgEdkF2k+yuUHSFy9V8x/eosaOPipNePedpSc1MRRykSRm0DTiYhHrO17SV\nrLR4M6R+I8BekeSAK6gWRd7jHChmi0heKNYNCeOG0CH1R5uQwhNz//RMPk7p\nC7N1ml8iHmx3LhxFTw0ltCLMQg9DEwqtlqq/NtYZHnP/+9V9kC+MSCXAXsaP\nnt41PjVQVuvvIXiPICs8oe0N4aq89Ep0ys/A1FfgfBrgdfIbrB2NGQSnfydq\n29LlEE8OR1XcaYlYWo4QjgXTk8/eqmuJVV28TIRlhqJboLOjz4hFKil8CBwR\nwcgoutVLuNHlrEbkDtTZBziLBToiAqSxd96UDOXh+ruFDcQ1NAtWsyBp8eeQ\nnJj94Kh26wGYCEqM8UUJ6pHAc6KHrlwEjCC2C5d0sKqy2SntWgl6YURe4pwr\niakg037EhHn5/EXHF/jMEr4f2O3C/MD6hZ3qkseoeWCaFtgRaliW3egz3eso\nsVrsInTa+HnOFcHRHkPnkooMbXZIO1DoRjVbL9CrlOEEWaracxQW0Kl9f/hn\nGgN5XuH5w5JN/+PtFqyOWlEHYkKtUbyRfWHzLrM1/JQ0YrLXeecDrEI4yzh4\nbGFaiStvnaJY4qYdJXbFvbQk2MpTqNLZ9TDJyTls8Vb/M9+43qVaSIAhqle6\n1Zlu\r\n=Whia\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0dyuXHGmQ59aqOg3UTvX8sGckSOIfkXrNvNzxrSZxVAIgFnScI3dHKScNuCuUy5wdXulL1XoEoJCtVx3zQHMX4jI="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"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-xslider_1.0.6_1584602874697_0.18372971492987622"},"_hasShrinkwrap":false},"1.1.0-beta.1":{"name":"rax-xslider","version":"1.1.0-beta.1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.1.0-beta.1","_nodeVersion":"10.16.2","_npmVersion":"6.9.0","dist":{"integrity":"sha512-TWceB3O+3DtezMMgCfsGOnNgs8sYkOhpQnpZ+TD+uMXgweCMxDsmPitteZbh3MhoM93mItR0OBtm0MsenhTlhQ==","shasum":"494dada38234a69a92998463cb08a5adc10006f4","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.1.0-beta.1.tgz","fileCount":26,"unpackedSize":94144,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJedIAqCRA9TVsSAnZWagAA/IkP/ioxswst3MQY6k5EDy2n\n5iA1rFdAD1zf04aV1XAj8WS4LZNDkN69Y12fSbkpkvDbgVEbmy2nL2pvTzBv\nxAbgObY/eXYiPMyc7LAaW544gt8TZK7hI+u0nWJi/l5V9T9Be30wNXrfSbpd\nbEWdgOQnRiAx6ylv0UEM+hw81qC+D7c4B5vcO7I7cwq0snxP3JEbR7pQIQ9U\nMc4RSrUy4Bg3+k5/rGb6wZqmqvEkXwFO9COuxtPIIYZnaZdwwV4WaEeBZUId\n/b0keXkV20TrdPspdxA9Rp0FF5koeRoLSZ69N5BrT34z/7wTULWF6mE7rRBL\nY1QYaAPshOsYhQBdkqRJrn6qrSg5ax+aHNBxJg81YtoPS1LgqGSHMUZqm9Ho\nigyU2wrXrbM+rBfZllG2wC1hV3G0/H2Z65N510Pt58cnSSrzIQrichX7KrbQ\nLIY1uDvmx0TfzSp74Tl0Qpx/VfyYgX+0dJjj309hLr6QYX0jRnzxR0+GWzbx\nQoNUqpoWy3Y3D8SvHwXSTDx0f+g72ZkZbJsDgB3ZUhXytsQyUwJrDPksxKud\nr7kqrPJ9ug8u+GRfWlsSrMq0Pc6rcwiR1ipIEUXGzCgku3M/GxZ2wmEaRRfH\njueKVjImCnkODEUl+4PlbgU2yQB2nP6+64mM1p/9nXHeiiL3b5XZkM9SbLJM\np99X\r\n=9IMv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCq4/CgY8NIEFzeyLJYeC1I4Vo37RERWnhN3c0P5zdpGwIgG7aiC7sK93qFBP1NSLCXPko+3Sl3m75eLdyIvUJ8cgY="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yacheng","email":"narutosun2@163.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.1.0-beta.1_1584693289437_0.14740284368312762"},"_hasShrinkwrap":false},"1.0.7-1":{"name":"rax-xslider","version":"1.0.7-1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.7-1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-6cSk72ZTiX1HCtkT1Zn8n8c3miiTvoLZjPLTa7XrYOH5l5WqxoxH6gvFHHVeRFvdpIwhuVxigEmOcym2GfCLVQ==","shasum":"49496ea5555680a399248c0573d436fec758e672","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.7-1.tgz","fileCount":27,"unpackedSize":104957,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeehaZCRA9TVsSAnZWagAA4ScP/iR63zRcZoXHC6sFPuca\nLEaGDqBrvR5lhO0SZFOMGzAeg+ZuEe2ORU4FyqPpIfPuyhzOfeeggkN5BsOT\nVZcE43s8AFzIMgzyaolDku9jQKwb3CQFCvPPawVQj7fQJyQDYfTeqnY75FSX\nkJu2qybqDj6tS6IwnoTTMGZgFI8YQtzToED0TkjiSLH6f6h2eNjExx9Djg01\nudECVbFEECrHZLHLSgecOmLXpalsDRNykpbP3aUbEFQTVumAXEK6gkKkfeeq\nVwjWxY+koK9EbIywY92Qw84PFATC2pb58DAqlt97hkcPkKJOK7dcFyjsT95t\nC4Fg2QSfwur3JLAZTsgA+bSmxM5K9TvBIrvTCAOdgU/nnFKj6V99TnCpfHUr\nJsYnd3KOQntehOgk/A9zzithmW4TPFmLE1V6dN8kYOSn/F6tpBL6EfnHKnEd\nZyb8To9ZeJkE2UK9AwR9fB6HPi9wVUq/s565MVQSdBdVYNoT/J+5K2JU5KZu\neQQOmXsrSa7gITTGBm+BuZvL1sjw3UYUc9jLZ5UJM4b2OMUplfQQQlZlwzzq\nnZ/CTGhl/O8SQDv+W8vVYlucXI+kqRgmR7kw9nMZw1n3Dsl7az39ARbIAg7U\novtfjpe13DXfhz+MlkqJaP/Fa1hszC43/VG8PjJgViLXtdjH3MbKKg+PGAJ8\n/cll\r\n=orFP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICWPUB97HlkktsCHkuY++xnaKwjvv1BYaiUKVL/eSzQXAiAsEYVYgBddeipjUvXReuoeEJ17BRtu+bK8cfX4aWjdSw=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.7-1_1585059481110_0.23338405445272414"},"_hasShrinkwrap":false},"1.0.7-2":{"name":"rax-xslider","version":"1.0.7-2","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.7-2","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-8uKmdbVbtgOa2whnDh4n4ce5vZ4qfWjRpw2nJflFnRHYVLmXhgyW2CVUnrGfyNOepczhbO+B0ZBxN6GxOp2GlQ==","shasum":"5509266481d36188b20c5cc45dee111d4d784987","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.7-2.tgz","fileCount":27,"unpackedSize":104299,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJefWLcCRA9TVsSAnZWagAARfIP/3nBSLE827i5YNKQf6L6\nmbBumWfM/sTn5f9JOf1Rz5MYc0HdkSu/0lIRrLx3FFE9OXFnATUmwUFYiKoZ\nghRzeMnqYKwas6tpayC9gPRJTmF+zyEb+7wuvEl/MtNDi7N3C4oPY0irEPtm\nrBp5oM/MnEPd7xfCaf/8CDxH9LWKxpwVtuBg8rMcj75XWHofbnrs0hWryvZU\nWkormdyH4zE+H5XKrcogq42q3rROXWOOXoK/vhCCEqpy9rM72qLjBAtI+/VK\nq2BMe7Ajh88oU+CQSJFKKK4kG3vUcWHSPpjzqrOklmDUUQb4Aes/Cehiq1zl\nM8rPm+J4KABcP37YXRlLfBUSeCv5eXn8q6P0b41br+0jenUC3PXYWeldYOyd\nYCOXQHEOKFLBZpT13IzDOnLMf8YwVTYJrgmoNDC54QcLyJBg2bQy9Stw1vXp\nbRTeU2E7fOA3UKfptKIgl+jPnRUBzbcf3kYgrJ3ZFtjsCBkS7MYItpBIQg/c\nBlN1fTUY+VYm2s+Me0RfZ2tfxIr/ys8cmSv2DOrpxxS5VMU6EYEyF0PLOKkL\nFr3GaOkDHOf6/xyUxjilMw5cVxkaXuWYLrVaf81ZXC38PDqjfMMbsPlpTs/w\n+XHh/2s1mimn+p/kKbu7p+4yVFEUe/xKFleYlHd7Hshgwwjti/pZvLBPVZ0v\nEbHF\r\n=8IHw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOWo5ADMghwY1jsFR1FGFZ2hA94IJK9OVYR8gSzAjdogIgXWhFDhNEehCkvMouxZ9WbSW72ODVYoCH7pHcSqij9TU="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.7-2_1585275612168_0.5998109313655597"},"_hasShrinkwrap":false},"1.0.7":{"name":"rax-xslider","version":"1.0.7","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.7","_nodeVersion":"10.20.1","_npmVersion":"6.14.4","dist":{"integrity":"sha512-MxtNnfqthnYCIU7FfPEV6Oj/b/t812VZZfkZx3JBPTAhcUUFvPzNdouvDDWAnJglV1wdwcZ3Ho0cGVPxMRF3Mw==","shasum":"5bfa3f327a8148c71f1bd54a43c62dd87b37bb29","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.7.tgz","fileCount":27,"unpackedSize":104252,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJen7SaCRA9TVsSAnZWagAAWUMQAJUqvWAX7M+dNEuEFFxh\naqia/gENZFTeNwvLhQ8TnXpzmSgoN6b69R+sQy4YUQCoQAROs420yVJk0Db8\n0+mDuY+hqwlLCkgI3Pzl+NoOTa7wuMOkA6xsL8AIA8TanCoEZl8DbS2mVNYJ\nhtynsOVhGKCedtJH9UGO36sZYecrWD/X9yg+qHF+YrKlSDEFgisHrESGuWci\na+73k/yppV1kcdGpG8Gx8U8AzFQ0VTfmsaaupWQKE6HZec122bz1fxI8ZWjr\nTCcVmKzXO0bzMSzDhNX5XDrPcC7gBl1Thotuv5j7lhn//m7rrLGbo8IJEPg3\nkc1yTbSmE3LToINcOHLMfHwbclwvyuaKkQX+X4U69joLPLF7PDyD90pLUK4z\nVmklfbryn2enxs7ZZ67qhjJjHjjuCqGiTD8jLPrQAs/lq3Roy64EhgyLVyO7\nAcmsj1F/rp+NYPOfaIoDUlA0eH0GMkIoOGz9+z1Dp2lwOLz1ld6cA/ThDW1Z\nnROlCB0zeSqwlJYwAEK8Yyozw7hrhI0iZn/eyTR/4NFcif+cDyhaQdsIcxWA\nUNQbvyvUd8ffgnPf9H7JT4IDlGqlj7albULakn+lDcDTOIKNDpYv6XkDHQht\n1tmvI5U2VK8OKoDJUeV5tytfPltS+hPNhxKCEinoI3JmSbv9BOU81NtJlq8a\nhsZ4\r\n=jfU0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB0aNb2ebnec1mbUH64FPhYPWOaZacANc7Jyig5BVOGwAiA63cGBnuQf+xsWdBTB6oZq7+YcJBzgca6bzBflCbx4kw=="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"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-xslider_1.0.7_1587524761572_0.2122742161204625"},"_hasShrinkwrap":false},"1.0.8-1":{"name":"rax-xslider","version":"1.0.8-1","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","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"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.0","rax-link":"^1.0.1","prop-types":"^15.7.2","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@rax-types/rax":"^1.0.6","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.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"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## 引用\n\n```jsx\nimport Slider from 'rax-xslider';\n```\n\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.8-1","_nodeVersion":"11.14.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-9S6VTacHN7QtEndkFL6cIUUsW/LtvWV1D+cFqzxEBtei1ftJ9APQDIr0YSMYArDdt9UJVDDH8HKypJ5SdZ3fxw==","shasum":"37e4dc9fbd99b6c092ea774c136e0a72bd5e63e0","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.8-1.tgz","fileCount":27,"unpackedSize":104263,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexepvCRA9TVsSAnZWagAA0z8QAJxRuQ7NtR1YRyexMT3D\npT1z3ClRaHwANNGAwp5/lXwN82wnN40goo9oJYQupBbsS0PUi1THtJEqcAEn\ngTphbya79gnQkO7JgvKo3kH65pXso/A9Y+xQAu6t3uMYtI055oeT348OCM7J\nNJLfRNtfTMZihOS+jfYPPLw5/IM57zPzoDpUL7SItndHdDy2IlMx39DNWXNm\njPGRZPl9RknHIs9koPdxBosOFLNhrx1I24XLIEgGnP1Fn6PyKp6FvTcLqp2Z\nKM5ZbyWWxNZaRLW7sL4WIE1Zrh1JK7wrfMhy63IEoiMyhrIisE7Xt4qKR76F\nl67aTUxtf6hQXZqsbuDLzCtalJ9xy+Y/A2UdRQyuJDPiN/y410M2mRkssLLN\nyEeUHFFHgTMp9J+ouBmT/GG5++v+0iujlSWWLBL78Sp3tBprNXVmvZMZS4M1\n2KtmRWQYMpHN1myRf0ZFXpOngfpCQbSt5U+01cGwfdjJdKz2x7Q8+N4ZVuTY\nFc/vHJs7IRh60bLWO3s2kEjKMVZx1pV7RiVZw+zRlU8L95tfGM52R1wwHIQr\nbpsErL5sUqmWCZoQiWDEQNkX3zTG/04Uwz02ZzBVW+lIBdi93JehweGoQyL3\nkLbxdld34R2ngdSBWMoEPcscDc+GbCFtVysyj6IGtmnhbq74aufmOIJ/HkUm\n1PJm\r\n=ks6h\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2ZwdZHt5D1hc5pQXfYudPyAC5feZu9F6cDl9MYaf40wIgZ1NSI8nUNo4Ys8IB9gg1OFB4tuQpgTrB92rEYeMXXc4="}]},"maintainers":[{"email":"rax-public@alibaba-inc.com","name":"rax-publisher"},{"email":"narutosun2@163.com","name":"yacheng"},{"email":"244055388@qq.com","name":"yuyue94"},{"email":"wssgcg1213@qq.com","name":"zeroling"}],"_npmUser":{"name":"yuyue94","email":"244055388@qq.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.8-1_1590028910948_0.4716349641282125"},"_hasShrinkwrap":false},"1.0.8-0":{"name":"rax-xslider","version":"1.0.8-0","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","prop-types":"^15.7.2","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.1","rax-link":"^1.4.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n# rax-xslider\n\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.8-0","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"dist":{"integrity":"sha512-UvBCh446Xa20QndvDswho0U2UEv7J37nQ6y7hCkWTFGrQ+bW4Zx298XVvtyuaVupCMjwJYJ4M+kW/A9jjhaZGw==","shasum":"1398c6c28d28d2a73e02544a3f02ab0fcd84da3f","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.8-0.tgz","fileCount":48,"unpackedSize":209060,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcY6bCRA9TVsSAnZWagAAmdQQAIxJLH6Mt5wZ0YlL6fCO\nKGijcKyFatbpNCwehgfAXEkHqCsk8vSGLoyufWnrLikvw3WYrE8EkfXUdwpa\nK/KcYFBdUs5WWrfkQxQHX9nUH5ZWs0ZlOChdbDPjli6ezO8WWDh+X6hw6EUK\n7f+zhSjRl2SYPlTGrI2WDIdhzMke+kJKM6aH4x4sNdXGcrpEoLmzncC7XP0Z\nFs3Y6tcWWYrxVbdsSjdAzJyq5YY6vnzAEa0lR/Q9SutSOSgUmUmAkV1B9bOp\nh/Jk/1lKgDJ3ZWOKR8Z48SRM+SHGKKClkshfgOoD0OYQv7wB7sI3tCm0dIyy\noJgKyq6CxXUfmhaSj2cfM8VQOEM7gV67Cq3g9cIuABj62o5YjCwZ+P5pvn3z\nHLUYNYoPKhUC87I+kvyJwof4oMjNwVWc0wGVEPTH0dOvhMXKirA9xIYS4rXn\nRvYpkNcGaZLDg5dxdDggyJcLoCkNQzAnCCdd8Lf247yJoc0K6vcs5/9YjICq\nO43UcKsR3ottkX1u/ytIIum5OEsfaXI8K+mW+xGqefls52Fr7+NRR2K/CUEC\nzuC0x7/xGSLL/yea1MdGYTq6d3v3T3zyyOaHWPW9c/TwwkdqstjfI7RsLyE+\n06Aic2/YUXcLF4wdeOib0H8LBYxgkOai66lLtsIyCw9mbyIKSJ6gPiEcmHsw\nhYsC\r\n=/Uf6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpQQr61kwcBIWy2u4O1awu/r3g9vu6wCvBCpICbfOdKAIhAKslpX3thpffYD2aC2e2z0wtYragSvIVV523KXyDOdEY"}]},"maintainers":[{"name":"zeroling","email":"wssgcg1213@qq.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuyue94","email":"244055388@qq.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-xslider_1.0.8-0_1601277595147_0.02079839078398038"},"_hasShrinkwrap":false},"1.0.8":{"name":"rax-xslider","version":"1.0.8","description":"advanced slider","author":{"name":"john.yy"},"main":"lib/index.js","types":"lib/index.d.ts","scripts":{"clean":"rm -rf ./lib && rm -rf ./package-lock.json && rm -f ./yarn.lock && rm -rf demo/miniapp/lib","build":"npm run clean && ../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"keywords":["Rax","rax-component"],"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"engines":{"npm":">=3.0.0"},"dependencies":{"object-assign":"^4.1.1","prop-types":"^15.7.2","rax-find-dom-node":"^1.0.0","rax-gesture-view":"^1.0.1","rax-link":"^1.4.0","rax-recyclerview":"^1.0.0","rax-scrollview":"^1.0.0","rax-text":"^1.0.1","rax-view":"^1.0.1","style-unit":"^2.0.1","universal-animation":"^1.0.1","universal-env":"^3.0.0","weex-bindingx":"^0.0.49"},"peerDependencies":{"rax":"^1.0.0"},"devDependencies":{"@types/rax":"^1.0.0","@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-dom":"^1.0.0","driver-universal":"^1.0.0","eslint":"^5.16.0","eslint-config-rax":"^0.0.0","rax":"^1.0.0","rax-test-renderer":"^1.0.0","typescript":"^3.5.2"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","_id":"rax-xslider@1.0.8","_nodeVersion":"10.22.1","_npmVersion":"6.14.6","dist":{"integrity":"sha512-LjNXu1pdir7XnkvLP2Oxlq6rA0EDz+SB3btZT5V9w4hHml9oyIk7n9MpHVWgT/ESHs1+1leVOljrWInFJRqP8g==","shasum":"031e3394c9e797737bdf67f1b824daa189eac75b","tarball":"https://registry.npmjs.org/rax-xslider/-/rax-xslider-1.0.8.tgz","fileCount":48,"unpackedSize":209058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfcaQ7CRA9TVsSAnZWagAAwK0P/ipGW0UgxLVbvQc8O6u3\nGcCmMFPErBVa+OIlim33LF6PBaDqwFHzQdPiPIzygyaHfmyksHPzRKurNk9a\nIam0In0be/+vOfhVYw1NXGi4SWIyNEbGXLdXxbnzwssDXifmEd9ejOGQ8s5j\nR7XgS1THOixUnAxL7988m6ySGuunW2a7gs77egoN5VEgqVwg/gmD0epeL1tl\nuMfwM8FaLqB09cZsmhWYXrY2Q8Fv9QoLU1UdHhiq7GnN4U6tM8/mtRlyZ5tg\nQoPlAGqhA8k9EOOwYe8mmgxognKTc86ud1vmb5IMT2QJ+B2qsKvyEoRWD9/p\nHEnM9nntpXxbbjBM5HsCuD66LTqZT1XGRIPytn+WL5AteKG5CDLwOxmZpdXZ\nDC35/reTf5kOOBauWOWbFqXMhh/PbfFWqTM0JgoU/eWya3Bx3STA+InWw7mx\nTx4ews6f8S8LUxjEiCXUKozmR8puaGQe2SlmA5O9e9TDt8gVEKoUQ58+fXfN\n6QOvclqiAvXHlywL9EYZ3p8zLOiGchNCKp8OelDvievCfiylj6LwqBGpIf3U\nMHd53YNq7R8slnuhCzh2JYpJfkJNTFhiXOk81wi0rcIn6M87G5orjzxcBsRP\n6HVVbDERj6vQWLTaxbiGDcVnYmUma7LvYP2WosTjJ6B2OvaooOg6eaHX0NOh\n10Gl\r\n=PwoH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBT1sCRZPDiYWkHWegH5cJuPJmE6gTIGA7n1wwYmL87YAiEAwYvwoMU59gjhPNCfDBSHXPUZPRtu2f+yAsdbgR7kGqE="}]},"maintainers":[{"name":"zeroling","email":"wssgcg1213@qq.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuyue94","email":"244055388@qq.com"},{"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-xslider_1.0.8_1601283131285_0.14431136050376758"},"_hasShrinkwrap":false}},"time":{"created":"2018-09-13T07:13:50.389Z","0.6.5":"2018-09-13T07:13:50.558Z","modified":"2022-05-14T04:10:40.750Z","0.7.0":"2018-12-18T09:21:59.803Z","0.7.1":"2018-12-19T02:27:53.363Z","1.0.0":"2019-08-01T06:34:41.699Z","1.0.1":"2019-08-01T13:09:33.369Z","1.0.2":"2019-08-01T13:12:41.537Z","1.0.3-0":"2019-09-26T03:25:54.231Z","1.0.3-1":"2019-09-30T12:28:11.826Z","1.0.3-2":"2019-11-22T10:13:16.925Z","1.0.3-3":"2020-02-05T13:36:03.538Z","1.0.3":"2020-02-11T09:10:10.413Z","1.0.4-1":"2020-03-09T10:06:47.580Z","1.0.4":"2020-03-11T07:21:25.980Z","1.0.5-1":"2020-03-19T03:15:31.570Z","1.0.5-2":"2020-03-19T06:31:33.386Z","1.0.5":"2020-03-19T06:32:36.014Z","1.0.6-1":"2020-03-19T06:34:56.955Z","1.0.6":"2020-03-19T07:27:54.832Z","1.1.0-beta.1":"2020-03-20T08:34:49.638Z","1.0.7-1":"2020-03-24T14:18:01.222Z","1.0.7-2":"2020-03-27T02:20:12.496Z","1.0.7":"2020-04-22T03:06:01.677Z","1.0.8-1":"2020-05-21T02:41:51.099Z","1.0.8-0":"2020-09-28T07:19:55.322Z","1.0.8":"2020-09-28T08:52:11.463Z"},"maintainers":[{"name":"zeroling","email":"wssgcg1213@qq.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuyue94","email":"244055388@qq.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"description":"advanced slider","keywords":["Rax","rax-component"],"readme":"[![npm](https://img.shields.io/npm/v/rax-xslider.svg)](https://www.npmjs.com/package/rax-xslider)\n# rax-xslider\n\n## 描述\n轮播增强，仅支持h5和weex\n## 安装\n\n```bash\n$ npm install rax-xslider --save\n```\n\n## API说明\n\n属性都是非必填，所有属性h5和weex都支持\n\n### Slider\n\n### 属性\n\n| **属性** | **类型**  | **默认值** | **描述** |\n| ----------- | ---------- | ---------- | ------------ |\n|loop|Boolean|false|是否开启无缝轮播，安卓下无效|\n|autoPlay| Boolean | false | 是否自动轮播|\n|interval|Number |3000|开启`autoPlay`后间隔时间，单位`ms`|\n|resumeInterval|Number|2000|手指离开后至开始autoPlay的间隔时间|\n|duration|Number|300|切换的动画周期，单位ms|\n|easing|String|cubicBezier(.25,.1,.25,1)|动画缓动函数|\n|vertical| Boolean |false|是否是纵向|\n|cardSize|Number|750|卡片宽度或者高度(vertical)|\n|startGap|Number|0|卡片左(上)边边距|\n|endGap|Number|0|卡片右(下)边边距|\n|viewportSize|Number|undefined|视窗宽度(高度)|\n|extraBindingProps|Array|[]|根据slider滑动所需进行的额外的binding效果 如：` [{element: this.refs.wrap,property: 'transform.translateX',expression:'x+0'}]` |\n|cardTransitionSpec|Object|{}|卡片动画配置|\n|beforeSwitch|Function|noop|切换到某个panel之前|\n|afterSwitch | Function | noop |切换到某个panel之后|\n|indicatorStyle|Object||导航器容器样式|\n|indicatorItemStyle|Object||导航器选项样式|\n|indicatorActiveItemStyle |Object||导航器当前选中项样式|\n|indicatorComponent|Component|Indicator|自定义导航器组件，设置为`null`可以隐藏导航器|\n|defaultIndex|Number|0|默认聚焦到第几个panel|\n|minOffset|Number||滚动offset边界最小值(仅loop:false下生效)|\n|maxOffset|Number||滚动offset边界最大值(仅loop:false下生效)|\n|minLoadMoreOffset|Number||loadMore组件的onLoading触发最小距离|\n### 方法\n\n|名称|参数|返回值|描述|\n|:---------------|:--------|:----|:----------|\n|switchTo|(index, options)|{void}|切换到某个tab|\n|stopAutoPlay||{void}|停止自动播放|\n|stopAnimate||{void}|停止动画|\n\n### 参数详解\n\n#### index {Number} 索引\n\n#### options\n\n##### duration {Number}\n动画周期，可覆盖全局duration\n\n##### params\n可携带自定义参数，在`beforeSwitch`和`afterSwitch`中通过`e.params`获取\n\n\n### Slider.Panel\n\n### 属性\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onAppear|Function|noop|卡片处于可见区域时触发|\n|onDisappear|Function|noop|卡片离开可见区域时触发|\n\n\n### Slider.LoadMore\n|名称|类型|默认值|描述|\n|:---------------|:--------|:----|:----------|\n|onLoading|Function|noop|在边到达缘时触发(loop需要设置为false)|\n\n\n## 基本示例\n\n```jsx\n// demo\n/** @jsx createElement */\nimport {createElement, Component, render, createRef, useEffect} from 'rax';\nimport Text from 'rax-text';\nimport Slider from 'rax-xslider';\n\nconst styles = {\n  item: {\n    height: 400,\n    backgroundColor: 'red',\n    justifyContent: 'center',\n    borderRadius: 24,\n    borderWidth: 5,\n    borderColor: '#000',\n    borderStyle: 'solid'\n  },\n  txt: {\n    color: '#fff',\n    fontSize: 50,\n    textAlign: 'center'\n  },\n  title: {\n    backgroundColor: '#f7f7f7',\n    color: '#444',\n    textAlign: 'center',\n    fontSize: 200,\n    fontSize: 28,\n    lineHeight: 80\n  }\n};\n\nconst colors = [\n  'red',\n  'green',\n  'blue',\n  'orange',\n  'yellow'\n];\n\nexport default function App() {\n  const slider = createRef();\n  const getCardTransitionSpec = () => {\n    return {\n      props: [\n        {\n          property: 'transform.scale',\n          inputRange: [0, 1],\n          outputRange: [0.8, 1]\n        },\n        {\n          property: 'opacity',\n          inputRange: [0, 1],\n          outputRange: [.2, 1]\n        }\n      ]\n    };\n  }\n  useEffect(() => {\n    // use slider.current to get the instance\n    slider.current.switchTo(3);\n  }, []);\n  return (\n    <Slider\n      ref={slider}\n      loop={true}\n      autoPlay={true}\n      startGap={75}\n      endGap={75}\n      cardSize={600}\n      cardTransitionSpec={getCardTransitionSpec}\n    >\n      {colors.map((color, i) => {\n        return (<Slider.Panel style={{...styles.item, backgroundColor: color}} key={'panel' + i}>\n          <Slider.PanView style={styles.panView}><Text style={styles.txt}>{i}</Text></Slider.PanView>\n        </Slider.Panel>);\n      })}\n    </Slider>\n  );\n}\n\n```\n\n\n\n## 使用须知\n\n* 安卓下需要配合`<Slider.PanView>`或者`<Slider.PanLink>`使用，分别替代`<View/>`和`<Link/>`标签，否则可能无法滑动\n* 手势滑动可能会和外层的手势滑动冲突（比如scrollview嵌xslider纵向滑， slider嵌xslider横向滑，tab-panel嵌xsldier横向滑），请谨慎使用\n\n\n\n\n\n\n\n","readmeFilename":"README.md","author":{"name":"john.yy"},"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"}}