{"_id":"@develop-plugins/x-scroll","_rev":"7-91c52ce262a960100c976f04c3d1838b","name":"@develop-plugins/x-scroll","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.2":{"name":"@develop-plugins/x-scroll","version":"0.0.2","keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"author":{"name":"xx"},"license":"ISC","_id":"@develop-plugins/x-scroll@0.0.2","maintainers":[{"name":"sugar_free","email":"xx312472644@163.com"}],"homepage":"https://312472644.github.io/","dist":{"shasum":"1485c14f3044239a72236a7dd202190d7c4a7fd6","tarball":"https://registry.npmjs.org/@develop-plugins/x-scroll/-/x-scroll-0.0.2.tgz","fileCount":4,"integrity":"sha512-zVP2MffaTiJqeQdB+wlwAxel4Ar3cjQLOALK6yzwj11hziyxyCtaeTI3lhXS5EUG5w9PotcJlWfaAobfNiskDg==","signatures":[{"sig":"MEQCIG3Ar4fucS9RfUObSkeeow38lzNodbZ8MnW8z7xtTcbNAiAQkRLD/bj03tu9zmqlNWGHJ8oS6Wa5e2+cwMG7Xe/EKA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8814},"main":"dist/index.js","type":"module","engines":{"node":">=18"},"exports":{".":{"import":"./dist/index.js"},"./style.css":{"import":"./dist/style.css"}},"gitHead":"a76cc789231be1324410850d9cd100bae90a6176","scripts":{"build":"vite build --config ../base.config.js","prepublishOnly":"npm run build & node ../version.js"},"_npmUser":{"name":"sugar_free","email":"xx312472644@163.com"},"_npmVersion":"8.19.2","description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","directories":{},"_nodeVersion":"18.12.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"terser":"^5.31.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/x-scroll_0.0.2_1745205347246_0.0004975283218238147","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@develop-plugins/x-scroll","version":"0.0.3","keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"author":{"name":"xx"},"license":"ISC","_id":"@develop-plugins/x-scroll@0.0.3","maintainers":[{"name":"sugar_free","email":"xx312472644@163.com"}],"homepage":"https://312472644.github.io/","dist":{"shasum":"1b683b6df598fdda3f492ded126da3bc865d8b33","tarball":"https://registry.npmjs.org/@develop-plugins/x-scroll/-/x-scroll-0.0.3.tgz","fileCount":4,"integrity":"sha512-JR/fxUCx5AacYtV9unqheh+Fq0MGQy8gvFYJ3B6UF8iGu4rHc0YEWnna8jrqQLILDAKcK+ozWcFpFJylFd6XEw==","signatures":[{"sig":"MEUCIQCgIsWaBoYZ8014VUFdfkxCBPm6fSSRCB+Ee8yd4ty2aQIgSbKmabirafznMIKSm97NUyICnnPNQv9kYuDKgueImQU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8861},"main":"dist/index.js","type":"module","engines":{"node":">=18"},"exports":{".":{"import":"./dist/index.js"},"./style.css":{"import":"./dist/style.css"}},"gitHead":"a76cc789231be1324410850d9cd100bae90a6176","scripts":{"build":"vite build --config ../base.config.js","prepublishOnly":"npm run build & node ../version.js"},"_npmUser":{"name":"sugar_free","email":"xx312472644@163.com"},"_npmVersion":"8.19.2","description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","directories":{},"_nodeVersion":"18.12.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"terser":"^5.31.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/x-scroll_0.0.3_1745206440104_0.5576723101609922","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@develop-plugins/x-scroll","version":"0.0.4","keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"author":{"name":"xx"},"license":"ISC","_id":"@develop-plugins/x-scroll@0.0.4","maintainers":[{"name":"sugar_free","email":"312472644@qq.com"},{"name":"xiong_xiong","email":"xx312472644@163.com"}],"homepage":"https://312472644.github.io/","dist":{"shasum":"909129765835680a68da58867300ce8deeb71b3c","tarball":"https://registry.npmjs.org/@develop-plugins/x-scroll/-/x-scroll-0.0.4.tgz","fileCount":4,"integrity":"sha512-GARSwSHVHQjPcVRPgJAyMK5HY4jyr0nF+SUywks0nxkcZ31nFTBxJZQ/cvAHO3kVE8gzRG17a04VNbk6wAvKGw==","signatures":[{"sig":"MEYCIQDm+WMR+TAbLOOnlq9MA4vEqORKqIyXNMZXw7CCu1YazgIhANoyt+fC5iZ/jWZwnH3uH0GDSrAK83WWKqRu0ZQtkP0e","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9223},"main":"dist/index.js","type":"module","engines":{"node":">=18"},"exports":{".":{"import":"./dist/index.js"},"./style.css":"./dist/style.css"},"gitHead":"83b6432aba0900ba6e5d22426ae0af07e436da9d","scripts":{"build":"vite build --config ../base.config.js","prepublishOnly":"npm run build & node ../version.js"},"_npmUser":{"name":"xiong_xiong","email":"xx312472644@163.com"},"_npmVersion":"8.19.2","description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","directories":{},"_nodeVersion":"18.12.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"terser":"^5.31.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/x-scroll_0.0.4_1745240346465_0.8217204520619683","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@develop-plugins/x-scroll","version":"0.0.5","keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"author":{"name":"xx"},"license":"ISC","_id":"@develop-plugins/x-scroll@0.0.5","maintainers":[{"name":"sugar_free","email":"312472644@qq.com"},{"name":"xiong_xiong","email":"xx312472644@163.com"}],"homepage":"https://312472644.github.io/","dist":{"shasum":"b4d952e9f049ca8904624d2640643e0309c0aae6","tarball":"https://registry.npmjs.org/@develop-plugins/x-scroll/-/x-scroll-0.0.5.tgz","fileCount":4,"integrity":"sha512-F6+wu5TzJt/y0+wsM7X2S7eXprSAPAzW4fkBbazvLS0CL7LSOQuJdVylzb4n0KhHXblyRv2jD+cuwHMn5ahosQ==","signatures":[{"sig":"MEUCIDZY+JdbOVkyPzFskzzS4eAJc454ow1K9uAV/8UvmVAxAiEA8sK9c29Jzl/nczT2Kl8XgSNOld7ZwPULHz19XvtJK4o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":9376},"main":"dist/index.js","type":"module","engines":{"node":">=18"},"exports":{".":{"import":"./dist/index.js"},"./style.css":"./dist/style.css"},"gitHead":"36b58ea66c6a3dd34707d6b12d9686e05143d440","scripts":{"build":"vite build --config ../base.config.js","prepublishOnly":"npm run build & node ../version.js"},"_npmUser":{"name":"sugar_free","email":"312472644@qq.com"},"_npmVersion":"8.19.2","description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","directories":{},"_nodeVersion":"18.12.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"terser":"^5.31.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/x-scroll_0.0.5_1745292751283_0.7725617687972621","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@develop-plugins/x-scroll","version":"0.0.6","description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","main":"dist/index.js","type":"module","scripts":{"build":"vite build --config ../base.config.js","prepublishOnly":"npm run build & node ../version.js"},"keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"author":{"name":"xx"},"license":"ISC","exports":{".":{"import":"./dist/index.js"},"./style.css":"./dist/style.css"},"homepage":"https://312472644.github.io/","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"engines":{"node":">=18"},"peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"terser":"^5.31.1"},"_id":"@develop-plugins/x-scroll@0.0.6","gitHead":"203face4dc5d057c7e55967d4376148894c23dbb","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-itx96w3G9GtNHxeGN06xlNbH+oPKAB/VLescfUNd4FGZsYaAnhfOFr1ovBjg3pYqZpvm+R4GtdCHZrYpv8GP7Q==","shasum":"b819f38d3906151bf94bcd8be6b3a2b56ecee068","tarball":"https://registry.npmjs.org/@develop-plugins/x-scroll/-/x-scroll-0.0.6.tgz","fileCount":3,"unpackedSize":9704,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIG3Z5WRPmFDwPBpSJ+d8cg2K5cL3BemQt8hInNsUBp5GAiBJFrx1OkJH/JmJ4QAAaIJ8986XW6eNK68ljF+OC9SruQ=="}]},"_npmUser":{"name":"xiong_xiong","email":"xx312472644@163.com"},"directories":{},"maintainers":[{"name":"xiong_xiong","email":"xx312472644@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/x-scroll_0.0.6_1760147395421_0.0983423015129965"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-21T03:15:47.159Z","modified":"2025-10-11T01:49:55.823Z","0.0.2":"2025-04-21T03:15:47.428Z","0.0.3":"2025-04-21T03:34:00.281Z","0.0.4":"2025-04-21T12:59:06.717Z","0.0.5":"2025-04-22T03:32:31.470Z","0.0.6":"2025-10-11T01:49:55.610Z"},"author":{"name":"xx"},"license":"ISC","homepage":"https://312472644.github.io/","keywords":["vue3","scrollbar","scroll","custom-scrollbar"],"description":"一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。","maintainers":[{"name":"xiong_xiong","email":"xx312472644@163.com"}],"readme":"## XScroll\r\n\r\n### 描述\r\n\r\n一个自定义滚动条组件，支持垂直和水平滚动，可自定义滚动条样式。\r\n\r\n### 安装\r\n\r\n```\r\n # npm\r\n npm i @develop-plugins/x-scroll\r\n \r\n # yarn\r\n yarn add @develop-plugins/x-scroll\r\n \r\n # pnpm\r\n pnpm add @develop-plugins/x-scroll\r\n```\r\n\r\n### 引用\r\n\r\n```javascript\r\nimport { XScrollInstall } from '@develop-plugins/x-scroll';\r\n\r\napp.use(XScrollInstall);\r\n```\r\n\r\n### 示例\r\n\r\n```vue\r\n<template>\r\n  <x-scroll :max-height=\"300\">\r\n    <div style=\"padding: 20px\">\r\n      <p v-for=\"i in 20\" :key=\"i\">滚动内容 {{ i }}</p>\r\n    </div>\r\n  </x-scroll>\r\n</template>\r\n```\r\n\r\n### 属性\r\n\r\n| 参数           | 说明                 | 类型      | 可选值 | 默认值      |\r\n| -------------- | -------------------- | --------- | ------ | ----------- |\r\n| horizontal     | 是否启用水平滚动模式 | `boolean` |        | `false`     |\r\n| maxHeight      | 最大高度             | `number`  |        | `0`         |\r\n| thumbWidth     | 滚动条宽度           | `string`  |        | `6px`       |\r\n| thumbColor     | 滚动条颜色           | `string`  |        | `#909399`   |\r\n| thumbHoverColor| 滚动条悬停颜色       | `string`  |        | `#606266`   |\r\n\r\n### 插槽\r\n\r\n| 名称 | 说明     |\r\n| ---- | -------- |\r\n| —    | 默认插槽 |\r\n\r\n### 事件\r\n\r\n| 事件名称 | 说明 | 回调参数 |\r\n| -------- | ---- | -------- |\r\n| scroll | 滚动时触发 | { horizontal: boolean, vertical: boolean } |\r\n\r\n**事件说明**\r\n\r\n- 触发时机：当用户滚动内容时触发\r\n- 参数说明：\r\n  - `horizontal`: boolean，表示是否滚动到水平方向的底部\r\n  - `vertical`: boolean，表示是否滚动到垂直方向的底部\r\n\r\n**使用示例**\r\n\r\n```vue\r\n<template>\r\n  <x-scroll @scroll=\"handleScroll\">\r\n    <!-- 内容 -->\r\n  </x-scroll>\r\n</template>\r\n\r\n<script setup>\r\nconst handleScroll = (event) => {\r\n  if (event.vertical) {\r\n    console.log('已滚动到垂直底部');\r\n  }\r\n  if (event.horizontal) {\r\n    console.log('已滚动到水平底部');\r\n  }\r\n};\r\n</script>\r\n```","readmeFilename":"README.md"}