{"_id":"rax-swiper","_rev":"46-5aa250332e7c811851cd2ff1934d5f87","name":"rax-swiper","dist-tags":{"beta":"0.2.4-beta.0","latest":"0.2.2","alpha":"0.1.6-1","release":"0.2.2-0"},"versions":{"0.0.1-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.0.1-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^1.1.0-0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.0.1-0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"boiawang","email":"zhengwang2314@gmail.com"},"dist":{"integrity":"sha512-raOFh6OaCMzZgzgxrmfJunMAWIs9O0wfi7aM+sWQshCPWbUHcCTizqGIcPb708OAxsEFfIdMHcB2BMVjQfU05w==","shasum":"3e7fe233c3799a4a05930d117027d22457676628","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.0.1-0.tgz","fileCount":17,"unpackedSize":36721,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRODrCRA9TVsSAnZWagAApTUP/2ABPx1fWxbkqK+O5WAY\nUQIHW9kshh9KpPtltbIUQ698VLYbvpieOKq+sF0gDD236Zv8BiQFolNMXfeV\noUAUYUI9AVZdqu98WMpJYiu2poUAyAYutzEiJhUw7acjainYelwG1VlxUgNg\nb1ZS9tzoYUv+0ziYSLIzUwXqhumkckQoycIxdwvZKu1kDH4YePU4N0/rzzAH\n3X2L3ktCJgMU8E4qykanTSwq0w6mz61spdHRHJL736JU4e/EVeJrg58Yr5VR\n0TCOinWrFlXxdLtPOp69OoRuia1n3DvG3c5UAG//cYK1o5+opEdvWwahdQ3T\ntWTeRG6mmXUUz+HhXlQLb/UbThPJ2wzZTXeEWmWtjL7pTBEDmJlu94+oXxv2\nwwcocJW9fVie37lU1Xra6nFM//VQTeFPZPH8InsETktTeWU/Di5P37vXClCW\nUzw6j+mWTrsvOiKZqg/ZU4nFQ+zy7i+glMepVZTWUhnGyyCzpIhCO/vV30PD\nt2bpZ7Rv7XyowX7+Kbx+BihSmFBTDPfOpGxhWBo6vrQxsGUAdcV8GDner7d9\nFYMfB5kPCYGS5FVQg6zx3riEI0OIq7bqYqTKHidrPnn0DW16Am0m/TzfOAlw\nl9F9NBGACMthBm4ZttYxGs6G6eXqpNo+DkEGEOx/U2Yp/ZEohI5I0awFk3Yx\nFioR\r\n=3O4s\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ5WXYwY+ZYoK1YqUbNKPKGrbR4taNZ48y1DLHWNHyxwIhAJCYbzwGzqB+s/qtCIx0eGma8ftH7ZB6w0nECRYtBlTk"}]},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.0.1-0_1598349547294_0.6673550647417963"},"_hasShrinkwrap":false},"0.0.1-1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.0.1-1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^1.1.0-0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 描述\n\n轮播组件，体验远远好于 rax-slider.\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n注：只支持 Web\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | \n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- |\n| autoplay         | `boolean|object`  | false      | 否       | 是否自动播放                           |\n| pagination  | `boolean|object`  | true       | 否       | 是否显示指示点                         | \n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | \n| initialSlide            | `number`   | 0          | 否       | 指定默认初始化第几页                   |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | \n| direction         | `string` | horizontal   | 否       |  滚动方向 (`horizontal` / `vertical`)            | \n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport {Swiper, SwiperSlide} from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onchange = (e) => {\n    console.log('change', e);\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  }\n\n  render() {\n    return (\n      <View style={{\n        width: 750\n      }}>\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => swiperEle = swiper}\n          pagination={{ clickable: true }}\n\t\t  initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n","readmeFilename":"README.md","_id":"rax-swiper@0.0.1-1","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"boiawang","email":"zhengwang2314@gmail.com"},"dist":{"integrity":"sha512-YSDYotSuds9Z3o56xdrwnAOje8e4m+wwVeY6yVqWkZ1/SMYJye7VXeoRsk6lSMy+/seg8P9w1MS+DEpKIphepw==","shasum":"ec5b4906aa20f753b5057c285c25a6b6f235a177","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.0.1-1.tgz","fileCount":46,"unpackedSize":123186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRPGfCRA9TVsSAnZWagAAAtkP/05Z1cchBWIQonUa5hmg\n5fTepiged2VMPPZ17GqdIgF8IgdtPSOEYsnGxl1xmzQhwy+EH2aUFL1mQc7p\neGcCNkc1PRBg7ZzuZ8XKptrcAcqM0KThSqv90Q4FBxqSQnJ23CsvVPTDlxdk\npCSCDFzl6+4v3q661m2qfWLMohxkpN88Tv1CzV+OqxpEcjR6R1AKgcdSPHp+\nxL2NYvt8qF0EU8zUN4MS5dmsqbS95f4+1liZZpJzOz0TlJSqOMtfN8oBWrLR\nYr1e5JlQg+T/MOHWZr7AiR1tx+uo5wxungMG9SSkRd+DxGwS+PzLPe1d7EMY\ngK09THHwbv6V0Q1zZUZek5DsJAaWg0Eh9PquwIHCiwIyZtkzw7JGZoatyl48\n7faAkDP2UilmffrBpmfbjHg1O79UUN10X3qam3WmExkoEnUuSm/7ftKDf2pw\nomp6b5byKH9bR3yqb7kShapnUFBbIWFzpOXYo88q2aH7Sb6KgVL3Stva3DPY\nCLtVSbDGtVv2kjUlAE5mlqHopxgAK+EMXRs29z9QQOpsixqByaIP/9E/qePN\ngzkUvyldKE+uypo4WPi/tjwxwTFBy8WikTVZVwSFbOwhK9fN6oCjKWETSJuL\n9nppZpNf0y60R4vZoRrNWZREndvyRs4vv3y9c82wD9adeXR/+vC99rFZLbVO\nwMVe\r\n=QCuD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDb4zWIuvXmzHKx1TY3doqYSSWZN6Za0xQ/eGT3aZb2NAiEAxVTYffc6aDNxf3Elpkn/m0RB9MkGqPtBK5cnep2IWOc="}]},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.0.1-1_1598353823342_0.8656670489325675"},"_hasShrinkwrap":false},"0.1.0-2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.0-2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","quickappConfig":{"main":"lib/quickapp/index"},"keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^1.1.0-0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 描述\n\n轮播组件，体验远远好于 rax-slider.\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n注：只支持 Web\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               | \n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- |\n| autoplay         | `boolean|object`  | false      | 否       | 是否自动播放                           |\n| pagination  | `boolean|object`  | true       | 否       | 是否显示指示点                         | \n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         | \n| initialSlide            | `number`   | 0          | 否       | 指定默认初始化第几页                   |\n| onChange         | `function` | -          | 否       | `index` 改变时会触发                   | \n| direction         | `string` | horizontal   | 否       |  滚动方向 (`horizontal` / `vertical`)            | \n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport {Swiper, SwiperSlide} from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onchange = (e) => {\n    console.log('change', e);\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  }\n\n  render() {\n    return (\n      <View style={{\n        width: 750\n      }}>\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => swiperEle = swiper}\n          pagination={{ clickable: true }}\n\t\t  initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.0-2","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"boiawang","email":"zhengwang2314@gmail.com"},"dist":{"integrity":"sha512-rmUjMJ2QRsVBXaHoTCbKNb5/3yMgl3j8+ySe2eVTlJyMU91+BhvSa7amYAuL+rsnaOdNYxfIEDP2PKAOcQqPgg==","shasum":"7ad5b2dc7506259f8a1e1d048ae9637f953d8024","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.0-2.tgz","fileCount":50,"unpackedSize":186086,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRgkSCRA9TVsSAnZWagAAuSAQAIF1ffGYcA/H3XkLICyb\nppklGFExcAHk63IrrAFtpT/hVysyTSXTA6FQ/4o94vyqCGsqirI2F09Uju5l\nytF5cOF08B+CDwE9eyqkplLMEvfDeE82gmgUer4hEQg8Avhz48VQSMXwE4wg\nRaYVn1OPFTM4bN3r9WP/uTO6U8ibODVSNKD17hB36bUPeB4m6aXytf+VaI+o\nyrLW0FqYmy+VrNWEF9DgdRg81jnIe4HnaFm0LTZm9qDK+sCj5Fa1ZiruZfWo\nNtWreaobMEi0KqhlWKx+3ro8wLBuXovcEyqKUW27POp+s3fFbU6jGP0a0+mR\n1AGRZ1QX41P772FMgJ0L1BEIwbZNKSPR0NcJyhKqn5jCbtcr2jFzyW8aL2B5\n8Axwkft8rW74oYysX0YalnqEh9PIs9lZBKk4z8XTEjLsSorst32TcXnm14nU\ngC+qo2+Duv5Avw2kMV/N68+jUyV1eCpvjE70M9dmG9ChMpte+PaQLpxrdwiW\nFdZ3kwL4ElqBIAUoQdEwssboChGmLvplD+A68+cE8ivBHJs2TeJ9q8ij3Yoy\npHC4rozXUftYv8x8npWxaguPxV0kKq0iQmEZ9dYpu7BrB0FpJz/++Cq/NpKn\nXi5jn9aTrdU8kH5idWOVRbEEHwQwX4lx/etuuCTd2EgKj7II5H1KIPLe75Gx\ncuyf\r\n=amIm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC9dLIdfXQ4O5jhC63gCsLS2cKs7OMh4y+nuJ+qP2jRigIhAOHEJtXLp6Va6a4pLS9LaOsHI7Z2tgzh7+tb9l3x3uSf"}]},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.0-2_1598425361772_0.11019221965580783"},"_hasShrinkwrap":false},"0.1.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^1.1.0-0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.0","_npmUser":{"name":"boiawang","email":"zhengwang2314@gmail.com"},"dist":{"integrity":"sha512-Exfu8WCakSQ4s9RwqX+1R2RZfBjn7IZ/UdRC7Ujd1aQVn7J1Bueon4fkHlNa0nXfohs/ls60FISUfA4s0y+e7w==","shasum":"c7120409c60bd66bc917a5e18e51b2b5af607f09","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.0.tgz","fileCount":50,"unpackedSize":185972,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRydjCRA9TVsSAnZWagAA68kQAJgtklxiQVlJ27CewMCr\nVPH35Kb7Xo//zpXbO8SUTLgf9PoOf3tK5uQFkpjD+kWuKASAj591+jcPqIHk\nxpFjL4LwkfpEhmH97pnQBudD4QTysRgvAaFsjD8JQONnmDNqt6DywVQwG8bG\nK7MsxxjbhO8Z6pyB3UlQPZmO8JfvFf61cwWzj3lx24zfzGgwKYEKmYV5aKQs\nl+5JLC2TCvWQZbOWK69vUrP6bjquAWEeiowxezUWnyhQ3QpZy4dI0IJ3N3Qj\nlhf1FRx3+drW91z4+Qgx6KJ1+GyayKNj7ezE6oNMs9n24aKGEzIJLVyYoWAn\nDW72AuZZtwhEcU4n9rnwE3xcuIUXR7le7vyU45fcTCUe3ooAe6r4JFFsfMXl\n6dHr8CRdJNcZXCG2tHImn929uCQRKESqCQkqgufeqnRVd4wvRlR86qXuSntj\nPtTX8d5DfThfmj2RmC5aMjLcTqAgI+9FbOGrtJw7cyzuoBreXE2ip/aXOTrz\nH1ZWxYtbRirnLV4/LS71EY0D1MpiZSKQbBVQcDEU4mMIjQEsoVJxK3oNivrN\nTj5EHPY3m3N3belXZ7dD3+z4dByKWivsqj1YGMmyxnzyhKSdpMxYJIWd1UmB\n1mFJDqLtxT2LlG3wUbWj4MX2MqQZqsT9nABhAAYR0bXkm9z80MNUrf0ml97d\nFHDh\r\n=U2J5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGb0/nqsXcJyfvx1/kEiLQvY0PnkNt1/f6Ybz8XG/fNGAiEAvG0YcNuEFXQYu3f3xEQkkPw3JT15wBPERJ5gkKA1GH4="}]},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.0_1598498658595_0.6538572335009194"},"_hasShrinkwrap":false},"0.1.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^1.1.0-0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.1","_nodeVersion":"12.18.1","_npmVersion":"6.14.5","dist":{"integrity":"sha512-gO4Eouc06G8FJAKxy3JFYMW3lleYTcM+sSDbm5XMjKSAvau4NmO9bGErTo+4VxCrCiwqmFDhE0/irw83Or1oeg==","shasum":"8aa39cc971c5f3a5f01f5d9e51195321a8c4969e","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.1.tgz","fileCount":48,"unpackedSize":173846,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvLEpCRA9TVsSAnZWagAAbIEQAJkFWspTmGplVuubYmLs\nJseirIF/WZGr2yKHiAmLJbJfd/rGgbYjReTvY1wz44z8F0Vu3nWLvHC6DDp8\n7f/k0+bRRlP29EGKA4FLc4TdKGNcxYlqGcp+3qNND8oIyKD/vgjIujBAtDZk\nKa6hQf7LgVOwSgRVocLSujKok3fYsCtwPutf82N3XagXctx4evuLFXVugQ9B\nS1P7Rd/RAmz2cOKIYhYUxH5MyZizAjnA/aebQkxOT2MBmdJEnBG6/OwE1kCU\nXx5yyP8LkVldv8ZH2vVg5zA1pTpifSpYpY1lvozplOfBINUU7sKx53I1lm1G\nVE0+I4BBUxLUtjArJjOcEmGKk5fWj3eik5SjthKjIX/QRkU63cBbjAN8JjoG\nvQgFA3vMK8XlQxX5b43G2gYmDhb0bsu4023YExPSy5Fe+uA7jfbgbZKvkW8M\nxVFGR0XNbWc99qm/OFAq0dz6P9r77wyf+6D4S9KLFgnebZesZCVxZ/fKqTUY\nIF2MUOFJO9D3kSU2Z6snHHBk7TsnZv+qF9+KD4BmZR/2tVL9v9RR6yTNr2sH\n5S68Iv3hZd5B1ExGk0tZxrq0kpxG0FZtYOrTf6nm0MGL0UZdsVAH5n0cAF9N\nsPHGqOJNtNTvEnfzbhL2AYG0euh+qm+oWGkolLx5Is5rZeq2wisBtKd8RBrI\nOWC6\r\n=1Bhs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCf9z3zSsnxafMSQRlik628PZV9ft/q5WWZ3VvXDQf5ZQIgEQHanBkVPzPDlp/1TLDpqYvC6OQURD/34/mbxqYXmqE="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.1_1606201640719_0.01284718885795022"},"_hasShrinkwrap":false},"0.1.2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"homepage":"https://unpkg.com/rax-swiper@0.1.2/build/index.html","_id":"rax-swiper@0.1.2","_nodeVersion":"10.23.3","_npmVersion":"6.14.11","dist":{"integrity":"sha512-J+GCie5yST9bCn8f/RVyUudPCr5cycVHLo4rFKUX9U/4Gfa6g6IiHIeOjmz5Bw8QqTauhrQRP5HvF8EpDL3VTg==","shasum":"57967f508d2d6983d09fb32d51a85cc5b2cd5947","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.2.tgz","fileCount":50,"unpackedSize":202327,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgNhD7CRA9TVsSAnZWagAAORcP/RWQi87SX1OV735eiwi4\nppr9k+3+GIhj0TT5OPQvuHLP5GBe1QqSCahMqmJC3km/sKGgXJquMIF9HJZ5\n98yx7yozVXZmOR99rTKW1mY7EvSAMSbX/KS/4N6/xQEz2ONey81FGGPz401F\nXj1oHvsIsPvfzuiFcPGaVJcja1IKfiXczcZENOo+xHLJKzOVxIXqs78H0qYK\nIk0a/m+Ctj/UfnIJ+Voju6ol/KjpzY8IJtKTqNuuMpDyLgX2o9Yx4UKhj2iY\nifVNIuIZmEIPNaM7PdDdQJlvl+pFde81qB2wcFALqR6hRBEHP1eTIcSxfUQR\nRFivzl9CbaEpAG2M5cJjxhAajFOtVW1BZow6RqRJzpl/gsQXSPGrIEE2XkA3\nLTIa737AVTaJ0RP94SLFbPWC6piJHrnm4pzfUBd7ykR6PLnRl89MilmF/qOB\nzj1FA5HtzZhR/1eQgDNOFj/HEFv4+IuvfJQ27e+flMGdgr6NvvZkZcZovrh7\n2UZTeMy/ZCTeyAILpgzzCfnBKMqhkgsWA8SjbQ/zq43cgEUFlFVhH07zKDFf\ngxTPgDOO5QjrXt8mnykYde0/Ayi150Kb7uffZYE4LDj7zYgNvaKbW8wx0afX\nZaXdxvK7qvGoQ4dd8Y3qZ7GG8CFcveC7ajdfvUPnqKhdd+7u8rbo+sXPYj1o\n1oFu\r\n=woMe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC35VBhW7zBXi8/IcrFce8f4debFw5aNc+EQ+Dw5yOdPAiEA9RQ2m+RIHLsPxGxulgyITVe3pNA4ckRakPvY4AMbW+I="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.2_1614156026667_0.059975449467126296"},"_hasShrinkwrap":false},"0.1.3":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.3","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","keywords":["Rax","rax-component"],"engines":{"npm":">=3.0.0"},"peerDependencies":{"rax":"^1.1.0"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.1.2","universal-env":"^3.2.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"homepage":"https://unpkg.com/rax-swiper@0.1.3/build/index.html","_id":"rax-swiper@0.1.3","_nodeVersion":"10.23.3","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TQdT/cHmkLCs2nQBrLIhnThcVebhMgBFkvbJfv3a9LQYffbndTHHmbbubm3mACYgHiFwURORCiya8CSGCXTmfg==","shasum":"654679bf39894ad2ea586857df8d5ba4ded2f495","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.3.tgz","fileCount":50,"unpackedSize":202386,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgOHFpCRA9TVsSAnZWagAAHC8P/iz0LLUFWZ8qdXJK8BsT\nH4Ipycr35v0GytPn6XjQTMkIFpOMvJZmByJjCXLHSKiL/VVmZR1iZM5Q9c5T\nlFyXFwI1Uv5FeNTDvO9MTbN39R39LDcXwzxRPONJgJH6/DOXgZo/bDtLaJVy\nDTTmMRpTjs3KbDy5WY8/S7EajX/aIZ0MX6g7mC40LtnYLI2+2V/MgIv6XrRQ\nq7qgov21CCgG9yhgQ4V+o5VSoQZznx6XxXUcWZIswRt8n9Rv0LzFc5VHUO80\nSwuwrDWVOq/pyAohAbYiY0mP/jTtBsB0hR2uH+oPcvwBTVN9Djtv+ppoQUFy\nS3SItWV/tUClJrMT819f7p2IP/SnVfZBdJbRpGo6FXgcL/b4ZIKnbsd+1IkY\ntkL+y7+a1IY+VePyfxwGQcD0Rlw4tIxYDlBnR7rv0Me2L6yuxF7fWU/Vp/s2\nWZW8a7ey0PsSFUeEOtIs3jF9wu9jnB1bYPdAimrYzZOTXQQJbJ+pRkRNUVw5\nXTlDDyUgLdO2GLCL4wSJPzDy85WSXC0NNv6txdIY4kwquC6bxeROb4uD28BL\noYIe6XxFa6tzYeLkOScJ2FlCoOBPOAxjvqWX2Ar4jjWNdp2R97jd9qvgBksx\nb54+Pua30gnd+PZxkRSe6WAen3Fdc7Vedu+tUQ45grlcIvJ70bTUwpnthwnk\nAEvZ\r\n=aDSA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHIaS+a/zSIAqVqDY7ClzN3S6PCUcCzOvxXfucMfuw0wIhAK2g0WtB+9TdlTgDvI7WOvzVV01aKCMcMzYRXl51YQ+e"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.3_1614311785014_0.610728987353012"},"_hasShrinkwrap":false},"0.1.4":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.4","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.4","_nodeVersion":"10.24.1","_npmVersion":"6.14.12","dist":{"integrity":"sha512-aMgBTHu5rHiBcC3cQxyLX1Rvx2I9xVycJ2k3eCTrHo8CZydvoa+/IbVz6G42NSm44oP2PO8poeK1GeQwd/lP1A==","shasum":"085b23a9954c0cfc26e962d4d67c54023abbc183","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.4.tgz","fileCount":51,"unpackedSize":204176,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2YNiCRA9TVsSAnZWagAAicIQAJK8Kv0zxUbF3OIRzHef\nCg9Ywz/lKOofH4vufT1HU11+ZLP9GCoOT0ez526WL/sScoqGHVrNgYVQuFrq\nnmhJSstwfbElEt1romR/cgdUZaYQwwuiDM8Z5ixOW0zH3y/2sToxjoq3BEmV\nkSqcktSTjvB/7NWfKHpCtPJfNRYGsxPctX9OISEWCmwdFcE4RQZpWOpHfNhz\njYUeJisztmN7eV0KSAlZ2POmUabEI/5mTcLtFXqvJrmn4DE1FAKetgQOK8+E\nMR8TwyNfypJhjpShEZvXuvL2nF0rU39p5h8fC0vV8tmkm3+dehwBVTIuRbei\nSRlxM91Lyvvk7qcldFW21eCJpAAdjCamGno4Ri5AbFl7Oq6yKGSXO2IkVbUv\naoX7SbtmEHugC/SV+UAJ+XWirscGwscfwOn//Bp4+U8Jfj2uzE5VRmg16TGt\nEPACj2PlXvy8kOJjZgpbi5GKuAG2WtDjCcBYw+WmqI4tPgSDPT0jyNM8WZJi\nHOiqLCOmDcPyASKKMgyO8ejkRXGh1T9J4Pf5zDEKI1cSbXHKZegDvY8bLKL4\n1hqDbRfgfgin1JKcbppiQmrGmksr5jCkX9GMvvGKZ6K4h9EEfgyK0pSQsnF9\n7dQMfTZXlE5S7CnQfviBpvuc8AQq7dUVIVDWEQNDqhPmuNz4OsGOBn7kQ9UC\nsUqT\r\n=waZn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDe1K9gm8Y9ma3EXsQ8O3Atb4yM8AB3HvB7yTu1sx1WfQIgUeAkyhOR7PFkh2R6zSzGftpG9XoXqOVRVmTe+XUXOW4="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.4_1624867681907_0.30231317000840296"},"_hasShrinkwrap":false},"0.1.5-beta.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.5-beta.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\nWeb / 小程序，不支持 Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到\n\n| **属性**         | **类型**   | **默认值** | **必填** | **描述**                               |\n| ---------------- | ---------- | ---------- | -------- | -------------------------------------- |\n| autoplay         | `boolean\\|object`  | false      | 否       | 是否自动播放                           |\n| pagination  | `boolean\\|object`  | true       | 否       | 是否显示指示点                         |\n| loop             | `boolean`  | true       | 否       | 是否是循环播放                         |\n| initialSlide            | `number`   | 0          | 否       | 指定默认初始化第几页                   |\n| onSlideChange         | `function` | -          | 否       | `index` 改变时会触发                   |\n| direction         | `string` | horizontal   | 否       |  滚动方向 (`horizontal` / `vertical`)            |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport {Swiper, SwiperSlide} from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  }\n\n  render() {\n    return (\n      <View style={{\n        width: 750\n      }}>\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => swiperEle = swiper}\n          pagination={{ clickable: true }}\n\t\t  initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n","readmeFilename":"README.md","gitHead":"a6de94d48db01798fc849627c4993f2c2320447b","_id":"rax-swiper@0.1.5-beta.1","_nodeVersion":"16.8.0","_npmVersion":"7.22.0","dist":{"integrity":"sha512-1fewtiv9t4V6OtLpBaWIZ1HAPczQhOfTfWToc5jBHCbcrS0q9zUbf++J5l+adk9vE6x5+vVlu36domdq3SG5kA==","shasum":"9d8c8728a12cfbb1078138c902ddb3e64cf58575","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.5-beta.1.tgz","fileCount":51,"unpackedSize":238687,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDzdRx/3FmzwhaELSgy8sp3RAU6KU5fQGg6YNrqCgDNDAiAONk2FNWmnkDSwMQ/dURW4DzhaueVfVztw9dGAY8V/sw=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.5-beta.1_1632639798829_0.3598492234124846"},"_hasShrinkwrap":false},"0.2.0-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp/index.js","wechat-miniprogram":"./es/miniapp/index.js","bytedance-microapp":"./es/miniapp/index.js","baidu-smartprogram":"./es/miniapp/index.js","kuaishou-miniprogram":"./es/miniapp/index.js","default":"./es/index.js"},"./*":"./*"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web，小程序正在支持中，暂不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.0-0","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-M9zfuiLK04eHnI8fgJnY8EPoP+j9VVR1fmkyzNfTicV8tYeVwcKi+9TGn1/j2egT/MwQn4TAUsH0D3U8mPJ84Q==","shasum":"5bc9bdca7d42d020cd370655588137bfbb2b4065","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-0.tgz","fileCount":77,"unpackedSize":237452,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDRlDhi8Wzb4NDQcYkw8v2WHIUFBFH/5muEW96XQS9AYAIhAPKrvLZvCl/ItNhJgTGVUFW6VJjATMVuWGzFu8yHoXeb"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-0_1633760824680_0.8148251307639012"},"_hasShrinkwrap":false},"0.2.0-1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}},"main:quickapp":"lib/miniapp-native/quickapp/index"},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web，小程序正在支持中，暂不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.0-1","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-EIkBYqS6/+lzQwX1qqfauApf8STdY8+tPP0OQ+AR7UXxtnqUQiBpMmkcfTocdWait5Zpt+ZMxvg2K9iqZhR3/g==","shasum":"3a9ec1d6b626929d101000fdf458c02c7cb6adf4","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-1.tgz","fileCount":127,"unpackedSize":264652,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA0NwZ1wR7xSNP8/RbJB4OlUDf/IIvNQWRhDE4DjncySAiAWyXxFJ5oMTU26GtLGH2w+nNWBtsEJ4ww22+35XZFeuQ=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-1_1633932836249_0.7378752217997879"},"_hasShrinkwrap":false},"0.2.0-2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web，小程序正在支持中，暂不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.0-2","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-xdkGmI3CjQBK3uj0KlZNVmyJxzYW2wWWDVfWgSWfsSBYej5BeD4fdtU8r+JhL3jleqqAUsctdsQZR+YDf5EucA==","shasum":"dbe09f56696a69efef14c4800a726470c35a34f9","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-2.tgz","fileCount":90,"unpackedSize":635233,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCNnMTs5YwkYN/0iyNViEwoDe0y9ND3zaNNxwBlDfvm8wIhAN8C+Lkp5M1qyMKahKLFkqHRYcrM5nOOO6RzUGK7dYWq"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-2_1636091259906_0.7913733586154621"},"_hasShrinkwrap":false},"0.2.0-3":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-3","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web，小程序正在支持中，暂不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.0-3","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-MGjV1GmVhzEZaG5K+HizVVOXVoG/Hq2lKhL37sjtbEaB4sz3it+344CKoPRJGZLGKFa321CeE63hQVbO+7ErOw==","shasum":"2388b6e77393ffa93178968e5e2e099b61c042e7","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-3.tgz","fileCount":90,"unpackedSize":639533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDS6Qu2jZEl/ZrkJb4j/0vCifgmle7ssmnsb8P80WGfKwIgCsiPgO7h+VpLhzJo0J/0zRn3XsVe2NWEk7CmmN45VuQ="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-3_1636353114083_0.9684237070281259"},"_hasShrinkwrap":false},"0.2.0-4":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-4","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index","subComponents":{"Item":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web 和 小程序，不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide： loop 为 true 时，移动到第一张， 否则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide：loop 为 true 时，移动到最后一张，否则不移动\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <Swiper.Item key=\"1\"><View style={{ height: 300 }}>1</View></Swiper.Item>\n        <Swiper.Item key=\"2\"><View style={{ height: 300 }}>2</View></Swiper.Item>\n        <Swiper.Item key=\"3\"><View style={{ height: 300 }}>3</View></Swiper.Item>\n        <Swiper.Item key=\"4\"><View style={{ height: 300 }}>4</View></Swiper.Item>\n      </Swiper.Item>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.0-4","_nodeVersion":"12.21.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-8NEKXHhBeWAfC2D7poHAMyfMQtVyQY4f5U48JfyFx8aRLJpOZSfdIef4ispISFNzbgzJ1vvSzqQNl1AO3zVonA==","shasum":"25d75b290aee3f1228dc2fa976830038f658259b","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-4.tgz","fileCount":90,"unpackedSize":641453,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB/AGOF2rf1XmiYMP9CzETl8480Abg6inO0icZOqaJ02AiB/8vcemKHjZpDdiLKbif+Ym9CUOooZXFZknQgkM9wJ9g=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-4_1636523583938_0.7138816475696859"},"_hasShrinkwrap":false},"0.1.5-alpha.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.5-alpha.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/swiper/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/swiper/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/swiper/index"},"SwiperSlide":{"main":"lib/miniapp-native/ali-miniapp/item/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/item/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/item/index"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.7.1","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax":"^1.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web 和 小程序，不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide： loop 为 true 时，移动到第一张， 否则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide：loop 为 true 时，移动到最后一张，否则不移动\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <Swiper.Item key=\"1\"><View style={{ height: 300 }}>1</View></Swiper.Item>\n        <Swiper.Item key=\"2\"><View style={{ height: 300 }}>2</View></Swiper.Item>\n        <Swiper.Item key=\"3\"><View style={{ height: 300 }}>3</View></Swiper.Item>\n        <Swiper.Item key=\"4\"><View style={{ height: 300 }}>4</View></Swiper.Item>\n      </Swiper.Item>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.5-alpha.0","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-IANuLoLUngeiS/ypahbt9OmAIVBsaO1JoQwNayg6r4nQIWdlIy8C4ntD0hbF7UTP0CSMzhqHOBbDVOLltZ/KzA==","shasum":"def12cf66e19969ff68ee369dc0c29009aa1829c","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.5-alpha.0.tgz","fileCount":116,"unpackedSize":646277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhneldCRA9TVsSAnZWagAA7PUP+wb3UeAkjMV34jM+AEz3\nH0PijKe17yLJKqXEL0MS5STm6Up7pdEJXJ06b7uKxICOizbbu2hTX2jumM1n\nrzBfWT55dLKnPUf7RCmD2XLhie/MpJ+clLq31lYPQyR1IbOMmsZ0r8kfiu8y\nTvewiaaTOQNtmdlQulaIpy9RyONUdaEICg6QPyb0SrHuoddPjpvMCffxVKI+\nHB/XshoZrRtTKN/94g8rN6bl2l2SCYwMcHzs35nLT0TsttrbIRTR7+2ihmNR\nVEELK8H17NlWottRaI75uU9DMwX+0NthPTg3eGvVV2oplW9p6GuIuDgp/tMV\nV3VJxF7eTa/4ikMVeFQ7ZBQ9FvOGC9XRn7YEYAY/oEB1WzMsbwPWaQxEyueZ\nT58FNFRH4WzcPaAKuv+srZRiTNcZB4QGOOF4sslxnaytd8ZR+Cf5k3uVSaYm\n6PPFYFDpCx17a80FrFddLZCUEQCzm5Avv4mvYt3KUUz7J/xBqSRMgqfF5U+T\nCDDGmVklQhxPOJ/ft495yhKPBgpsn1drp577HfjsEcqt7CcLILySSYsO5VjX\n3jH2Id4B9hXW25oSQ5fyEKKl6Oua86ARrB9+/FGRXSUSz5xo9DZt+oXZXyz3\nWq39vVbyJdr7NogUhqvxeZHwwxkXNubv1eQZDlW+h9X4YQ6aNvtoDdi2N9Qk\ny2Yl\r\n=vCfb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC9LeJkP90Gq88Krv+DZ+Cga0DM+AUUVgrz7MkSj8Q5/QIgPw+9fKvfrdb5F57/zQ9NsiM4u6f3fBzBr+vP2dERBCw="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.5-alpha.0_1637738845598_0.6660525457194193"},"_hasShrinkwrap":false},"0.1.5":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.5","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.5","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-b9zSSZldxtIqvKUsSyC0vl89AWeg7WFDrivmxU4/JV5PugtVT3wTnNXNXgmWjRxjOJWrxPoWP91Ug0avkZitKw==","shasum":"2bb8da1fbcce42c9b275a76e6fd89df8fcd700ee","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.5.tgz","fileCount":78,"unpackedSize":317454,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhn00jCRA9TVsSAnZWagAAI0wP/0apJdBtJqbdikUsKulV\nEfaA0bhE76ZwjGHJXikIwnX2fEhteah9oyskmwEfuQrNipXCzmGmpZHROvVo\nYKqyb852Mym7GNGJ9XR6t6OUDHRouVn0vjLYLseNuxzuoKoBOzk0scW9Y198\nZuRM+zuNiaNkCjwatrpvjsNmuyHbcFb312v0eo+yi3/+gSoFEck/XIcrv/Wl\nhItPXs3TqKqY/MxEN7N1ldu8w/4qFlspEpIUhkyvlP6mh+cgQLtRPWnyd8kl\ncXFk7ViJepJSyxChBDz2kSDl4XcVxFhV4d3FQIBRvRY7uQTFIT9qUDAax4VF\nhh5fbtLuFVVgJgxoTPIgep7MVgTWWY4GJgyoUljF2bqXyFHa3kord/2Vu1It\n8T6HaIyDcAnmpZFLsPfd9pnMArPE2tnaXeEa/r2Q4FCnsChGVO6J8OZ+nLn8\npC4vL5mEz1o5RTetNCCmaCDTrnb3F+OIL4Miq/qNrV7GHewUvbjZ5vPbHYgY\npNscbcZ3uxYyCuchhQBEEYlGamEnWb5WQQowm8VyJ7HlblbANS14yuCj4Mei\nwh1vAWVVsYMKwMsnZ8BbMdXY2fAKO8Mvkw2IKwRJUgpa+O4IbrYX8RlqfkzV\nxRm2W1oxB6GtycYRE1pec1NQOhlnQiq3VTslMGucvfUftmJUXKAZa8yJ7gEH\nkRSi\r\n=EZVH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDkP9IaakTpn7CAEXEB20Q+RVIA77/qePdGeNyzSKtC7AiEA4wjp11WmXAFAVNrm7DGVnh3wDjWgn/1hThSSsaof980="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.5_1637829923737_0.7568189209307628"},"_hasShrinkwrap":false},"0.1.6-beta.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6-beta.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web，小程序正在支持中，暂不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"60f0c4a5ab75283768d7eee1cc94dfbf1b21dbeb","_id":"rax-swiper@0.1.6-beta.1","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-Z8yGqmNdjhVM0zxUuqmqCyF4ahSRtEbPtTpKXMBkdqo+Ml0DhDSC9S062jD4WcnMQKlliUO6NUASuUZWOPsJjg==","shasum":"aec2263b1c1d23e90c12d7a7829e806d3821e982","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6-beta.1.tgz","fileCount":52,"unpackedSize":656599,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhn4G8CRA9TVsSAnZWagAAa6IP/jMuSuTnyJ+vlT6FGeo8\nnjdqvqkJIJkFXLsJ3e7xCgGAMUIP+wZhjCrOJ84lA4SOFNta2k3Y0B7Az45a\nYwqzc0EWn4n+7eoVJWw03Fg8uBHlOhiQ3PL7GGCRcaC5llkxGIupd2ge068P\nK+44ZfLcQZkWQgHc0dhDO7NOMb5jJlqoFiTGjuZ7Dqu6ziUWXbK3eyfc0jvu\noEx6/vzQnlzlT+HjvYywukWU5BsVn0uYHL7VlwehbIb7mVOltfbnE+GLercT\nTQOhJ7fdapLI78sO46ikfSfqEGFvZRvzvaNGajOuQj6AQpsfQxwxYcAnPnc7\nPLWHUFDoCEgA4KzwWPDS7WtTGMS+k/0yRe2sqfI13JDFl+fTNhdJcsfM9EIB\nXSyuPhXEQqtNZU0NplamSV0hKECrvRMWJZIG+VtTfwx/uUjtP33J05TNk83Q\n/YT1MWgwQeKSi+5x/+Yw9AxGp6ih7A9oW5lp4rocNWKcb/ZxpUAyknXMtokC\nbndehDqxRTYNmTL+s2PcKYIuMFliwghInQYkVYEP/vSKNk0yHsOyETt08iDA\nctCMs6ev5rlpUjpm2eFW+oSKt0ysQ/GfHuKUvwOB79H1bi/1/JJ54XL2XIvT\n5uEq8gUzUltgT0LQKqGtArSV0P9yDXAybsmW9FN1vNOrHmHLnCejlmy6bNpO\n5C5T\r\n=6hLh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGsHZkSqzcjvTazzbE9C+nkSjNg7KmbqeWOix52pkDoNAiAxu9Q3rtBMDZwynGPYcKuee/DkVCnFBZ5nJGRy6qCK0A=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6-beta.1_1637843387906_0.5170991473948925"},"_hasShrinkwrap":false},"0.1.6-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web 和 小程序，不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide： loop 为 true 时，移动到第一张， 否则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide：loop 为 true 时，移动到最后一张，否则不移动\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.6-0","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-4/2VAM0ZxRZc+LWytmHJCztlRNMKdX/VTem6IeyKkG2PoZJhT2yWvWob2nn92HQmOeYR4dFkS8s1LOH8ydhyAw==","shasum":"fd6c518289595996cff1c23d7821c272246a2af9","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6-0.tgz","fileCount":98,"unpackedSize":671777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhoHnICRA9TVsSAnZWagAAgocP/332g9vn3PFq9+IIJs4n\nfitBwZhcF+PZFOYJCyhLYEpLoY15iKnYqJuL6+52ZBRPhZ4tiE73IVq+C9XB\n5yvCwfGaML9tjtdKWQzSCAXAK6W3OcyiNwgEtxKJC0swy2DADqS83AMp4ZEX\nffw9WLRq8btpbr1H0w0MRPnfV+00f2lfrdRYSr0/WWe+dOgRStLhjIjZF7pU\nXAVJVFeSjwfTlWoVDwg3sW731z26snNLGMomKmdY40uYYoJ+E5KJH/HiHdJH\nNbXsstulbaNz9SdzZPRRQ5vEeQLglwCiW3I2HWRiarCXLHiB6X+b1o5ikyJv\nNVmmo11NQFpy54D4r+7NSGrWb9L6xQjk/jeu6PkaBwACQe2lLj4BXMwfZ4Vh\nuBHnqIiaMhoTMmHVZcJBdaQ6YAsb6y9lNQ6GJfraKYkUYrXtU1pSWbAkmV+z\nnVlnWROL68Zn4jUopPJUDKpbGKnV84i7SJ2bzzine3WWS7EG4g9LW+i3ha9l\nAAB69lQ4Z4Ckox7DMZ+0/Mj0K6U7fOT3Bchsn3HA/+ogDfJk6alik4i62Q0W\njnUcPQlLnqTUmDqKUzUZyzpYthDYir5+H+CkhOQ4l3uVtkbCSHdrywRMymzO\nuVl2LaowgBb7tVPuMc6nsrq4QyUAJ/6/uJORqiMmyQHG1LwP5bRWUpw+dp7H\ndnFc\r\n=Eq2D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAoZbsbA1yvz7ejK8sLzX6lHQbOPSInBGjn8Bqsq+aS3AiEA7A7pzCOBfpXk+pAvJN7aSjDBaAM12QoBISXb5b4pgjM="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6-0_1637906888519_0.05511710886666532"},"_hasShrinkwrap":false},"0.1.6-1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6-1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 支持\n\n支持 Web 和 小程序，不支持Weex 以及 Kraken。\n\n> 使用 rax-swiper 必须用非内联，也就是在 build.json 里配置 inlineStyle 为 false\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide： loop 为 true 时，移动到第一张， 否则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide：loop 为 true 时，移动到最后一张，否则不移动\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.6-1","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-M5Zc9QY/q1j48Uv0rixvn3wBXuVi+xrKIFpIHJVeZqynMC5JCOCND2OZTPPiVkT17Zg+0WrlcNOJSCzpmu9GFg==","shasum":"f2a9981e7b106b6327adc6e54cf059e643abe147","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6-1.tgz","fileCount":100,"unpackedSize":671929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhoJL6CRA9TVsSAnZWagAADz8P/RhBx0lfVX0cdtZr46m9\nwyYUYp/Eey0JG6aNaBANTcPItVg1Dx4qrMVcJRpSeHZyk03svUF2g4erk/Hl\nuL68lc0o+7bsOUIvBiM+s82vDi9atkD3vyUY9sG76RheuMdify3PYgXxVj30\n6TNY6POIo77pyPX8a3eqXnzsdZlQS9CuKfWhhLXSraUhGsxCFcvsr23Uf9CT\noSCGbWidUZ0d5ASGsr2DzKshttCC+5nc4YdqyVpI5LdJKioXfMxxUEmIwYR/\nQlJJ8BpMRAxnnC4fHrs/AdS6LdDvDfRptc8RtTqe5fGqSHMOfL9CIld0dHyx\nGc4Zl43+BFqoxIa2/D464jPkecYcI63353S1MnlItjNu6Kz1uLBqGUYry8Z7\n0Q0lrhIQWQITf27YSnysWvSYlKEHhG9HAXx4IGh1nXEi2MfXvvCwQpf7ewHX\nu5fVOSHVtpmhMizfe/+taqB7nnUoYvCh3OjtR+D1soj15RodS9Xy/njjvJMa\nheGWEDbjPY8c3BhaSPDghMJ4cPRGrbMHhdIpEUU5nEuEEqvMbPiOq+pS1o47\nHPks2OqmsrHo+kE1juD7prdkRDt1/dJQK5S1ufs1Vz50HVJi5RaTGc7fnRPJ\n90Gx5hl+1znk67WcUycpTXSzNzehdGMv3KFllQCrIuMftMwO1sebqEMjUThf\n3Njv\r\n=Zni/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWstJf8EgSrmyfDvwHWIWNfmQd4x8wAentYxJWrdqhhAiEArpzClDEHuSyawAd6P6BRSD7qxdWkgv90zbNGVvNIwNM="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6-1_1637913337864_0.04709365678744071"},"_hasShrinkwrap":false},"0.1.6-2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6-2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide： loop 为 true 时，移动到第一张， 否则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide：loop 为 true 时，移动到最后一张，否则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.6-2","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-ARb9FLrhqdR+DM+J09FKum5Ov4+4RCbI8VrW/9EKNQyQGdelQonZnjcH7E2t0vJOU4iCdhAfgJ67vuIbFhyVMg==","shasum":"038675f03ed96dbafa6ef552dd77e1893caa4691","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6-2.tgz","fileCount":100,"unpackedSize":671389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpITECRA9TVsSAnZWagAArCgP/jTBCDzkvkLuoDO3Fg3+\niebGxvgsJSDN2GoK/T37BQZYCo6h+y6yV2HdAQ0N+AZojs087Fu2CompkYY7\nc+9KKYDhXUZhU6ozB7ukCufrIyCSHuqUW0kO9KWxNKFHlZUcgiAx5UifNcnw\nY1lfLmpbFMWGP+h+UBd/uxbv0pyEmTTJ1A2OlCy6dVFZLZ7gSSVJE2YbeE0p\nWi8KF72o20Rph6w5FkyOXu+XSu8zBHURk0bMEytWTCY1XQzNdi2p1AU7mYdd\nIFYoOcLiZyjOmzSScpJq0moHVPEXnazaOW5SiE4lm2dua/G5HAt65QjgJRB0\n2/adqlj2DMGy9paLc+671PxkfUjmYhOkhox/8Y4OkiDrOcylgvAha+oQ4nSU\n6ZjhfyH1KPr8bCYaaGEVbGXQ/smrLm6os176tZ2qH/T1tsuXm8Lhp6jD1q2P\nTHYXuo2rGqiiZjMG8XMsAr1tcG6lvRmH1Tp/gjHxT0rA9VFZQigMkmvvHF8Z\nHHjvLBpJI1w6znfaQduG1SGnrDT8TxK3IcDbHPw5W6UI28d5n66/AlifAF32\nrEVesgIJSTtMbhFwHsyQU+3AnKCFwqjL0jm6xPex6fGDNhGp8sbcGB3xYgJO\nkTzM2xlBkv2dHU+TubICBQ9cTvmWVll6f0b/swS3hZTVgGOTSbGQ9uskQ3Eo\nBLFD\r\n=hcYs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCWEJul/l61hW9lqgT7AlfSUbjdBgwUjywz6G6PxEdd3AIhAMyAPpW4ym5lvfSDTBjTNiGdH975LBMmxk6qKvZVn97h"}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6-2_1638171844586_0.47025166261988227"},"_hasShrinkwrap":false},"0.1.6-beta.3":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6-beta.3","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web，小程序正在支持中，暂不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> 注：只支持 Web，该组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。\n>\n> 详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点                       |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, Component, render, createRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from '../src/index';\nimport DU from 'driver-universal';\nimport './index.css';\n\nlet swiperEle;\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.inputRef = createRef();\n    this.state = {\n      data: [],\n    };\n  }\n\n  onClick = () => {\n    swiperEle.slideNext();\n  };\n\n  render() {\n    return (\n      <View\n        style={{\n          width: 750,\n        }}\n      >\n        <Swiper\n          autoplay={true}\n          loop={true}\n          style={{\n            height: 300,\n            width: 750,\n          }}\n          onSlideChange={() => console.log('slide change')}\n          onSwiper={(swiper) => (swiperEle = swiper)}\n          pagination={{ clickable: true }}\n          initialSlide={2}\n        >\n          <SwiperSlide key=\"1\">Slide 1</SwiperSlide>\n          <SwiperSlide key=\"2\">Slide 2</SwiperSlide>\n          <SwiperSlide key=\"3\">Slide 3</SwiperSlide>\n          <SwiperSlide key=\"4\">Slide 4</SwiperSlide>\n        </Swiper>\n        <View onClick={this.onClick}>Click</View>\n      </View>\n    );\n  }\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"322220c3835547d01f5c176a7329f0ee3815fd4f","_id":"rax-swiper@0.1.6-beta.3","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-9q0VrkFSUJSS6Cz7R7lkJ0Cpk5vam9qssMPRKAYCqPCcouc6SXjohENfNOzldM4xLroksWyK9MhJUqg6ZtMs2g==","shasum":"f6b78259454db412b1f82e21b2fd5f905045e854","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6-beta.3.tgz","fileCount":52,"unpackedSize":656668,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpcJYCRA9TVsSAnZWagAAIX4P/iU3yx0ek7KJ1ll2GbMA\nMIZI8T6ynnN3RhrplwX1C1lJgTEy/qeubmPqQStE9PnLTAAOjOOng9mceJ2O\nQOeRCkiQ3/hL1wtjojZTCFbMJriRHIZd3+iv3V5fThlGao2XBcrQcxAFwvcB\nP8WB/xz49PLXRWmg9amH9OB+pwfjyzhQUzXSd3mLjoVDBqWvbjn8rqjgaeBE\nEUADCCWycV9HIrOKwBl/QNthOZng/GGRpk5Ys1bPEtfu3rcxt7LhXMdhD5q9\nth+JJAGLAHg7GncWOaMFooL96NknPS6GYrSgupXRRNDZ4ZIC0zFnp7rWhtud\n6lGyIMYKmO9hRtZ7f4AGom2rJPi0ViKgGbYTeXjRUgm/XzUlolh8mRmVIJ9I\nJOgiObxLFaZD3fSC3WfLMrzZOfVDff9sEl90xTlsK8qWs8v4S7GnFRhlDG9C\ncpIw2A4zir2UloQrE8N144shDKEE77nw5aYKFpxtzlAOSXF34tNV7zgKHvhi\neVl/oeqN8SwrSxRgXRPG76MAWB0XTmYP/rRrvJ3dXMpx0sktC/wVGoKxy+Oq\nQ2hsfQMZ5wQbdUt/L4IIE/1mKr6MHt4WHRTxWT2MDigjh/nqVEtCZowG0xBy\nfkp24rFv4HpMhSBbQePIIRgsyNpUNvZDyheUOH4LQvSu4ERyG62UyYZeXqtJ\nQ5Xj\r\n=XSoJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBjPQDxXLfdpWro4y7G2F7UV/6WnZD9+ev7Xe57i+tU9AiEAtDI5vcvwALHdqQjD1tpdH2eZEvIXD4mJVvcYC6KdT0Y="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6-beta.3_1638253143841_0.699543825475573"},"_hasShrinkwrap":false},"0.1.6":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.6","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.6","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-kzXDVsgnIcP99CgcL2xD1Gud+93gta4VwfwTXp+0/CVmkBpPkyUPG/VKy/fCAZQ7CAru7Q7v37Yckq5LcCuBxQ==","shasum":"f088924dba3694d2abcf419e64c1940560e2689c","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.6.tgz","fileCount":52,"unpackedSize":313389,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpcy0CRA9TVsSAnZWagAABQ8P/jnQRnsvW+5ixVH+BoC6\nGzQrwh+/d46ClPR5JAWWy8wN9/1tGbKN1HkKshcK3sJfmoHmKdlZOO1oW79Z\nS0qNc+VNXK67hlUOwvVvFNcDAAj07KCOgYbCo+yFMsDfRdz2KLVP1LkOg8Hb\nn7Xq7+swDuO3sjM87WcRxGnZnucOnAt7IYJKIHlKG5LstCHLCdYkYTxPPyUP\nAhfnbFGfMoVH88q3wNCxdDA9C0b94FeU5MLAjdA0R8jHZAxjhg67xdy1MxLF\nHX6UACAj6yJlFtWuLvogzHkH4HIR8Ohdq9MNWdG1lkenRnwTJoKKMzZniwgA\ngZ88TNEmlIph8wuOdP3Tg55aXThKiDC4wRtv1jLsuCQO34a3CdsF7zJyW/KU\nlbTT+ANlGOhwGiQTAX0FBV++tuFoSTF64EM1XjgfeAcWpCjQFcAzxbpOb7SA\ncWOu2thM3e44utWzhzvmA/mL7PwG+DtSJfZ0FKilKfTSAgZOFwb6rAUTQmAj\nS4YNYX9rRzrAjv0H8hxfROKlw/yvZWXIiTwiujieMlLa/rYCrSEOzGCKisAH\nApZCYkMz3sajcpXr3FGggASa8FsB2QJBFxFM15sLZeeZwp5LrG1XE+h2m3jh\n25okV+eVjGMqBRl8i5Tk4omI+FUl7+lGw6LyHMF/jaHnlj+6d8qdrk08yE4X\nOXBT\r\n=0v7c\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDNl9cd4yppJJQMGaQUNBhtWbkqa7QFx138ofjyci9/OwIgU7W6tOlQzJUk35njg7YOSBCUoKI0D1xa+rk1s9cn50Q="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.6_1638255795979_0.11241228704595874"},"_hasShrinkwrap":false},"0.1.7":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.7","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.7","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-XYYlciOxNrj0N9rac5DYCzTfGTLyndTqV4ukL8K0DbaKGOoeZsYweu9OmkaFmDJ6+R5VGj0LJk32VKSXIGGz2Q==","shasum":"3dc554f274175389f4e70fbc831692779e9de4e1","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.7.tgz","fileCount":100,"unpackedSize":315477,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpu7UCRA9TVsSAnZWagAA7UYP/09fzXQghs8nhlPDQu35\nHAWZy49cQCz0yMgsB/e/RGodrggXgTcKBYqbwKBjrWJAgaR4Hp7OtI1QR2zN\nzPYfxkZqiE3FVX0Fg4rydQunIKala8g88ajPdMeiJpzLSkyACRw8UyuaqN53\nAsszXhXT+U8tfD/A6Q8fvPZ0F9NMcshiggMV7RYj3NgfkyjET9NqTIMrXXb4\n4KxFHOU/Azh2Mm/hK2L1vTwHqTh093ub+wdqLMn/JryKcsPETJI6w2w/7AKW\nLRiYrNrpFH5b9T9VBeROj7HaQclKpf10YXKksNNiTY+QYIB6LxGXSG6zuxZH\nJpc2y9prFrI3uJ/VP/y4o1m3TFHLiZEXkTHdest1/tXgyDGnU+pJvkPPLZ2i\n6OmI8MnBMHhpmzic6JV+p/4oQLtkRObTfm9FFkpEZpuYdUqRd/8j+iQK/8Mn\nH+h7PwsC8LzedkUxwoMMVtpR5GscED0QN/Cj2QrKmKZ7LFkXhOqdXt4ppShK\nHGT7zotW8aA6z3sFRPX/GGe0nzFsUXvP3xUYil3xWFuXhbSS0z2+pKZkzq+g\nABY5PsKMEXkYsVTaLIZGSLZTEWuECiVapqv3wuTXTRBH44htZXIGgXeN70wK\nSOgjXb3kjEBCwkzuP2qZAYZSdZjEXuK/cEJY13Pbsss6qOtu0m4s0euM4zJ/\nH7yJ\r\n=ubvw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCd3up6zM0xnGNq4v9HK4hC97QRH4NXamQC3sJP/1VHuQIgVEkc51AR5i+U02xB5S8cKbp1Ox6JDp+aag4CZYND7xo="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.7_1638330068412_0.04604854095278643"},"_hasShrinkwrap":false},"0.1.8-beta.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.8-beta.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.8-beta.0","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-nLa10FCzUgrgsegcAk9AmOQc8Y/LTDXqb7EkwevoigIFPPk6vp8Nr9rnPjFVLRP5Pbf7K/NSOcos9e8Vqdww0Q==","shasum":"271998f172b4d527c344ef1ebfaa1dda25abb187","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.8-beta.0.tgz","fileCount":100,"unpackedSize":314344,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpvWkCRA9TVsSAnZWagAA55IP/A9gizWcWzNpoFaeo9MD\nVA+tA1vLWWTluWWGaEl8AwEj7F1E+O7GKVe5eAfZamRcflW3ZSR/MNK8i4ER\ncUWs1S8roAW83pNkpE7ZzdUlzHSQ5rJ+AGcjGwxM+oftKT9TdzAvGvlaoJGh\nVKUN67fGwOrJFoEW4SoSr09VB7+RQAranIWHNMar/ng2bNEYK4XRKPXRNaw4\nDbG1xoPqdcUCOlA0yx75OBV26Y4tmQ3/q1WiJN2EMkBApktj9sXjVZ7bqoxg\nG1Eg6PFyaUAm1geWfxnrJ2hrhtCx4LezSVT00rA4Yv7CF6GOGU4Tw2OUUh5E\nq1hpxtkw5aj6Lo1R1HTToW7Hkd6di8Wyr5/L+f3Pf3IKcgoMQN8JmrILpo2h\nTpLzoJL1K976gNxbaxLF1dAWd2rfvNqRQXM1r3ZucX7pZsgqFT7gh/h4/RcX\nP5zWXdIv2Q5hE/y6DhLDGkEElehw25BkxjNqPSpIFPMwai69QBxsVsuck8FA\ncTp73jrgcyTWrufbPwBtPcvu8ip5za6sul442oLLXzAnb6m9zZTdCMRgArxH\nSRRGd7vbmKCpt1Hb0o3uATDB36/5SZk5mI1YXR57LUAQeFQRdKMnkRXiShoG\nuiDJAhpore+rpmc8Zurnaof1a2hCkRRRZief81YJjbX+jG+wnhDvCtQe1dgx\nvc93\r\n=jj1P\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGs5veWXeK/Y9PfwFNbgbuuV8HGaoTsQNKSQQCW4aiNdAiEAsu2hqK0JuudugVsEVmULc8z37sju5d54wbViQ6GA+/U="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.8-beta.0_1638331812596_0.261222043034965"},"_hasShrinkwrap":false},"0.1.8-beta.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.8-beta.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.8-beta.1","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-JhOVeUpaE3apyC3NE7UAy26t5SOJbIyLhLnjen5So9SZbBf8FfoOTE+V4i/LmshlpeDcOt0FVhsq08AUiNQjaA==","shasum":"dbe3cb33350342d7c0bb66bf90b22ffa17c624c8","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.8-beta.1.tgz","fileCount":100,"unpackedSize":313171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhpxgiCRA9TVsSAnZWagAAeEAP/A0ELjprVVlc41B+tUpZ\nWrRpLmRlL2AJCcTwTzwxZViHFoNzSQ+6VtFu8s1DruRsROa7WqAjhXRAT37F\nwJDa1RhFjaXu6XQ/sDm2a7sMSqslbtruAR6UzzthzZz9RrR1OURgP3YRz6Tk\n0OmweHsl0sDFrF6kiHP+8wBUi0/VXKy4ue+dZ34EoetyxZuSjOjXmxW45R2t\nH8sJhkZJ+mX9zsvavu9rSn86GNyPy9SUeLX56DIE87qmPVmBMKDlQ6v7w2gx\n3p+Xx1hgBoz883jHheRigTP9OXTOGln7atNqI3Id4lhrAc8bGRQhM2xXAoJ/\nKn7WQX1bpKcfsg62vnXY8C+6d9HVOmWvqOQYRThwU4LU/Rinsxn6bWLFF81R\ndvcMaQ2VHk9ulNwgVGhgOSfNnwswG+EsDr0cfBaBRNOPJpihO/Q/ZfgdoSJt\nge8Q6zRtd8Tow9De5EhX1WyM2xaHvnS3ifx7RtJsHMQTp3EMpsYCgZebLczQ\npzLRuaP+2yFcywKki5yFOfiEcUyJ0xIQevdIC1Z6tq0WIn2OupIZlboTcM9W\nMSC9Mp9a61/Xtgbr9Ph67nFAlnb2S2fRREmixW93nuC5fAtcJv48vsj+WM3u\nR3xVfSsJ7e+hit9Qq2Xwl7/XmzpgMQKV0jM9k3HmrWF5W2t3ZpexK1s72C3B\nsG/U\r\n=nmny\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHZXruAWaaWpQxkEHFMeebdt2l/ngMy3ColsPvQ87kXxAiAmJNNB8tFam83CNRZ5uquTryar77/JuyIoBx8YL5QmmQ=="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.8-beta.1_1638340642284_0.48217623362622586"},"_hasShrinkwrap":false},"0.1.8":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.8","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.8","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-0Gvw3AsWT64yA/N834tpjZpI1maNR4jKCTME1Ch7JP7gZsS5xfG+aKKoKp/3ae7KyUUiqeB/vVZ18zzMZRP5EA==","shasum":"14b0ba9a795dffc6785bb789792b6551503850f0","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.8.tgz","fileCount":100,"unpackedSize":313426,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhqESwCRA9TVsSAnZWagAA5RkP/0xc+hP9EGjJrNMqIPBQ\nE6Kli2sNmrHTixU8gZyyIm934sUolabOMDcylnqOSTZsSVdxy70ljQQNEvxk\nbu+wA4CMXjqKnF2bzc9apCN3cCREJgQhvLtmFwAMKTctglxywpuFqOIs/9Y/\n8wBqo0oA/L3qctoJ2I+RrhEWiQZ+oDOx705Du8HiNeV27DAigBd7/hM7vUhB\nGTr4L4ZPIeQGuig+bUjLpZvlW+8jefMYqTSELfSpXc0rD7BIn9F7BXxlKUCr\nRwekQpaHMJr4tUM+GcvkJUKuEEQsWZA7JCR7iChtMSCMlKWd1PlGLz6ktTWA\njE1Dbyt37u3Tgq6UsYatdCxORC2d3HDEgIqL5Lkb8qqvnUKd2RZUM6NCn9Ks\nA2L71H14R2i6WfZKzDzXmtG+/LOcsUf9K/wkoOrHkeeLSB+CFcr/n5lgsDBF\nm98hk7b69AlmFMwUaKxUdreztWtBxoPTP4+swKz5ikEczfaCP9pVdvY1o0js\nvtqEj1aaEPsGkOGCSyUkRD50iWdZwu2cdxlFgqdY/0+XoIU8KwCGRu5UB7ed\ntKUILU4yqnOEXPK90US0+xnP80ySOoafgdc/uFj6VgBDV+b7vWRt8mmZZyb6\nDkCN+KuCcJ093ro/veX/rvGROrXotrQeSG9wZSRBur5pucRNdK1ZXIpU/rHQ\nUvm5\r\n=eCE2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCJ7MxnUM2MEy/ed9iiT3spAVxxmQOy7hWwS7S14Ux70gIgMYBnXM6O88fMP5l7iz69c6+md2Bxm9YoCP794mS6ZyY="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.8_1638417584131_0.6193524248058182"},"_hasShrinkwrap":false},"0.1.9-beta.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.9-beta.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.9-beta.0","_nodeVersion":"12.22.6","_npmVersion":"6.14.15","dist":{"integrity":"sha512-myGXx0x2lDupSfINstl/WdZtsTXRDKmWZxMQ5D+byfQ9qs5kPbtnG0D1iON77s4SMoIIPH9rf0OYwuBuHcLoPg==","shasum":"53dc0f96547f1c12fb91c7ac41cc94f68d8374be","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.9-beta.0.tgz","fileCount":100,"unpackedSize":313755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiAzzoCRA9TVsSAnZWagAApjkP/3lJQHoKkoc/bk9q5p7K\nykA3WhW65vl8VuulFHRViqJKmaQnFUCHUzb/HWMmYFSMmv4g5yWS8mTpkU9f\nbDyK2q7YW6REVM0VjVRxgTegBoWwufMv4iudEkYG0cqjIwsy9Zr/lhnDRsKq\nKkw5osmttG+kWpq+xSpDgLgyEdSd2k/2IS8JkIIX+gGZjWk/bokH42Njfj83\nYBFmhGMvOqALnxep/zuhIlr946Ajs0L2BHWA3BUsjQrNeMDnyP7n943XlZqE\nNiROAOFPKbmp/uOaiFmwZZQUaxE6bnyMz5F3Sj3mnfa/ELExtlamZjFBkFfu\nWOsmQM0V4riRYGzU7UM8ucA4PbkWL5Cxg+D2XOKWI4umiAj8FPk2s9j9WZao\n+Mebadty72XX3NnhIjUSXzDs/zGgjI7JU9qWTiMkSZSu/JUBntWnMheg3k7/\nS+/HSqaAiJbjaXzbdhT83itXVrzm+UC7gxrwJaPIousY4BBRVFwSJQOHruKU\n+HdJcqxU4GcAQGa7IDSeGwTFiwmR27raCD9Uk5uyHzH+9FNRXBKYFcDjqGKL\na8SUc1/yhrwZWntx37NLk7SSBRmEfRrlGdexqwIyLMD/07bz+C4t8O5ESTzg\nl6ahdwBqFlZsQXtT7uzNAkaUCXI8s+JVyp0BoAUw3VPKZ9ghviQYfTIKBucL\nFYJL\r\n=EIph\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC8fUboZKcfdcXhADXPFQKagUxmAGVuu4PRRPijqV5GqAiEAnlIcdOpOTxT+JQ+mTLuz7JMnFrEFxGHVK5tA3QxxdHk="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.9-beta.0_1644379368752_0.17315212412484415"},"_hasShrinkwrap":false},"0.1.9-beta.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.9-beta.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.9-beta.1","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-k4Qb+JAZWk7e7AaX/Syg2isZ4mfz9TrfpLnpGCmSXellvmAjeCJhjGONWh5GKyshGnWuReANeMFwJpd57GgUBg==","shasum":"dbb1434ab0925e919e8efac6357e73d253aa4882","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.9-beta.1.tgz","fileCount":100,"unpackedSize":317614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA2J4CRA9TVsSAnZWagAAYQ4P/3j//0d78oUVyhRupPFq\nJ4Letv+eGkNxQr/ZOlRKfBpcEnboqKHNAWpoDbJFZjN50QqRdsfOM+kqn8FH\n/54Pr2PWmXMJj+8fCAywuiPqCRwQDcvTtfK192BGLKVdXRtpUlO9wl1mPmLe\nx+xY1yGcXdVDV4KHaZ/SCad4GDzkO10U92OlG70IQf4/nBxwarzesmUyd3YH\n2NjSETgu+AS9GzrQh+2ZPhTocj7aa89XY1tT6QuGRRKGN+ZcsmeyM/YQ1+vi\nYcfEGTTouGCCVsszabEnLGhcn1FA6meQZBtLvAOtvsnmwALE+kk3IV/2Aeep\n2o7FNsxoo0jrpP82VirsMxzgsYdWrhmSoiNjUqWSBusRzaxO/QMpVOwgqMx/\nwNydWQ8EmEaOvs7d6fdJAoK9l4MRzomtm3Lr+Ote1FbNtQZ2IdGSb4Fncmr0\nbaZJtJlIbQYtQEmb4NIe5hiYgEnhPpev2rD6RIMzOCo0cOznQqmuIiQQoBvq\nF2QG9ocoIqq2wRpOPt3xQhfru0VZwkEbUc2sCzqw2PBLMMIAYr3WdrPZzCjY\nkjDOY3CC2/hwRISvk3NH/CJrxTETsrbe0EiSbyNHnWLzw5T/LeR6PoGpI5d2\nrjQNL18GzsR8Uppp0oQRJ3rETQXdTl5ld6UcvudLimOCEnEAKFJJmVomHFNK\nVJp5\r\n=0mek\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFgKS+TGYkN7TEvr8zxzChFAN95Y9Wa2lW3UZJY88pwkAiEA2sIkArZimx9KZbpPl6xlHmkcVdnpdV1E4NjS66n1Qgo="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.9-beta.1_1644388984669_0.7490655538509581"},"_hasShrinkwrap":false},"0.1.9":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.9","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"_id":"rax-swiper@0.1.9","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-0rd/6CbFW41dJxsss7EEtXsSqc8rU071ZL3T1t+q15k6HnWVRv/Z9cNCea2jVoyDtiZSL3v3eknDEYQHEGcsVw==","shasum":"806858070b72f993aeea833b9addf93299b37590","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.9.tgz","fileCount":100,"unpackedSize":317607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJiA3hlCRA9TVsSAnZWagAA5cYQAJ8DvI5N8RnN4kbw8lIa\nKXVndjGGP7s7Klc/a8J5ZWbUnF4v1H+IId+lSYWA3bJH1dDMAZYYMlX2svPs\n9clX8VxiMtRxrtRhhr73So6HKTBE8eK+vYc2oESkGhNaWR4jd9Y8Bj1BSDNn\nV1yOtdrw4HZes33WE5kNvzpSW+tIyUozsG3vXEA1B+uBw3d/ghCjoZzvSVn7\n0tzrwaeu8npbjhK+hKc8TYvPleU5sfNdreDFeP/BSpHgoAie5+28OU2McUtg\nt9/r6eSDELw4X9SlAVRyDqWmkWW81w7yXzGnZgvOTWpBTrSjqZqP84RdWV8j\nZpH/yOrZkx1vAiK7qfsut7cpma3qGO03Vds6XgLP+8VNClGXdfVtKDrkoRXY\nO8nu/kYqWKVKa3azSPnThOHcBQcP9eK2QQZGDsck+qMTl6u0O1stLeTOqiD9\nF1ehvlG00hSJ++WzG70caBj9Zwokjnqj4GT48CUNmIfSdmVzQE7Bx4rxKvt3\nhBJnXkwTmCg00W69dzM6J+Deh38S/aUhHeoD3kSb+9MZE/74tgD8ApAJsrcE\nBKnoLjXR6Gzos2+fzGoHa87a1sZr/Qv60Qe8W0bNWLbM5HMHgNR8FhoEbQSZ\n2LwD636LTpCuB2PVn2iDDDZNpUTAhKgJu2qaIwbJjz+WNnpAqP6g4/XC9RDw\nZOOV\r\n=PIV5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHGa8BbpAHQtN45utB60RpfbVKIMAaZeh8tRd+P3n+wvAiEAtfYALShp02qdsUF2eKmXUOWHCljgW6xMVYm97kjroXc="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.9_1644394597464_0.27002529632335937"},"_hasShrinkwrap":false},"0.1.9-beta.2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.9-beta.2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"e919b8232aaaa3b27496a665fdae02c61584fca9","_id":"rax-swiper@0.1.9-beta.2","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-H+NzJLYdkXjaV3th8ykgvpCoc+vUml14jVIu8dlQdAiP5KP4Cy7uxUbRWaIkrhI4TGERq19O5sF+U023R0Nmsw==","shasum":"f8ce5835917a71ff5ce3a117f755eafe4943a5aa","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.9-beta.2.tgz","fileCount":99,"unpackedSize":672859,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOV8MACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI4BAAgLpssTQh8fBPaDmsbIS8C/j51kU6RCrwyfbwKbkc3Vm3uoCh\r\nMEENNnJPoou8IS1vGZSKpt46vyz+X6lQXTEfgVT843R2ZFIUCi8cz6Y5Pe1k\r\nDDaylK32SlURpkdZRuWPkZs7PnP2EhSuubRY+n8cKRWSC2aZNBmu1PBo/UGO\r\n7wBbWbs1Ke973wjwiCEkgBSUO70Or89MR7RU9WeVmDEbPFxbLaVMbCvN40k0\r\nIjNi6DRHp3q0V2eGjAFLoUrGIeZvv9FToS3KQEJLlvuJQxs8qe3d+SzIccrS\r\n3DJxNLGQntW9Bg9xvfNeCBTfZCltVYWPFpptYlZNEWAzAWPh5WKTHD1auU3a\r\nCkPcv1EzXfKSsor+/Gvx5J+hqCpsnEsZ0JXKjXLgZukvL8uSRoGJNW0lQUdy\r\n4J+5xE2WZuMvPTrNYa002ksGF3OL6U5NsXqOEa7Mw6qtJHIi+Ym97Rt+D7x/\r\nEZARi9WO136sHM7OHVtmtGX+Ow2rSuMvmQVq+48S7fPgMC8l5uTg2QiacjvD\r\nNRu+NuPR0Fc7YVgbWH3RpJvvr2jOTUYKOaQ7z4ymC3gTBiDUdtjmEt3RN2/v\r\nyEzzsmrRo8VpOWCZJwxqej5CFEtOFSvqrZ05y+gjShUwTMJYutuM2exB9OSy\r\nX11sTCcsgHk8MM5MYNKg4YiDC4T9L4SwrXc=\r\n=Q0WM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCw1rUxSzJbUYuFxwi69pZXoO/FNTHzjXPtn5Bj1p2LXAIgcEhL8giMD1VGW8oQPJgJY9YaqCpzgUwAMrs08tWOOec="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.9-beta.2_1647927052644_0.22511573727501544"},"_hasShrinkwrap":false},"0.1.10":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.10","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"gitHead":"f3d7b3b8bedac63c50080623d3a57674484eb0d3","_id":"rax-swiper@0.1.10","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-6Abgff+77I6pLoFSpruRSinilKPr7ZfFi0hwTeFb9BPol+nUek2lhF8kZAxM9Qbni477LhgzMYhmNzWH1/BMsA==","shasum":"224e47b0ee57aa60b2ba4e8f200f66b9ab98280e","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.10.tgz","fileCount":99,"unpackedSize":672854,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiOtWNACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrmiw//XbVL4K1jg0y4zNXIDwcQG9yjRMD5GVomv/59HwuMDQlepOgB\r\nHiv5frFvWm/hecwSnZEV+FHVUU9DYd5/OHZBkglWHYB0ktQZ9vI+RnX/biiu\r\npamXNPoTVD+XOlWubHLfFjj6hi8Iw5QIkKHKbUfGJc1/XPqpIbL/2Kg0SZim\r\nu6Nyskxpc0IYKcktcjrPJYBbZNFZhk1f4dQ1uryEesTfqzcY6rX8tvfI9alC\r\n9HMYaqqAEYkEaQzY5wNMUGe68DdG9YnC4u+J4fYWIZyebEnCToPbdkauckZ/\r\n1pouyTEFAzBJhdKl0lkNS21ZapH7cfcyatEOwOtqsYBvWKkYKvbJqjeka6z8\r\nGaRXbL3f4qI2br+lr48uXifIwHXkypSy7+vSYokIEhkJ5qPgRP4as2ZyB2Fz\r\npweRl64Li38zU2PYY6iD1IpUjvAQvaHUDYd7x4d+DmF2yl61jtFdYRT0V3PY\r\nk7T8Ti+PxB5+zckFEX93TwpzLsooHOURefzPzrEyWZNSwBfU50HIzQ7SHfsj\r\n7zmgbYVilXSiCe3UxDX6qVj3hQvPer2PT8hNp5PjwHCmzpbVtUqxsndwdLyr\r\ncCVbg0v+a8svlzPJhLrw9v3AUdZecDBhZwz9oJOpNguyXwSJAAABpBXUB5mM\r\nRd+scGYm+EoRu1fyjdhOxDxvSIMnJFC44a0=\r\n=FXyD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDAHD3Zs8Mb+M4dPuS3r8PNfAvgTMIGJiWQ8UygKgZu/AiEA22FyxrC+LUW9Ev8OqZ9q2+Ec8VsJHl3ILuYAUPkxSCI="}]},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.10_1648022925500_0.06006331962467959"},"_hasShrinkwrap":false},"0.1.11-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.1.11-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^6.8.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"rax-test-renderer":"^1.0.0","@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport SwiperCore, { Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.1.11-0","_nodeVersion":"14.17.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-ptdbUUB+4ECINXH/YLa/hnaVsF7TWqKVYZi3WOD3XGvk8BR1wCsII9k5Etis/4BL8HK1mQV9nsQrNNc5DdJXrw==","shasum":"09caade4e4d2a436a188c36c390345706c74e76d","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.1.11-0.tgz","fileCount":100,"unpackedSize":318232,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaNDPk8Kxw7sRQiLB9KRS5E/Vd9m/RJrtlJhWWoH917AiEA8W0jAM5LTd7fDkCkU+M3M3mm2nXQNn4TeLNnfGphQbU="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie5xlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqNCQ/9EfWP69BDEgosmSVT7d+PCsKOeHD8JxTZVjEaYlpAgHbzfzj/\r\nsEE0PTKFf/SnfKnyujSTncd7+iJzVs2jDTWvRYz+aqyjzpkFYz3MYA/ltR0d\r\nspLFQ4asMeVaJQrqGct9XJ8zai0Zo7PrNHR04EF3TdPg4Igl0TpPdFB6Yr7Y\r\nOCNcz5Mm8uZKJeEuhJ/2HsETuAPRTuyF0TJ/ylbjfm9xfBPZnGihx8pOpXiv\r\nIbh3QDy7QQhtTPph/PudVHU+0zYovQQbEP14n//fhdNwrTQuxdDWDtTlIERf\r\nxp6B5ep3cbKho3ESmv2mSbGt6P37KTIGc8CW0xMTVY8KCR9GegT5ckIjq+Az\r\nn9tNA6SSzV492cO7ykFouKnvUKzTA6LprTB95djkWYj1WbjD8XwjCE2+xE24\r\nRVIw2C2Np+6nPxaWCH0UIRg2KbWEpmJregOJOj9zYxtOoATQnYEMGS+mFzN/\r\nAPZWht/7pj6Owd6LnFRY66qGSxw6DMEkfr79xYNklXe8CEJOUHO2Lmm/oled\r\nnwoS8s6x93kLT7+Ra8/FPUnfzcWUELCK5YDkmS2V/XCwxwuX1OaAYkrpGnwG\r\ncYUWMAVjahZ+iXRiYWwoSgVRtZtSJ5+jRPePcjjX3rl7d0hc0xC//ji5rLsM\r\nSup/LuCmzfwpVlz6cBEyQwg5M5qZDf+cYwo=\r\n=7om7\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.1.11-0_1652268133084_0.20191769081099187"},"_hasShrinkwrap":false},"0.2.0-5":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0-5","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.2.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> rax-swiper v0.2 基于 swiper v8，rax-swiper v0.1 基于 swiper v6\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport { Swiper as SwiperCore, Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"404cdcfdc769badd0caaf2370c30965a60fa3360","_id":"rax-swiper@0.2.0-5","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-ndOIToTKst0o+RcOVNglFh5wGaFCmtyCVZOb0lzbi2CRRnglSmKvKvqhaoekRti13G3+dPs5cS33BPRFTq53oQ==","shasum":"df675f060021252fbeaa1efdcd70c68436568305","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0-5.tgz","fileCount":97,"unpackedSize":250408,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAHB37zrbfKPG3wzim/SUbyLyriMg8BGmSiFCStQpWJ+AiBzJu5bHKr6wCGU+NHa0upEHx4dW+KyAVxpQyujar/YAg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq/DvACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqwsw//Tui1x7gwKQzNROErpx/5m4SLLfqsm2l34582Hq9x4abSTurT\r\nF6BiM+2eCeejOjNrebv1KzUaIerlsGmfaIIgI6oZMMN1yf06teDs5CctyYU8\r\nXYNtUC3oWBRvqTtofTuhR/CA5N9oMw3IAJ4QJG+a4XvJn9nFUCa6C0YOeWRH\r\nksdLtUobCisB/tl5dBbTMlUbTQMNJZDyr0VK2MsMo+p50BQN05ny8TzPhMUI\r\njTjKqf3wMFpzMC7OQqbAiOkFX81oLw4c4EVAXp6+iZ0iJU3yac3ktqFQaYdL\r\njFIKhPuR1bfXwVH9hoUSPLYxv69cSe9W+O1rNw3fS3lf1k+TB69WH0CJ9pEM\r\nTZQU7eFpn5w9XIUcbkJfBP6XEHffL7zxGc1D8GNMPYwioEllBKFEZfcHh3vm\r\nY6ynUZUR7uyG6Au6Giq0JxeaEIdTlCOFhI2NyZa9XLGtxJBg0+BOuh6z9KUA\r\n0PjPrPNLlB23izD7Q8spkRDaaNYjBMkLDmx6cRg9a72vnZtIKeg3LVu0vQaw\r\njGZdnPQrLWOy4dssNUME66s4FT1FYXhMm06ALDAd+Er5R5TqRZn/ByiV1BhG\r\nd/UbDqkfvPptND6d9GLzzbixDEvG2iqSPlsYYs3NwnFxwgA9QHS68TcaaFnn\r\naEkN37A4lrc5cWCRvlXwb9Qu36AcvXjcTh0=\r\n=nagY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0-5_1655435502844_0.44172194152495914"},"_hasShrinkwrap":false},"0.2.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.2.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"gitHead":"db691fdeafb1658f61a94c89020f27d8abd50a22","_id":"rax-swiper@0.2.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-DgZS57bow5iA1USiy5mrCjTyC6zn/yg4p1HazJ2VDhVMYam1DcjHmveyfgLTvYuR0XkxvCwewsnGO+1cYp8ZlQ==","shasum":"ebf09da7297624e7f8469de01e9cce7eae962be1","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.0.tgz","fileCount":97,"unpackedSize":250406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEAATMXF+F/kkJCKGkMq/iDOgu//sGUTHanLG5FzhIhKAiAi/oqdn2ec2OtTCf0jBA6bY0ZP2SSrzcoTJvLfNLgtLA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJirDeWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpW0xAAiQS0muGkZjerBzMJpt5lRhg3WIGyORXAMdbh35TDWmAq/+PH\r\nTYd9/yY4VpitCtB7m/b2kzBKs2AeoMy8NDH0PPnVR7m7SN+ISgCgs5Rs2erM\r\nUVUQkSvWUZnmBZZhaoZ6FZWpRstVVx6a5D4rprSmiXoujfb15oFwDS1a8NwP\r\nb1pLyLkvtPIIzn2EH6Ya+xlmItoS68bBAm9MdvG3BY79TEVf0ZjtlTEbBX1s\r\nQ/VBCrdgLgYiuE3GenBawj/Exp+/1n+JS2Uo9e3C3VXUH0dhGkB759VGClxk\r\n+0reSnh+zryR8fpUh3tm8D5YN+oXa8XyC5ZXjqSxXDH3nKITYMXRU3wmRsFZ\r\n25AcU8UnKcS8KBDz/jfFNYjzxcu9dEcCB0p6w/imFsZ7aUYjngFg06yjsXht\r\nykfTmZBbFDJs9WQ4A+ULQE/WFQlBOiY9ir2eFaeQxtIyL4R7/iBy5pReV9bA\r\nwssL8myFRxzuxdSRxSde8JDECVg9W1BqSCMd7ceQGP8c72wh02nZqkTVRpHx\r\npNJXwvVW7U5e6MynKiHKKq9EuG71xEymHUfAk2v3la+/OAJUerd1DRyuYVJV\r\nv5qUU18oOHO8OBXG0wpCC9Oa4Ov7Auaw81uY9GyjgsC+HFb4Gytvij/WkoVf\r\n0rw9LAiS+/PxQh8cdLZOY9o8gVxED2k1wPE=\r\n=TJln\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.0_1655453590683_0.5102897339563446"},"_hasShrinkwrap":false},"0.2.1-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.1-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.2.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> rax-swiper v0.2 基于 swiper v8，rax-swiper v0.1 基于 swiper v6\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport { Swiper as SwiperCore, Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"db691fdeafb1658f61a94c89020f27d8abd50a22","_id":"rax-swiper@0.2.1-0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-mTWbc/0KQ527XzYkDP4XtS+NU7K2jNugqKmACYFp3DvwAUqSfRjW4M398Ff9Vh+V+cYBDqFfIZWD9kduBY93aQ==","shasum":"dd4764ebd7018ba47a4854d1d3390916f902d48a","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.1-0.tgz","fileCount":99,"unpackedSize":326319,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEFau1K9AqEmomAoXb1EfEX6ZgBatXRz5doZ6tNnE1ZfAiBgEaEAk88+47z1abkcEkaI/FmkwSYemt9/upm2MNwsAg=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJir+vgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpxBg//QGQyJWk2yTUk11DkM+/Oq3/iUb4u3YsITkLNFpuIU6vBHWXS\r\nBBlASMgCi1VLDKh4BPJfYYgez5lrX2tDQv9ZJFhyovTgL/dXpzF3glMrdeGW\r\nleKfaAcmBXkTY85Kdk9yO/bLDpM3VS8fNywjCb8alHlIfq4KhwgVwuimbnsK\r\n6DNFmbfIlVi7Yzm+uICO6t80CjXf0IFpYGlGAZoWICU/05BqVkFVucJt+y3T\r\ny3+gEj1BWWxKmLjlzysnS6ZjoNFA79jqCBLRNO620x+/bFfSWOyi6q3N4N+V\r\naPnJARK3JsSpbQxxPhnn/6TvhiyoGefJ3g3uW6fVOhBWyaE7e9fmqnZWuOLj\r\n2V/xqz9557c7G2t4OaJJ9yeCjrihIajjXT/CriP+y1eX5VQcNjvpPPRc9gZa\r\nGGhQ4Fa4xOFqKYKedrV4exALcD/jwh2aGZFNtgUBXvCMTIi2/jSfEDpgvP6A\r\n4h7VQ5ggYrSq6QLGrlW/4ZN0tzY3yqw/XUFeMLjZYnnIPEASI92zz70OIPVy\r\nDC2n/5MWIjpWp0jk5LU2DWbBIVxQpmje+9WdsoCYwJs+pysCNMTVxNBF+BG3\r\n/SYOKTJNHXSZFvNfWeooAHjx7AckOK2yX30vUZ1CuGUpqWXsC6hS1hTD1TgF\r\nAsCWtzyDMq/tWuPUBg4hRFfe115DPrNzmbQ=\r\n=TRt0\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.1-0_1655696352707_0.6427215317845614"},"_hasShrinkwrap":false},"0.2.2-beta.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.2-beta.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.2.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> rax-swiper v0.2 基于 swiper v8，rax-swiper v0.1 基于 swiper v6\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport { Swiper as SwiperCore, Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","_id":"rax-swiper@0.2.2-beta.0","_nodeVersion":"14.19.1","_npmVersion":"6.14.16","dist":{"integrity":"sha512-6bIBT7L+xrSnGprHVurB1w7y0nzShEeUXQsahqB6rMRjaQvTccZVeh7a7Ywd/6jr4PwpKGP7Bqofi290erchsg==","shasum":"cd652bede4367cdccdfdc9205e0770e8d8f3b3e8","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.2-beta.0.tgz","fileCount":98,"unpackedSize":251054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFZXzwq9d8xqi1tlGjpsYUANtEjzjJTYjI+pwDiraLqRAiAYPhf3Ekl+p+PCVxNnZkfR947uEIh4/Moo3HWNndIRlw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjBYp9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrPbw//dYc5/52D5PYIhIoeDQ9rAm2EyuLgBnpNkKFQepXaOXF9O1wC\r\nI4sHzyo4kXPyG8JEYriuNzQZHAXFQ2YY4uoenCIS6WZ8ucOYWtmlTryOPd40\r\nFWmwPCqY31yuA1N4Hed91agHoYpOrJ03xqTlCC4F5ilnTzN4E7tgTr74MKuC\r\n22NVCtAnaWdqi3bfSCxuXiX8iZgJNET5L2N7Lh8oIBCEzsF/uhEGemIwr1u8\r\nIVqm0K/BM91qm2LmgGOXri4PkBvBOXm7gfeLiD0p5Rl0D91PKSGKAKvYIjKA\r\nrXv0lIkQa3pqBKvw0vkVeVo0+rjhZ1onkytd6XKy7gj8g1IAs75vCjMFDn3W\r\nC4Cbc+eQ9TZBJFP2fdt2MFnMDO5tY71MiyG4gOUv2oZlHHW9R1PNevsuLIol\r\nQABgI7LoMn63wtkDnP7WUa1ET/3Ydg7WSzhD/IimwS3AJGUYOWBhI1DBrIww\r\nv0SY3KG58OPBzSy4x2ZnQ11oBcpT498kWC8owYWR/s6dX05RvlCvOVsARONr\r\nljGrmWgyNSIoUHEW5M9AzrfnDB1rlnikfdlU74BXSGKNEpoIYd6gkUgAIxIG\r\nVDvTRS844gKpg8KA+EwgLhZZfgifDlkke3Ny+HLITO5Q6u5oUPalb5aajYhA\r\nMVsrg1ht5kk0SuAlOQl1Jh0rFXcUgKJV4ZM=\r\n=aTTK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"answershuto","email":"answershuto@gmail.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.2-beta.0_1661307516809_0.45663084762544104"},"_hasShrinkwrap":false},"0.2.1":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.1","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.2.4","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"gitHead":"c575b6fd1f2cac2c26f495a491cc18e20d9e5b42","_id":"rax-swiper@0.2.1","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-EwpMNgvY6eOmrWMM33k6raMht+ieKfqUzuuJmGeZWa9SOTx3jpJcGTmqi6xQcDFCEedK6DcskG1hQxUvJwg2oA==","shasum":"ab0a35db17a03f33ac6077242b66d2ca8eab92b3","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.1.tgz","fileCount":97,"unpackedSize":249475,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICMmZxpG/FGX90g5I1wr3J6mZ1DdNCAAHlOcj8Rwc9TuAiEA4+JM192P96MF8WW79iig8EyQz/3Myh5b6KscR8O9a1s="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjkaS7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrIOBAAgstiAG5FpapnqmSVbh2+CSnAIlklR93FORMTcxJ0yv/xXygr\r\no2Svm6WfP2WH9Zm6LWBf1tqzsVYn0v0xolSXoSLYar9jlIMXR50+LcRC+8DO\r\nyt5a+UaFaLMcT6yPeFyOMMzyIt3lUKVDiQDP9vUKaMULPdBXaAmRdNnVWUE1\r\nou/fVJplGWDtzYS0Mi8QXIXf80gkF2d8IHF1bwD0Fyj87RKl2ON1uVP7U7Lk\r\nrGCPklHtmrP+cNxu8Oxo4oExepy9l+lucFU5VgpWI0DOZpg3PTlHTS+6HqUw\r\n/UyO+hFJYRcvCXDJcHp2921OgxVScZnSzXqntTarENbIVbC39MOJru8XNOba\r\nSnqzlrsg0RtQAC+03m6xe2ksHQboOsRE4Xd8Z+/OsyS7UgYGWOvwJcL1GI9n\r\nvGuTfAViQImnL6k2WljAu4lx1F02ORcO6jdO3rjs/b+ZSOmeJ/BN637joRar\r\nim25vAkLzaY7sHxf/ReveQMqQY7zqRkff1X1T3SgXMAfI54zd60S3Felo3kq\r\nOG4o7xXEgtyvZmj99kYlOAwtGQZWKmznLQumCsRq78xa06sTgtkakxP6cjdF\r\nilW2MFR1f+2DXzmQ3LZoJl0ifILf/lBp9kG4BajS31RmkTTlEiupyvFg18fb\r\nYfNkiJPGHiycxkO47BlF0FhxQu0mqTPPjrE=\r\n=gxvS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.1_1670489275402_0.8184783063453211"},"_hasShrinkwrap":false},"0.2.2-0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.2-0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.4.5","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> rax-swiper v0.2 基于 swiper v8，rax-swiper v0.1 基于 swiper v6\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport { Swiper as SwiperCore, Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"3cf7b876698c49a1b1a438f6c10315135d3f998a","_id":"rax-swiper@0.2.2-0","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-TvoQXNa8ItRWArsHLcyvsPmLpoFc8ufntMOqtDcM0B+5PGkVX2ek4Fa5DWssPztp1VYCZcxtG8YmCkpOv0IDPA==","shasum":"baf8b4e481b6ffd3d71e8c51973c0ab8741ffc26","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.2-0.tgz","fileCount":97,"unpackedSize":250051,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5R/yr77j13mwR2UqeLf/D4gHkBdv6ayr+tnhTLCBzwAiAzS0YrVijlqfsQcFw+k0tfBoi7Dgry38K4iOG2lRHdHA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoDmhACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmppqA/9HZsCpsg+6/EhQuai/gVjeP8MVaekDeLvoxOl85jJUg8AZhsw\r\nqH1aNBctlc8R+QWLlm5JEy0r8Oejg8PoFd/fTNJqidT+Tkbr19OlFM5J6LB6\r\nY5J8/8FOMQqLPfw3gqsbBfB+mZWCfrKYIv/4/alQnni7t6dQVbBkS0/7J4tQ\r\nW+yut53wRIyUqoDoI8s38dAMZDZQ+rewcmdhVSiG8HWpdD/5fpuli69hC8Wi\r\nI0RNXyANWrhFJI9p5pooifYUQSdo/Um94+Jpz8OrsOLO9rh9160eoyB7OWFV\r\nO2vsFPVVgII4+8aB2Pl1YJRU1BtIMFPeGTskF7VC4N+b/RLpZtqkGkG3vihy\r\n6jBd4c8lWMWvJWhUFZYWTInNpRRijZHkfL0pxVbxHkS9yVtkt1bWzC5xmyF3\r\n4Gzr//gYOIxp2uXVDv3A6/IMfyFldWN+0pgTdC+069xYdcjEGq3F0Z3/c0Iu\r\nNxtq6kPvQp3gsI9ls9t5JamachR4U9SHMFkXgTvqpc5e70GB8Bvbi8V1V1km\r\n4KcvWl706YzIDtIJHvr2XVwjy/yje5kkPuxi6X5uPVirMj/AKV/hsEhjyxlD\r\n5mSRswJaYQN3X3aLoQ68L1bbp0z+Lk4NXkOryRtfuEkfqymd/ZZG7c1JW4ov\r\nH/1cD0hDqO9NlaXJQAH+RaEa6HiY15rNNiA=\r\n=uoB3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.2-0_1671444897393_0.6605518455021295"},"_hasShrinkwrap":false},"0.2.2":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.2","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.4.5","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"gitHead":"906bf36f694926e46fb70e24a166344d661c1bb9","_id":"rax-swiper@0.2.2","_nodeVersion":"16.14.0","_npmVersion":"8.3.1","dist":{"integrity":"sha512-rPfVsbv0Oam5HzKfUEOjFv92ymUUapebweyovfbIAPK6MUQozLcj/ol4d0tGU/QD7YXfy/vSvZhSFC3LtopDjw==","shasum":"3512cef22ae9fb87c7c3354f38fc704c086b2ada","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.2.tgz","fileCount":97,"unpackedSize":250049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBVv623WkD8kEYYz4de6r6vkpfJ9pFY+fqk8TYJEfMTwAiEAuqwzsMqK/auMoVILaZ2FuTXThVcQc+zeVzrcPFu6ihY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjoSOsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq57hAAnX4rMcHKXl/M+0o9sSgi/RXzf96qB7SODfLuAH07uCzdRrAA\r\nHXrJtQKqsA8dPNrrMBXNlAzRO22hYx+YQOs7aytRA6Sa45J0DGR9ub4hEHEZ\r\nrczZpmGKYd+oIBmL/cpCJq30DRuFuQIRIMeHMwvqVPPVAQfKrPJFhttL7Z3/\r\nkdr/e0215eO1uPL3Tfg1DjgyPPwTk+KfhDng0HT/dTs/mo9sWy3Yuo0XQT/0\r\njjery1TH40DyDSd5YpSuvS0bntivp5BscFGZhdore9hhgBmLLcERsIuv1ZNW\r\nFosn5RNtWc4FmnLf7TLtKQHyOXYD3sfO9t2WEWvZgxs0dJHh7/AsGasfIM7o\r\nG5hKFmIyOYIR4xhvKB+jMMkpZuDtzSCQmmzGyy3nadBeoM/sJ4sR8/oRGf6w\r\nIghfsCcTqNnDLZF96Pc/ITmJnAcrpwAvxDwydqSNyruopmg2Mw1RKOs5hqJ3\r\noHosww99FGKczSiUtjC7z+3ih8vBlBTJ7+QLzb0SNX3lMDIPEIavKlw2N1SW\r\nearDvDbVNqdR52WD3DGcyEqBR7RnDFreQDqhoH/V9r7sse3/DgA1raH6VsKw\r\n6Q9WV3AIBGk/psNYIs5gAApVPc3HCZSa7JLm2z007A4IkiIuGQudHcEouu9y\r\nOEK7uouiqtSMWDA4OYjaUJ8QSmLZdZs0OII=\r\n=ceDT\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.2_1671504812540_0.5998171804817327"},"_hasShrinkwrap":false},"0.2.4-beta.0":{"name":"rax-swiper","author":{"name":"rax"},"version":"0.2.4-beta.0","description":"Swiper component for Rax.","license":"BSD-3-Clause","main":"lib/index.js","module":"es/index.js","types":"lib/index.d.ts","exports":{".":{"web":"./es/web/index.js","miniapp":"./es/miniapp-runtime/index.js","wechat-miniprogram":"./es/miniapp-runtime/index.js","bytedance-microapp":"./es/miniapp-runtime/index.js","baidu-smartprogram":"./es/miniapp-runtime/index.js","kuaishou-miniprogram":"./es/miniapp-runtime/index.js","default":"./es/index.js"},"./*":"./*"},"miniprogram":".","miniappConfig":{"subPackages":{"Swiper":{"main":"lib/miniapp-native/ali-miniapp/index","main:wechat":"lib/miniapp-native/wechat-miniprogram/index","main:bytedance":"lib/miniapp-native/bytedance-microapp/index"},"SwiperSlide":{"tagNameMap":"swiper-item"}}},"scripts":{"build":"../../node_modules/.bin/build-scripts build --config ../../build.json --skip-demo","start":"../../node_modules/.bin/build-scripts start --config ../../build.json"},"repository":{"type":"git","url":"git+https://github.com/raxjs/rax-components.git"},"bugs":{"url":"https://github.com/raxjs/rax-components/issues"},"homepage":"https://github.com/raxjs/rax-components#readme","keywords":["Rax","rax-component","react-component"],"dependencies":{"prop-types":"^15.7.2","rax-children":"^1.0.0","rax-clone-element":"^1.0.0","rax-view":"^2.0.0","swiper":"^8.4.5","universal-env":"^3.2.0"},"peerDependencies":{"rax":"^1.1.0"},"devDependencies":{"@types/rax":"^1.0.0","driver-universal":"^3.1.0","rax-image":"^2.2.0","rax-test-renderer":"^1.0.0","typescript":"^3.7.5"},"readme":"# rax-swiper\n\n[![npm](https://img.shields.io/npm/v/rax-swiper.svg)](https://www.npmjs.com/package/rax-swiper)\n\n## 注意\n\n- 支持 Web 和 小程序，不支持 Weex 以及 Kraken。\n\n- 只允许在**非内联场景**中使用，即 `build.json` 中配置 `inlineStyle: false`！\n\n## 描述\n\n轮播组件，功能比 rax-slider 强大很多。\n\n## 安装\n\n```bash\n$ npm install rax-swiper --save\n```\n\n## 属性\n\n> Web 组件基于社区 swiper.js 封装，所有属性都可从 [swiper.js API](https://swiperjs.com/api/) 文档中找到。详细的属性列表可以直接到 [swiper/react 文档](https://swiperjs.com/react)查看。\n> rax-swiper v0.2 基于 swiper v8，rax-swiper v0.1 基于 swiper v6\n> 小程序组件基于小程序 swiper 原生组件开发。\n\n| **属性**      | **类型**          | **默认值** | **必填** | **描述**                             |\n| ------------- | ----------------- | ---------- | -------- | ------------------------------------ |\n| autoplay      | `boolean\\|object` | false      | 否       | 是否自动播放，小程序中传入 `object` 时，与 `true` 表现一致                         |\n| pagination    | `boolean\\|object` | true       | 否       | 是否显示指示点，小程序中传入 `object` 时，与 `true` 表现一致                     |\n| loop          | `boolean`         | true       | 否       | 是否是循环播放                       |\n| initialSlide  | `number`          | 0          | 否       | 指定默认初始化第几页                 |\n| onSlideChange | `function`        | -          | 否       | `index` 改变时会触发                 |\n| direction     | `string`          | horizontal | 否       | 滚动方向 (`horizontal` / `vertical`) |\n| interval     | `number`          | 3000 | 否       | 自动播放的间隔，单位为 ms，在 web 中此值会覆盖 pagination 中 delay 字段 |\n| paginationStyle | `object`       | { itemColor: 'rgba(0, 0, 0, .3)', itemActiveColor: '#000000' } | 否 | 该属性只在小程序下有效，itemColor 为指示点的颜色， itemActiveColor 为被选中的指示点的颜色 |\n\n## 方法\n\n注意：在编译时的阿里小程序中，需要启用 `component2` 模式，才能使用以下方法。\n\n### slideNext\n\n移动到下一个 Slide, 若当前已经处于最后一张 Slide，则不移动\n\n### slidePrev()\n\n移动到上一张 Slide, 若当前已经处于第一张 Slide，则不移动\n\n### slideTo(index)\n\n移动到位置为 index 的 Slide\n## 示例\n\n```jsx\n/* eslint-disable import/no-extraneous-dependencies */\nimport { createElement, render, useRef } from 'rax';\nimport View from 'rax-view';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\nimport DU from 'driver-universal';\nimport './index.css';\n\nconst App = () => {\n  const ref = useRef(null);\n\n  function prev() {\n    ref.current.slidePrev();\n  }\n\n  function next() {\n    ref.current.slideNext();\n  }\n\n  return (\n    <View>\n      <View onClick={prev}>Prev</View>\n      <View onClick={next}>Next</View>\n      <Swiper\n        onSlideChange={e => console.log(e)}\n        ref={ref}\n        autoplay={true}\n      >\n        <SwiperSlide key=\"1\"><View style={{ height: 300 }}>1</View></SwiperSlide>\n        <SwiperSlide key=\"2\"><View style={{ height: 300 }}>2</View></SwiperSlide>\n        <SwiperSlide key=\"3\"><View style={{ height: 300 }}>3</View></SwiperSlide>\n        <SwiperSlide key=\"4\"><View style={{ height: 300 }}>4</View></SwiperSlide>\n      </Swiper>\n    </View>\n  );\n}\n\nrender(<App />, document.body, { driver: DU });\n```\n\n在 Web 中，如果需要使用到 swiper.js 中的一些能力，可能需要配置插件：\n\n```js\nimport { Swiper as SwiperCore, Pagination } from 'swiper';\nimport { Swiper, SwiperSlide } from 'rax-swiper';\n\nSwiperCore.use(Pagination);\n\n// 如果需要配置多个插件\n// 可以传入一个数组\nSwiperCore.use([...]);\n```\n\n相应的能力包括 Pagination、Zoom、Lazy 等，详细列表请到 [swiper/react 文档](https://swiperjs.com/react#usage)查看。\n","readmeFilename":"README.md","gitHead":"16321126dd150039e4a626a0c57fb87bfe0247d0","_id":"rax-swiper@0.2.4-beta.0","_nodeVersion":"16.14.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-mqCdl7GgK9kIxkmEWTFXXvV6D5s5vKkSsmIf6tJLnYMWrBF7feyTdUQwJuLkkne0dk20/O7fuvnVFeHysgRoFQ==","shasum":"cb63c404b1d09b2537f02a10e9e6536084a4eea7","tarball":"https://registry.npmjs.org/rax-swiper/-/rax-swiper-0.2.4-beta.0.tgz","fileCount":92,"unpackedSize":107255,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPE9rGMZGZL03vIqq1YXH+KROxuryLDY32hP+hnrCj7AiBMlkCSLJsELuC5aT1Xi5u+jMl0pkLv2teP95h6hJD+xQ=="}]},"_npmUser":{"name":"linbudu","email":"linbudu599@gmail.com"},"directories":{},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},{"name":"linbudu","email":"linbudu599@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rax-swiper_0.2.4-beta.0_1689907772910_0.6218094485352947"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-25T09:59:07.294Z","0.0.1-0":"2020-08-25T09:59:07.459Z","modified":"2023-07-21T02:49:33.301Z","0.0.1-1":"2020-08-25T11:10:23.455Z","0.1.0-2":"2020-08-26T07:02:41.951Z","0.1.0":"2020-08-27T03:24:18.719Z","0.1.1":"2020-11-24T07:07:20.847Z","0.1.2":"2021-02-24T08:40:26.838Z","0.1.3":"2021-02-26T03:56:25.152Z","0.1.4":"2021-06-28T08:08:02.320Z","0.1.5-beta.1":"2021-09-26T07:03:18.994Z","0.2.0-0":"2021-10-09T06:27:04.866Z","0.2.0-1":"2021-10-11T06:13:56.450Z","0.2.0-2":"2021-11-05T05:47:40.161Z","0.2.0-3":"2021-11-08T06:31:54.303Z","0.2.0-4":"2021-11-10T05:53:04.073Z","0.1.5-alpha.0":"2021-11-24T07:27:25.775Z","0.1.5":"2021-11-25T08:45:23.899Z","0.1.6-beta.1":"2021-11-25T12:29:48.052Z","0.1.6-0":"2021-11-26T06:08:08.694Z","0.1.6-1":"2021-11-26T07:55:38.029Z","0.1.6-2":"2021-11-29T07:44:04.768Z","0.1.6-beta.3":"2021-11-30T06:19:04.042Z","0.1.6":"2021-11-30T07:03:16.157Z","0.1.7":"2021-12-01T03:41:08.835Z","0.1.8-beta.0":"2021-12-01T04:10:12.980Z","0.1.8-beta.1":"2021-12-01T06:37:22.471Z","0.1.8":"2021-12-02T03:59:44.312Z","0.1.9-beta.0":"2022-02-09T04:02:48.949Z","0.1.9-beta.1":"2022-02-09T06:43:04.809Z","0.1.9":"2022-02-09T08:16:37.618Z","0.1.9-beta.2":"2022-03-22T05:30:52.805Z","0.1.10":"2022-03-23T08:08:45.790Z","0.1.11-0":"2022-05-11T11:22:13.246Z","0.2.0-5":"2022-06-17T03:11:43.048Z","0.2.0":"2022-06-17T08:13:10.935Z","0.2.1-0":"2022-06-20T03:39:12.862Z","0.2.2-beta.0":"2022-08-24T02:18:37.042Z","0.2.1":"2022-12-08T08:47:55.581Z","0.2.2-0":"2022-12-19T10:14:57.584Z","0.2.2":"2022-12-20T02:53:32.735Z","0.2.4-beta.0":"2023-07-21T02:49:33.120Z"},"maintainers":[{"name":"answershuto","email":"answershuto@gmail.com"},{"name":"boiawang","email":"zhengwang2314@gmail.com"},{"name":"rax-publisher","email":"rax-public@alibaba-inc.com"},{"name":"linbudu","email":"linbudu599@gmail.com"}],"description":"Swiper component for Rax.","keywords":["Rax","rax-component","react-component"],"author":{"name":"rax"},"license":"BSD-3-Clause","readme":"","readmeFilename":"","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"}}