{"_id":"@daisy-wong/collapsetransition","_rev":"1-25eb6bc20608cb85033a09a5920fb6b2","name":"@daisy-wong/collapsetransition","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@daisy-wong/collapsetransition","version":"0.0.1","_id":"@daisy-wong/collapsetransition@0.0.1","maintainers":[{"name":"daisy-wong","email":"1312064143@qq.com"}],"dist":{"shasum":"14f5590acc9503eb27255d0158f51df79ce0718d","tarball":"https://registry.npmjs.org/@daisy-wong/collapsetransition/-/collapsetransition-0.0.1.tgz","fileCount":6,"integrity":"sha512-XqvgtpQJGElMAjMfc3H90kurGbSLYK3451X9MLf+B2Hi3g4t2PNFndBWUiN8acgmTYvP9FZ9ppEGjEubrUn2IQ==","signatures":[{"sig":"MEUCICMxGRrrfEDiJq56ZBWMcRBdVolgcKKZtRMPktH325sYAiEAl3LqanLIRGGPEL5dWMmy+Fyr8WaXEu1RRZyOlEo1IwY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4694},"main":"dist/collapsetransition.umd.cjs","type":"module","module":"dist/collapsetransition.js","scripts":{"dev":"vite","build":"vue-tsc -b && vite build","preview":"vite preview"},"_npmUser":{"name":"daisy-wong","email":"1312064143@qq.com"},"_npmVersion":"9.5.1","description":"This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.35","vite":"^5.4.0","vue-tsc":"^2.0.29","typescript":"^5.5.3","@vitejs/plugin-vue":"^5.1.2","vite-plugin-libcss":"^1.1.1"},"_npmOperationalInternal":{"tmp":"tmp/collapsetransition_0.0.1_1723629360349_0.8442255049462479","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@daisy-wong/collapsetransition","version":"0.0.2","type":"module","main":"dist/collapsetransition.umd.cjs","module":"dist/collapsetransition.js","scripts":{"dev":"vite","build":"vue-tsc -b && vite build","preview":"vite preview"},"devDependencies":{"@vitejs/plugin-vue":"^5.1.2","typescript":"^5.5.3","vite":"^5.4.0","vite-plugin-libcss":"^1.1.1","vue":"^3.4.35","vue-tsc":"^2.0.29"},"peerDependencies":{"vue":"3.x"},"gitHead":"a079429ff1a2e62fe015884aeaa90e916237b4e5","description":"基于VueTransition的Collapse折叠面板小组件","_id":"@daisy-wong/collapsetransition@0.0.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-fHtFZtLO24p6vtDmXUOQgoHHLFlzLo4qIU64xqU+qfZGGNhWUa3z8UJcxLdVD65kBiZPU7U33Ol4kGU0tvoCpQ==","shasum":"6531ad7b91ec83b0aa3fe53ad0abcbb833210027","tarball":"https://registry.npmjs.org/@daisy-wong/collapsetransition/-/collapsetransition-0.0.2.tgz","fileCount":6,"unpackedSize":5702,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICajTAMIEkuxpqYg90h0rnWQlrpvjhOyV/D27ywvoW4NAiBp+wuewa9YMaDiFshui3YWay62J5uK/kOdY0YPbita7w=="}]},"_npmUser":{"name":"daisy-wong","email":"1312064143@qq.com"},"directories":{},"maintainers":[{"name":"daisy-wong","email":"1312064143@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/collapsetransition_0.0.2_1724142910277_0.8373007783227004"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-14T09:56:00.232Z","modified":"2024-08-20T08:35:10.593Z","0.0.1":"2024-08-14T09:56:00.488Z","0.0.2":"2024-08-20T08:35:10.434Z"},"description":"基于VueTransition的Collapse折叠面板小组件","maintainers":[{"name":"daisy-wong","email":"1312064143@qq.com"}],"readme":"# CollapseTransition\n\n基于VueTransition的Collapse折叠面板小组件\n\n## 安装\n\n```\nnpm i @daisy-wong/collapsetransition\n```\n\n## 使用\n\n```\n// module\nimport CollapseTransition from '@daisy-wong/collapsetransition'\n\n// browser\n<script src=\"./dist/collapsetransition.umd.cjs\"></script>\n<script>\n    Vue.component('CollapseTransition', CollapseTransition)\n</script>\n```\n\n```vue\n<CollapseTransition>\n    <div v-show=\"show\" style=\"padding: 100px 0;\">\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n        <p>This is the content of the collapse transition</p>\n    </div>\n</CollapseTransition>\n```\n\n## 效果\n![collapse-transition](./demo.gif)\n","readmeFilename":"README.md"}