{"versions":{"0.1.0":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"0.1.0","author":{"name":"dshuais"},"private":false,"main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","style":"./dist/danmaku-vue.css","type":"module","exports":{"./dist/style.css":"./dist/style.css","./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","typescript":"~5.0.4","vite":"^4.3.5","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","vue","vue3","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","scripts":{"dev":"vite","build":"run-p build-only","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"_id":"danmaku-vue@0.1.0","_integrity":"sha512-rk7xgWplerHphCvjoj/Y8Pk1q8oMPDjlVo01nXMU4GB7s89CNv0UUrjZ+Vg4LYCgTy4AAayRANk9BNU2HyOfKQ==","_resolved":"C:\\Users\\Administrator\\AppData\\Local\\Temp\\35801fd17e8b43f3b5df7fb614d1ea4a\\danmaku-vue-0.1.0.tgz","_from":"file:danmaku-vue-0.1.0.tgz","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-rk7xgWplerHphCvjoj/Y8Pk1q8oMPDjlVo01nXMU4GB7s89CNv0UUrjZ+Vg4LYCgTy4AAayRANk9BNU2HyOfKQ==","shasum":"49a790f7312b69214471cc85dcf7ef1ff97de49a","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-0.1.0.tgz","fileCount":6,"unpackedSize":28624,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDeOhKk3+TkYZaw6wE2PjG9ejkJa7vpA4wHhg1bR4i0igIhAKJk/4SYFNzvjpAwg53lW9wPkqgTz3qmp27CFjvzNNnv"}],"size":6453},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_0.1.0_1685524086813_0.0342747017290026"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-05-31T09:08:07.010Z","publish_time":1685524087010,"_source_registry_name":"default","contributors":[]},"0.1.1":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"0.1.1","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"scripts":{"dev":"vite","build":"run-p build-only","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","gitHead":"f15c915ae257404b8aeed7ffde98c931d23efa13","_id":"danmaku-vue@0.1.1","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-S/0fxnL2npG3AWHvUInAx9HydcVYtwL281EMlrpmyfxZ59BwzfzHbaNkRxsuzHU02c0uHcy1k/MExayyuMDbkw==","shasum":"2486f64fab4d750fd2d2194901fdf53cd7fad1ac","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-0.1.1.tgz","fileCount":7,"unpackedSize":27533,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC5RoeLGKubCvM6+IAW9X4rYzRcmJQMmlRCPOshPzgZagIhAJg7Nrf52tmthu/xBtXoFCW8x/GHslvHBM0ludTqE5c5"}],"size":7356},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_0.1.1_1685586590014_0.09884316959566863"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-01T02:29:50.196Z","publish_time":1685586590196,"_source_registry_name":"default","contributors":[]},"0.1.2":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"0.1.2","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"scripts":{"dev":"vite","build":"run-p build-only","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vite-plugin-libcss":"^1.0.6","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","gitHead":"6f39cb0419a1215f328e7fdb073eb43fe238a89f","_id":"danmaku-vue@0.1.2","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-ks72WbExM1usd/d4i8bmyevIeqgdq6HKdRP/KWI63LQi39O7cbFmHJ161SP8uN5NbywWgvkAzE8gbl5mkf1IEA==","shasum":"37f403796fc7ce2ae29dfa8736c6b38c67270a48","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-0.1.2.tgz","fileCount":7,"unpackedSize":29555,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpSaYjtkGLZ4K+YHaIDANWSOrRSSwjIbAbxVrF2/pAuwIhAIyaz2FUZU5PcdqvnOhLiIUoWN9q6jf7rHB1uje8lmDg"}],"size":7459},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_0.1.2_1685589289624_0.3429114059581462"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-01T03:14:49.770Z","publish_time":1685589289770,"_source_registry_name":"default","contributors":[]},"0.2.0":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"0.2.0","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vite-plugin-libcss":"^1.0.6","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","scripts":{"dev":"vite","build":"run-p build-only","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"_id":"danmaku-vue@0.2.0","_integrity":"sha512-AWrZx93E0o/E9S1N7I3LI8kmCV+GDUyEaYIDJdZyClnjEwCdmUc2/r+50RwptzS7q1GPK0TYdK+8p/UHbcoKbg==","_resolved":"C:\\Users\\Administrator\\AppData\\Local\\Temp\\89248b3cba5e69b9f9b5383396fea981\\danmaku-vue-0.2.0.tgz","_from":"file:danmaku-vue-0.2.0.tgz","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-AWrZx93E0o/E9S1N7I3LI8kmCV+GDUyEaYIDJdZyClnjEwCdmUc2/r+50RwptzS7q1GPK0TYdK+8p/UHbcoKbg==","shasum":"67d72c9cecd4ed6d5c42f79dce47b463f3fd3b56","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-0.2.0.tgz","fileCount":8,"unpackedSize":37550,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzDTxEffqmcv4Lld8XBTrti5PCKFsVBbYA4L+aXP+7WAiEAq6RbhQw0vy5cQXMKw2CvR7wQ8cp8CTY2aKX9E9cTyo8="}],"size":7588},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_0.2.0_1685591598045_0.012245152449630758"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-01T03:53:18.326Z","publish_time":1685591598326,"_source_registry_name":"default","contributors":[]},"1.0.0":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"1.0.0","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"scripts":{"dev":"vite","build":"run-p build-only","pages":"vite build --mode gh-pages","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vite-plugin-libcss":"^1.0.6","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://dshuais.github.io/danmaku-vue/","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","gitHead":"ac432dec57fee40c2c853e5ea362f0705cf05a6c","_id":"danmaku-vue@1.0.0","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-LOvVW7QfKJ0Fmgfom/IM4cNKqeMCNKj2xPTSVm2/RfFaHDjeetZA47hsUtqDJH/QD7EbYevsESbdQ6hlI/9DPA==","shasum":"7924d88a6e6396d60cc17253f2dce6667e82463d","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-1.0.0.tgz","fileCount":8,"unpackedSize":38794,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCo8wiDTXXIdMph5cU2JsvGBveeORjHvaZgoRFBkIxTDwIhALzD+q4bWryEVzp7QNqk5nrfQjj7DrxlB60u5IHKvSuq"}],"size":10781},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_1.0.0_1686127993368_0.002820492577587874"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-07T08:53:13.627Z","publish_time":1686127993627,"_source_registry_name":"default","contributors":[]},"1.0.1":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"1.0.1","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"scripts":{"dev":"vite","build":"run-p build-only","pages":"vite build --mode gh-pages","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"devDependencies":{"@types/stats.js":"^0.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","stats.js":"^0.17.0","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vite-plugin-libcss":"^1.0.6","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","gitHead":"8aea9164a31af7aa7230543a2b7ba8826c436cd0","_id":"danmaku-vue@1.0.1","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-I6dcSLJHjwvRS6pLlkQmY+ampqpeP5l2GBAeJHcbV2qghZKtiT7h/Dxj+o8ro+W3oFs2vUgZ3h8Y1+3WgotVMw==","shasum":"ed2884eb583c7ca7e4facf5370fce9f35fc62558","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-1.0.1.tgz","fileCount":9,"unpackedSize":48300,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEBS5LlzgdKBz9F+j07zsFiphQhVGMSCtxcsdNDuU3CGAiEAgus6grG0TnLKYilMjuYQO6uU7mdrCM2IxidZqStjHgc="}],"size":21259},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_1.0.1_1686538788574_0.14237582666902004"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-12T02:59:48.770Z","publish_time":1686538788770,"_source_registry_name":"default","contributors":[]},"1.0.2":{"name":"danmaku-vue","description":"基于 Vue3 的弹幕交互组件","version":"1.0.2","author":{"name":"dshuais"},"private":false,"type":"module","main":"./dist/danmaku-vue.umd.cjs","module":"./dist/danmaku-vue.js","types":"./dist/index.d.ts","style":"./dist/style.css","exports":{"./css":"./dist/style.css",".":{"import":"./dist/danmaku-vue.js","require":"./dist/vue-amazing-ui.umd.cjs"}},"scripts":{"dev":"vite","build":"run-p build-only","pages":"vite build --mode gh-pages","preview":"vite preview","test:unit":"vitest","build-only":"vite build","type-check":"vue-tsc --noEmit -p tsconfig.vitest.json --composite false","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","package":"rollup -c build/rollup.config.js"},"devDependencies":{"@types/stats.js":"^0.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/compiler-sfc":"^3.3.4","npm-run-all":"^4.1.5","prettier":"^2.8.8","rollup-plugin-postcss":"^4.0.2","rollup-plugin-typescript2":"^0.34.1","rollup-plugin-vue":"^6.0.0","sass":"^1.62.1","sass-loader":"^13.3.1","stats.js":"^0.17.0","typescript":"~5.0.4","vite":"^4.3.5","vite-plugin-dts":"^2.3.0","vite-plugin-libcss":"^1.0.6","vue":"^3.3.2","vue-tsc":"^1.6.5"},"homepage":"https://github.com/dshuais/danmaku-vue","keywords":["danmaku-vue","danmaku","vue-danmaku","barrage","vue-barrage","弹幕"],"license":"MIT","gitHead":"a95c531cdfe8d939c5c172ed6125e2f83fd7e4cd","_id":"danmaku-vue@1.0.2","_nodeVersion":"16.18.1","_npmVersion":"9.6.6","dist":{"integrity":"sha512-fS6FBeM/HpABQViAjO0mdzkp5eyxhlgxzY49FhBk1kiGD9wAzvEpkt+egGFqEdpA0gEKGYwwcKXAUlcdcDtb9Q==","shasum":"6355a703910bfff7db5b6b56ec9c4a5bd5d4ec95","tarball":"http://123.232.10.234:8212/nexus/content/groups/npm-public/danmaku-vue/-/danmaku-vue-1.0.2.tgz","fileCount":8,"unpackedSize":38857,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2VgZY8A3I9rPgwnOs2riXLzrFD5YaphCrUcxz+sg2rgIgRnkszOYNSzSBvnFuv/Pf4F0oaAdDi9E5bsyMgz0yFXs="}],"size":10799},"_npmUser":{"name":"anonymous","email":"1137896420@qq.com"},"directories":{},"maintainers":[{"name":"anonymous","email":"1137896420@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/danmaku-vue_1.0.2_1686538924553_0.7685109908128993"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2023-06-12T03:02:04.746Z","publish_time":1686538924746,"_source_registry_name":"default","contributors":[]}},"dist-tags":{"latest":"1.0.2"},"name":"danmaku-vue","time":{"created":"2023-05-31T11:02:01.690Z","modified":"2023-06-12T03:18:58.554Z","0.1.0":"2023-05-31T09:08:07.010Z","0.1.1":"2023-06-01T02:29:50.196Z","0.1.2":"2023-06-01T03:14:49.770Z","0.2.0":"2023-06-01T03:53:18.326Z","1.0.0":"2023-06-07T08:53:13.627Z","1.0.1":"2023-06-12T02:59:48.770Z","1.0.2":"2023-06-12T03:02:04.746Z"},"readme":"# danmaku-vue\r\n\r\n[![npm-version](https://img.shields.io/npm/v/danmaku-vue.svg)](https://www.npmjs.com/package/danmaku-vue)\r\n[![size](https://img.shields.io/badge/minifiedsize-27kB-blue.svg)](https://www.npmjs.com/package/danmaku-vue)\r\n[![license](https://img.shields.io/npm/l/express.svg)]()\r\n\r\n> 基于 Vue3+ts 的弹幕交互组件\r\n\r\nDemo： [https://dshuais.github.io/danmaku-vue/](https://dshuais.github.io/danmaku-vue/)\r\n\r\n## Install\r\n\r\n```bash\r\n$ npm install danmaku-vue --save\r\n或\r\n$ pnpm add danmaku-vue --save\r\n```\r\n\r\n## Usage\r\n\r\n```vue\r\n<script setup>\r\nimport Danmaku from 'danmaku-vue'\r\n\r\nconst danmus = ref(['danmu1', 'danmu2', 'danmu3', '...'])\r\n</script>\r\n\r\n<template>\r\n  <Danmaku :danmus=\"danmus\" style=\"height:100px; width:300px;\"></Danmaku>\r\n</template>\r\n```\r\n\r\n## Attributes\r\n\r\n|      参数      |                         说明                         |  类型   |      可选值      | 默认值 |\r\n| :------------: | :--------------------------------------------------: | :-----: | :--------------: | :----: |\r\n|     danmus     | 弹幕元素列表，支持纯文本或者自定义对象(支持 v-model) |  Array  | 字符串[]或对象[] |  必填  |\r\n|    channels    |                       轨道数量                       | Number  |                  |   0    |\r\n|    autoplay    |                     是否自动播放                     | Boolean |                  |  true  |\r\n|    useSlot     |                   是否开启弹幕插槽                   | Boolean |                  | false  |\r\n| useSuspendSlot |    是否开启弹幕悬浮时插槽（开启isSuspend时可用）     | Boolean |                  | false  |\r\n|      loop      |                   是否开启弹幕循环                   | Boolean |                  | false  |\r\n|    fontSize    |            弹幕字号（slot 模式下不可用）             | Number  |                  |   18   |\r\n|   extraStyle   |            额外样式（slot 模式下不可用）             | String  |                  |   -    |\r\n|     speeds     |             弹幕速度（每秒移动的像素数）             | Number  |                  |  100   |\r\n|    debounce    |                   弹幕刷新频率(ms)                   | Number  |                  |  100   |\r\n| randomChannel  |                   随机选择轨道插入                   | Boolean |                  | false  |\r\n|   isSuspend    |                 是否开启弹幕悬浮暂停                 | Boolean |                  | false  |\r\n|      top       |                   弹幕垂直间距(px)                   | Number  |                  |   10   |\r\n|     right      |                   弹幕水平间距(px)                   | Number  |                  |   10   |\r\n\r\n- 注 1：channels 为 0，则轨道数为容器可容纳最多轨道数（整个容器）\r\n- 注 2：danmus 初始化后如果为空，则 `autoplay` 失效。因此对于异步加载的弹幕数据，需要手动调用 `refName.value.play()` 进行播放\r\n- 注 3：弹幕刷新频率为每隔多长时间插入一条弹幕\r\n\r\n## 内置方法\r\n\r\n通过以下方式调用：\r\n\r\n```js\r\nimport Danmaku from 'danmaku-vue'\r\nconst danmakuRef = ref<InstanceType<typeof Danmaku>>(null)\r\ndanmakuRef.value.play()\r\n...\r\n\r\n<Danmaku ref=\"danmakuRef\"></Danmaku>\r\n```\r\n\r\n|    方法名     |                     说明                     |              参数              |\r\n| :-----------: | :------------------------------------------: | :----------------------------: |\r\n|     play      |                开始/继续播放                 |               -                |\r\n|     pause     |                 暂停弹幕播放                 |               -                |\r\n|     clear     |              停止播放并清空弹幕              |               -                |\r\n|     show      |                   弹幕显示                   |               -                |\r\n|     hide      |                   弹幕隐藏                   |               -                |\r\n|     reset     |   重置配置（也可在改变播放区域大小后调用）   |               -                |\r\n|    resize     | 容器尺寸改变时重新计算滚动距离（需手动调用） |               -                |\r\n|     push      |   发送弹幕（插入到弹幕列表末尾，排队显示）   | danmu 数据，可以是字符串或对象 |\r\n|      add      |   发送弹幕（插入到当前播放位置，实时显示）   | danmu 数据，可以是字符串或对象 |\r\n|    insert     |     绘制弹幕（实时插入，不进行数据绑定）     | danmu 数据，可以是字符串或对象 |\r\n| getPlayState  |               获得当前播放状态               |               -                |\r\n| getInsertList |     获取使用 `insert` 方法插入的弹幕列表     |            danmu[]             |\r\n\r\n- 注 1：`push` 和 `add` 的返回值为插入后的下标，可通过判断下标的方式对当前插入弹幕进行样式定制\r\n- 注 2：`insert` 跟 `push/add` 的区别在于，`insert` 不进行数据绑定，而是直接插入 DOM，适用于直播等场景\r\n- 注 3：推荐使用 `insert` 方式单条插入弹幕，因为add会进行数据绑定\r\n\r\n## Events\r\n\r\n|  事件名  |              说明              |           返回值            |\r\n| :------: | :----------------------------: | :-------------------------: |\r\n| list-end |        所有弹幕插入完毕        |              -              |\r\n| play-end | 所有弹幕播放完成（已滚出屏幕） | index（最后一个弹幕的下标） |\r\n| dm-click |            弹幕点击            |      danmu数据，index       |\r\n\r\n## Slot\r\n\r\n如果你有自定义弹幕结构与样式的需求，你可以传入任意结构的对象并自己写内部样式。\r\n\r\n|  name   |                     说明                     |   回调参数   |\r\n| :-----: | :------------------------------------------: | :----------: |\r\n| default |                   默认slot                   |      -       |\r\n|   dm    |      自定义弹幕样式（需useSlot为true）       | danmu，index |\r\n| suspend | 自定义弹幕悬浮样式（需useSuspendSlot为true） | danmu，index |\r\n\r\n```vue\r\n<script setup>\r\nimport Danmaku from 'danmaku-vue'\r\n\r\nconst danmus = ref([{ avatar: 'http://a.com/a.jpg', text: 'aaa' }...])}\r\n</script>\r\n\r\n<template>\r\n  <Danmaku ref=\"danmaku\" :danmus=\"danmus\" useSlot useSuspendSlot loop :channels=\"5\">\r\n    <template #dm=\"{ danmu, index }\">\r\n      <div class=\"danmu-item\">\r\n          <img class=\"danmu-item--avatar\" v-if=\"danmu.avatar\" :src=\"danmu.avatar\" alt=\"\">\r\n          <div>{{ danmu.text }}</div>\r\n      </div>\r\n    </template>\r\n    <template #suspend=\"{ danmu, index }\">\r\n      <div class=\"danmu-suspend\">\r\n        <div class=\"item\" @click=\"handleAdd(danmu)\">➕</div>\r\n        <div class=\"item\" @click=\"handleIndex(index)\">👍</div>\r\n      </div>\r\n    </template>\r\n  </Danmaku>\r\n</template>\r\n```\r\n\r\n- 注 1：`dm slot`、`suspend slot`同时使用时，可通过`dm-item:hover`设置悬浮后样式\r\n\r\n- 注 2：`suspend slot`的背景色默认为`transparent`，可通过`!important`对`dm-suspend`强制更改悬浮后背景\r\n\r\n  \r\n\r\n## 讨论交流和 BUG 反馈\r\n\r\n这个 [QA文档](https://github.com/dshuais/danmaku-vue/blob/main/QA.md) 收集了一些常见问题，可以做阅读参考\r\n\r\n也可以给本项目 [提交 issue](https://github.com/dshuais/danmaku-vue/issues)\r\n\r\n如果danmaku-vue帮助到了你，欢迎 [star](https://github.com/dshuais/danmaku-vue/)，你的 star 是我改 BUG 的动力 ヾ(*ゝω・*)ノ\r\n\r\n\r\n\r\n## Changelog\r\n\r\n### v1.0.0\r\n\r\n- 新增\r\n  1. 新增使用 `insert` 方式插入的弹幕列表，因为直接调用insert不会进行数据绑定，故而提供获取`insertList` 方法\r\n  2. 新增默认 `slot` ，可在弹幕组件内布局其他内容\r\n- 更新\r\n  1. 优化[鼠标悬浮区域问题](https://github.com/dshuais/danmaku-vue/issues/6)\r\n  2. 优化[`insert`方式插入弹幕偶尔无法实时出现问题](https://github.com/dshuais/danmaku-vue/issues/7)\r\n  3. 优化[悬浮效果后文字消失问题](https://github.com/dshuais/danmaku-vue/issues/10)\r\n  4. 更新文档和演示Demo","users":{}}