{"_id":"@cimom/vben-core-shadcn-ui","_rev":"14-4b7064223eb6b8cd069e26b0c3fa3abf","name":"@cimom/vben-core-shadcn-ui","dist-tags":{"latest":"5.6.8"},"versions":{"5.5.9":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.9","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"f3ebe519d205b2750ac5385effc2b118d6103b30","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.9.tgz","fileCount":322,"integrity":"sha512-f8l9umPwBs3ly1PVbRcV+rNIo20naFEQu/T5UplLb6z1gvYaGA0J5iW271ktgh9DUS6U/t5sQQGhmL/e0B4rCA==","signatures":[{"sig":"MEUCIEpstsvclP3v2r2wwvOhNyKofsrOD+to7IqALL/cbLg5AiEA+/QRi1tKUEqs5llYdkPoFb4y3o7Cis+do0mhthosRf4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":217761},"main":"./src/index.ts","type":"module","#main":"./dist/index.mjs","module":"./src/index.ts","#module":"./dist/index.mjs","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts","development":"./src/index.ts"}},"private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.9","@cimom/vben-core-shared":"^5.5.9","@cimom/vben-core-typings":"^5.5.9","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.9"},"publishConfig":{"access":"public","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}}},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.9_1748415976412_0.7904734678073857","host":"s3://npm-registry-packages-npm-production"}},"5.5.12":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.12","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.12","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"d2152d5985f1994ec5514f1d22738fca41ae511e","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.12.tgz","fileCount":329,"integrity":"sha512-8a1utjqR3RH23NlwGRs6j5BoKkXxA6w62nqDDQN8iJHHhm/QTwL6wCwbrrMXQkmmj5Oe0M0mJakh5Vx26NCMig==","signatures":[{"sig":"MEYCIQC+WoxQjUn+v9rudpQ03rl9C7DMldBDUlGosTZeg6cSwwIhAJxJk0DPFl8oAlKsv7N3RPePf4hIZaxm93NpYerYy7y2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":219747},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.14","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.12_1749023919644_0.40783045123738804","host":"s3://npm-registry-packages-npm-production"}},"5.5.13":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.13","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.13","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"3ddcda05425987e0a6deeac42d02e99ca96836e8","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.13.tgz","fileCount":329,"integrity":"sha512-HmxaZWFuSUq24D8cGZNqbZN61tb1Q1jDy1KSDEkE3r56hNsEx7kkNpDy6FoHpDH5I91RNC7hvoSAVe5cQ6j9TQ==","signatures":[{"sig":"MEYCIQDChIpMUBxkuFtbQ4rM1NQX26gXJH3ogRNOkkDL193VCQIhAJWUMeEqvgwhj7AG0apTqnBc4ugideZSM2FE8Qlp8Q3h","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":219747},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.13_1749024262534_0.7630468313738623","host":"s3://npm-registry-packages-npm-production"}},"5.5.14":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.14","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.14","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"0a693d8e18a3ebcfb7cb124d1d30db7e6e846a49","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.14.tgz","fileCount":247,"integrity":"sha512-d+Ww4Y4SK4C+C80lxAgPho7GEPEg8xBthZzIgYdxfTi9XY8DH4rvgpU8hWj4QaUJmRTKJLqBC9mRZbZEPxcppA==","signatures":[{"sig":"MEUCIQCY/t+pdG1EezCQWNP4pzTm6U6zyQSsIWmU7IiNpIIIlAIgetAPpKJW4LE55L3lBDqt278U3Om/QQKXsFukcP1WYm8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":201786},"type":"module","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"}},"private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.14_1749027810026_0.3094461095054253","host":"s3://npm-registry-packages-npm-production"}},"5.5.15":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.15","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.15","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"15aa5d149fda65744bc6ba03cbd8cdb895b6b9d1","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.15.tgz","fileCount":247,"integrity":"sha512-SabcXPAO5tY6jMbBiIvcYGtCjSxI590zl/L5ilU7trgMbIsRis57YIZx7K9ZbD1l05Rz0hDOc5Lh7cpmzJxyjw==","signatures":[{"sig":"MEYCIQC2ArdbA/R0pZhOBmN5/zRkKrHPoYstBF09hmBHKtcyWgIhALuRL4ZO1qSPpNJKTnDLkD+MUAt6LStytvkMB0W5DNOk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202310},"type":"module","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"}},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"pnpm unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.15_1749104272283_0.05730691070479965","host":"s3://npm-registry-packages-npm-production"}},"5.5.16":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.16","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.16","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"2c8f853cbd9ccdfebd0dfbb6edd489aa90abc1cc","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.16.tgz","fileCount":4,"integrity":"sha512-SnVY9szLYyT8NSJ9FfFuBFgUWYul5mr/WqXOAuBmLzq+YZYRxMQZ+fWpuNj+kDgzseRJOYLtvJvfrupvYCrfUw==","signatures":[{"sig":"MEUCIQD7l4+OrqpKHSdMiSVzozBwTCowZuFb8xPJ5YE3Ff+udAIgXhK73Of+XMy1ckWS2xkv6+dMiWC+xeDUetrxulHrefk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":515302},"main":"./dist/index.mjs","type":"module","module":"./dist/index.mjs","exports":{".":{"import":"./dist/index.mjs","require":"./dist/index.cjs"},"./package.json":"./package.json"},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"postcss":"catalog:","@vue/compiler-sfc":"^3.5.13","@vitejs/plugin-vue":"^5.2.3","rollup-plugin-scss":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.16_1749129888964_0.9619540133167492","host":"s3://npm-registry-packages-npm-production"}},"5.5.17":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.17","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.17","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"9123ec89250adc01396a7aae4a0275eb3dc8b4bf","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.17.tgz","fileCount":7,"integrity":"sha512-ZAyK1DPqWJyoXIimHYPL4B139LSB/9dxopJVnD3nh8k5MMFMGCU9lYfdt5vgcqOTnYYKOci7DbFK1Gw8sRYvBQ==","signatures":[{"sig":"MEQCIAWi8mIeSFi/G/hQ5NQ0JHdEv+0pVJUk0DnpaloKeiGnAiAcJLCvoS77GffhUdgDv0yDE3598y4VjEZWByKlIPIKdw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1240870},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./package.json":"./package.json"},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"postcss":"catalog:","@vue/compiler-sfc":"^3.5.13","@vitejs/plugin-vue":"^5.2.3","rollup-plugin-scss":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.17_1749131098055_0.6586626910158238","host":"s3://npm-registry-packages-npm-production"}},"5.5.18":{"name":"@cimom/vben-core-shadcn-ui","version":"5.5.18","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.5.18","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"fbd8875d6e469fcc5707f32cf12b6f98b9a974e7","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.5.18.tgz","fileCount":7,"integrity":"sha512-I+zD1RzgtcVpeVVoXHIoAzrVOWSaBLDdExSN62zkCEYZyzBzfprKh92fv3fhY5bL3BZCVIMazTYKdEHmVCT3Zg==","signatures":[{"sig":"MEUCIQDeL9znYbKUcfGNGNrnWw90EtBY7deK5+cgRmYvnMNzCAIgMa/9q0A8Kg4DSK5WmjFAOVrAPLGbxmaRgUpMiakwSUk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1240843},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./package.json":"./package.json"},"gitHead":"3633a71e4d39ae0d85548e430d1b5e1e9caf19db","private":false,"scripts":{"build":"unbuild","prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.5.12","@cimom/vben-core-shared":"^5.5.15","@cimom/vben-core-typings":"^5.5.12","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.5.12"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@vue/compiler-sfc":"^3.5.13","@vitejs/plugin-vue":"^5.2.3","rollup-plugin-scss":"^4.0.1"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.5.18_1749132811439_0.14203325184197824","host":"s3://npm-registry-packages-npm-production"}},"5.6.0":{"name":"@cimom/vben-core-shadcn-ui","version":"5.6.0","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.6.0","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"29b6968dac654db7dbf8647af080ff2360f6a377","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.6.0.tgz","fileCount":321,"integrity":"sha512-oBVv6PBo0IxhVXoBjUV6Kjs/S39kCt9FGQWUn+7VyQYH0rCCvJ8y6HrH691/Gm55c9Pe8iIRqQ3eFWLmTszkow==","signatures":[{"sig":"MEQCIBPjkIdAwmmf3OUYGwYRzTWdD1XJKzloYQJFqr9F8kVfAiBr9GTRi6Bw4roCQ5WuiEf1AmkJvn6hp2LhCG8R44pvrA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":201317},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","#prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.6.0","@cimom/vben-core-shared":"^5.6.1","@cimom/vben-core-typings":"^5.6.0","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.6.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.6.0_1749434802755_0.37143010314766856","host":"s3://npm-registry-packages-npm-production"}},"5.6.1":{"name":"@cimom/vben-core-shadcn-ui","version":"5.6.1","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.6.1","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"a0c2d801a390709aa0d498f8b92be2427de80d0a","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.6.1.tgz","fileCount":322,"integrity":"sha512-Vg+dB2IJcWFfK2+chDGOoqq3Vr2r3eADE9WMeZO+1P8OMDV6Hl9HDD01HVRaZz+XjbCcVkOBdWEVuUTKXfG2vA==","signatures":[{"sig":"MEUCIQC8SAFPKyrmovlvpcP+/D9XI6UFD/rCW+soWnhXm5Hg9QIgUeuU1h7EZ2LIDRQbBwMNRo2gkmmJjxCdnnpbmuM4pb0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":217613},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","#prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"^5.6.0","@cimom/vben-core-shared":"^5.6.1","@cimom/vben-core-typings":"^5.6.0","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"^5.6.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.6.1_1749440333339_0.8008914427410989","host":"s3://npm-registry-packages-npm-production"}},"5.6.2":{"name":"@cimom/vben-core-shadcn-ui","version":"5.6.2","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.6.2","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"08c98b7e7cec3907ea393c15a4cd47e8699e03a9","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.6.2.tgz","fileCount":322,"integrity":"sha512-OtgxdNM3EWDeMqhPSHnUE0/nJ8XfCH+VgC58HqfEWy/1GDal74GcD8fqmHg/vjMcLPxC1H1ck9/4mihDj8hm/Q==","signatures":[{"sig":"MEYCIQDAYLoMFkHdXm2jZDi/LBkxR/lO3X+TH0j6RKZW46/p0gIhAJie1xzl3iUkELy8ziZQ1DalnyQW02tC08fXuQM7LPvo","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":217593},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","private":false,"scripts":{"build":"pnpm unbuild","#prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-typings":"*","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.6.2_1749457166366_0.9347442903472003","host":"s3://npm-registry-packages-npm-production"}},"5.6.3":{"name":"@cimom/vben-core-shadcn-ui","version":"5.6.3","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.6.3","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"16478123cba4452a350151fcca6a52894bc0454d","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.6.3.tgz","fileCount":567,"integrity":"sha512-aTDNyZT/RjFfGRa9K7ScE1id1Da1Og8E/D758Zd1zo6rOs66zjmlYXU8OBMWmgtLKIv3p8+NQW22tTDJvNsAmw==","signatures":[{"sig":"MEYCIQDr+W/tY9UYqiBtxV7VybGsO38ttSBW7YpPw9us7WqfbgIhAJT4F5LoNiZ4OQBpS75VtA5bobE7mtL7vfmpcQlwm+gn","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":402461},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"4658e451554fb07b03bcd870c1694010f7362c31","private":false,"scripts":{"build":"pnpm unbuild","#prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-typings":"*","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.6.3_1749566990163_0.3353586292907289","host":"s3://npm-registry-packages-npm-production"}},"5.6.8":{"name":"@cimom/vben-core-shadcn-ui","version":"5.6.8","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-shadcn-ui@5.6.8","maintainers":[{"name":"hdeqi2005","email":"57237184@qq.com"},{"name":"xxcazzy","email":"6983376@qq.com"}],"homepage":"https://github.com/vbenjs/vue-vben-admin","bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"dist":{"shasum":"90a3c1c0f984db9dd89cdc2a848410675fefbe10","tarball":"https://registry.npmjs.org/@cimom/vben-core-shadcn-ui/-/vben-core-shadcn-ui-5.6.8.tgz","fileCount":567,"integrity":"sha512-mqB2U0j8ut32OOLG/lNtua+p6McVBdMH+qz8SXkvfkG1Na/xlyHxAsEByxYQvsydR5fHJTr6UxpHNamvtYjIKg==","signatures":[{"sig":"MEYCIQCammyzfXGShjXRnsu7a7cMT39mYTj0gsfXvBnuSzlBawIhAP9GBAmGq0YS7zgAAr8v2J2mE8mcPhNqi0QiWFV+dR1O","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":402511},"main":"./dist/index.mjs","type":"module","#main":"./dist/index.mjs","types":"./dist/index.d.ts","module":"./dist/index.mjs","#module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"59e2231aeb00db23143220cc2a9229aabfdaceb4","private":false,"scripts":{"build":"pnpm unbuild","#prepublishOnly":"npm run build"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"_npmVersion":"10.5.1","description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","radix-vue":"^1.9.17","@vueuse/core":"^13.1.0","vee-validate":"^4.15.0","lucide-vue-next":"^0.507.0","@cimom/vben-core-icons":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-typings":"*","class-variance-authority":"^0.7.1","@cimom/vben-core-composables":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3.5.13"},"_npmOperationalInternal":{"tmp":"tmp/vben-core-shadcn-ui_5.6.8_1749621118720_0.9728135706189909","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-05-28T07:06:16.353Z","modified":"2026-01-14T01:37:33.159Z","5.5.9":"2025-05-28T07:06:16.612Z","5.5.12":"2025-06-04T07:58:39.900Z","5.5.13":"2025-06-04T08:04:22.770Z","5.5.14":"2025-06-04T09:03:30.204Z","5.5.15":"2025-06-05T06:17:52.467Z","5.5.16":"2025-06-05T13:24:49.146Z","5.5.17":"2025-06-05T13:44:58.294Z","5.5.18":"2025-06-05T14:13:31.603Z","5.6.0":"2025-06-09T02:06:42.953Z","5.6.1":"2025-06-09T03:38:53.579Z","5.6.2":"2025-06-09T08:19:26.575Z","5.6.3":"2025-06-10T14:49:50.349Z","5.6.8":"2025-06-11T05:51:58.968Z"},"bugs":{"url":"https://github.com/vbenjs/vue-vben-admin/issues"},"author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","homepage":"https://github.com/vbenjs/vue-vben-admin","repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/@vben-core/uikit/shadcn-ui"},"description":"Shadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。","maintainers":[{"email":"msj1370380114@gmail.com","name":"moushangjie"},{"email":"57237184@qq.com","name":"hdeqi2005"},{"email":"6983376@qq.com","name":"xxcazzy"}],"readme":"# Shadcn UI 组件\n\nShadcn UI 组件是一个基于 Vue 3 的 UI 组件库，提供了丰富的基础组件和高级组件，采用了现代化的设计风格，支持主题定制和响应式设计。\n\n## 安装\n\n```bash\nnpm install @cimom/vben-core-ui-kit-shadcn-ui\n```\n\n## 组件列表\n\nShadcn UI 组件库包含以下组件：\n\n### 基础组件\n\n- **Avatar**: 头像组件\n- **Button**: 按钮组件\n- **Checkbox**: 复选框组件\n- **Icon**: 图标组件\n- **Input**: 输入框组件\n- **InputPassword**: 密码输入框组件\n- **PinInput**: PIN 码输入组件\n- **Select**: 选择器组件\n- **Spinner**: 加载中组件\n- **Tooltip**: 文字提示组件\n\n### 导航组件\n\n- **BackTop**: 回到顶部组件\n- **Breadcrumb**: 面包屑导航组件\n- **ContextMenu**: 上下文菜单组件\n- **DropdownMenu**: 下拉菜单组件\n- **HoverCard**: 悬停卡片组件\n- **Popover**: 弹出框组件\n- **Scrollbar**: 滚动条组件\n- **Segmented**: 分段控制器组件\n\n### 其他组件\n\n- **CountToAnimator**: 数字动画组件\n- **ExpandableArrow**: 可展开箭头组件\n- **FullScreen**: 全屏组件\n- **Logo**: Logo 组件\n- **RenderContent**: 内容渲染组件\n- **SpineText**: 脊柱文本组件\n\n## 基础组件使用\n\n### Button 按钮\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenButton } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div class=\"space-x-2\">\n    <VbenButton>默认按钮</VbenButton>\n    <VbenButton variant=\"primary\">主要按钮</VbenButton>\n    <VbenButton variant=\"destructive\">危险按钮</VbenButton>\n    <VbenButton variant=\"outline\">轮廓按钮</VbenButton>\n    <VbenButton variant=\"ghost\">幽灵按钮</VbenButton>\n    <VbenButton variant=\"link\">链接按钮</VbenButton>\n  </div>\n\n  <div class=\"mt-4 space-x-2\">\n    <VbenButton size=\"sm\">小型按钮</VbenButton>\n    <VbenButton>默认大小</VbenButton>\n    <VbenButton size=\"lg\">大型按钮</VbenButton>\n  </div>\n\n  <div class=\"mt-4 space-x-2\">\n    <VbenButton loading>加载中</VbenButton>\n    <VbenButton disabled>禁用按钮</VbenButton>\n    <VbenButton icon=\"Search\">带图标</VbenButton>\n  </div>\n</template>\n```\n\n### Avatar 头像\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenAvatar } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div class=\"flex space-x-4\">\n    <VbenAvatar src=\"/path/to/avatar.jpg\" alt=\"用户头像\" />\n    <VbenAvatar>JD</VbenAvatar>\n    <VbenAvatar icon=\"User\" />\n  </div>\n\n  <div class=\"mt-4 flex space-x-4\">\n    <VbenAvatar size=\"sm\" src=\"/path/to/avatar.jpg\" />\n    <VbenAvatar src=\"/path/to/avatar.jpg\" />\n    <VbenAvatar size=\"lg\" src=\"/path/to/avatar.jpg\" />\n  </div>\n</template>\n```\n\n### Input 输入框\n\n```vue\n<script setup lang=\"ts\">\nimport {\n  VbenInput,\n  VbenInputPassword,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst username = ref('');\nconst password = ref('');\n</script>\n\n<template>\n  <div class=\"space-y-4\">\n    <div>\n      <label class=\"mb-1 block\">用户名</label>\n      <VbenInput v-model=\"username\" placeholder=\"请输入用户名\" />\n    </div>\n\n    <div>\n      <label class=\"mb-1 block\">密码</label>\n      <VbenInputPassword v-model=\"password\" placeholder=\"请输入密码\" />\n    </div>\n  </div>\n</template>\n```\n\n### PinInput 验证码输入\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenPinInput } from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst pinValue = ref('');\n</script>\n\n<template>\n  <div>\n    <label class=\"mb-2 block\">验证码</label>\n    <VbenPinInput\n      v-model=\"pinValue\"\n      :length=\"6\"\n      @complete=\"(value) => console.log('验证码输入完成:', value)\"\n    />\n  </div>\n</template>\n```\n\n### Select 选择器\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenSelect } from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst selectedValue = ref('');\nconst options = [\n  { label: '选项1', value: '1' },\n  { label: '选项2', value: '2' },\n  { label: '选项3', value: '3' },\n];\n</script>\n\n<template>\n  <div>\n    <label class=\"mb-1 block\">选择项</label>\n    <VbenSelect\n      v-model=\"selectedValue\"\n      :options=\"options\"\n      placeholder=\"请选择\"\n    />\n  </div>\n</template>\n```\n\n## 导航组件使用\n\n### Breadcrumb 面包屑\n\n```vue\n<script setup lang=\"ts\">\nimport {\n  VbenBreadcrumb,\n  VbenBreadcrumbItem,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <VbenBreadcrumb>\n    <VbenBreadcrumbItem>首页</VbenBreadcrumbItem>\n    <VbenBreadcrumbItem>用户管理</VbenBreadcrumbItem>\n    <VbenBreadcrumbItem>用户详情</VbenBreadcrumbItem>\n  </VbenBreadcrumb>\n</template>\n```\n\n### DropdownMenu 下拉菜单\n\n```vue\n<script setup lang=\"ts\">\nimport {\n  VbenDropdownMenu,\n  VbenDropdownMenuTrigger,\n  VbenDropdownMenuContent,\n  VbenDropdownMenuItem,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <VbenDropdownMenu>\n    <VbenDropdownMenuTrigger>\n      <button class=\"rounded border px-4 py-2\">点击打开菜单</button>\n    </VbenDropdownMenuTrigger>\n\n    <VbenDropdownMenuContent>\n      <VbenDropdownMenuItem @select=\"() => console.log('选项1')\">\n        选项1\n      </VbenDropdownMenuItem>\n      <VbenDropdownMenuItem @select=\"() => console.log('选项2')\">\n        选项2\n      </VbenDropdownMenuItem>\n      <VbenDropdownMenuItem @select=\"() => console.log('选项3')\">\n        选项3\n      </VbenDropdownMenuItem>\n    </VbenDropdownMenuContent>\n  </VbenDropdownMenu>\n</template>\n```\n\n### Scrollbar 滚动条\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenScrollbar } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div class=\"h-60 w-full\">\n    <VbenScrollbar>\n      <div class=\"p-4\">\n        <p v-for=\"i in 20\" :key=\"i\" class=\"mb-4\">\n          这是一段示例文本，用于演示滚动条组件。 {{ i }}\n        </p>\n      </div>\n    </VbenScrollbar>\n  </div>\n</template>\n```\n\n### BackTop 回到顶部\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenBackTop } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div>\n    <!-- 页面内容 -->\n\n    <VbenBackTop :visibilityHeight=\"100\" />\n  </div>\n</template>\n```\n\n## 其他组件使用\n\n### CountToAnimator 数字动画\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenCountToAnimator } from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst value = ref(0);\n\n// 模拟数据变化\nsetTimeout(() => {\n  value.value = 1000;\n}, 1000);\n</script>\n\n<template>\n  <div>\n    <h3>数字动画：</h3>\n    <VbenCountToAnimator\n      :value=\"value\"\n      :duration=\"1000\"\n      :decimals=\"0\"\n      prefix=\"¥\"\n    />\n  </div>\n</template>\n```\n\n### FullScreen 全屏\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenFullScreen } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div>\n    <VbenFullScreen>\n      <template #default=\"{ toggle, isFullscreen }\">\n        <button @click=\"toggle\">\n          {{ isFullscreen ? '退出全屏' : '进入全屏' }}\n        </button>\n      </template>\n    </VbenFullScreen>\n  </div>\n</template>\n```\n\n### Tooltip 文字提示\n\n```vue\n<script setup lang=\"ts\">\nimport { VbenTooltip } from '@cimom/vben-core-ui-kit-shadcn-ui';\n</script>\n\n<template>\n  <div class=\"p-10\">\n    <VbenTooltip content=\"这是一个提示文本\">\n      <button class=\"rounded border px-4 py-2\">鼠标悬停查看提示</button>\n    </VbenTooltip>\n  </div>\n</template>\n```\n\n## 组件属性\n\n### Button 属性\n\n| 属性名 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| variant | `'default' \\| 'primary' \\| 'destructive' \\| 'outline' \\| 'ghost' \\| 'link'` | `'default'` | 按钮样式变体 |\n| size | `'sm' \\| 'default' \\| 'lg'` | `'default'` | 按钮大小 |\n| loading | `boolean` | `false` | 是否显示加载状态 |\n| disabled | `boolean` | `false` | 是否禁用 |\n| icon | `string \\| Component` | - | 按钮图标 |\n| iconPlacement | `'left' \\| 'right'` | `'left'` | 图标位置 |\n\n### Avatar 属性\n\n| 属性名 | 类型                        | 默认值      | 说明             |\n| ------ | --------------------------- | ----------- | ---------------- |\n| src    | `string`                    | -           | 头像图片地址     |\n| alt    | `string`                    | -           | 头像图片替代文本 |\n| size   | `'sm' \\| 'default' \\| 'lg'` | `'default'` | 头像大小         |\n| icon   | `string \\| Component`       | -           | 头像图标         |\n| shape  | `'circle' \\| 'square'`      | `'circle'`  | 头像形状         |\n\n### Input 属性\n\n| 属性名      | 类型                        | 默认值      | 说明       |\n| ----------- | --------------------------- | ----------- | ---------- |\n| modelValue  | `string`                    | `''`        | 输入框值   |\n| placeholder | `string`                    | -           | 占位文本   |\n| disabled    | `boolean`                   | `false`     | 是否禁用   |\n| readonly    | `boolean`                   | `false`     | 是否只读   |\n| clearable   | `boolean`                   | `false`     | 是否可清空 |\n| size        | `'sm' \\| 'default' \\| 'lg'` | `'default'` | 输入框大小 |\n| prefix      | `string`                    | -           | 前缀内容   |\n| suffix      | `string`                    | -           | 后缀内容   |\n\n### Select 属性\n\n| 属性名      | 类型                        | 默认值  | 说明       |\n| ----------- | --------------------------- | ------- | ---------- |\n| modelValue  | `string \\| number \\| Array` | -       | 选择器值   |\n| options     | `Array`                     | `[]`    | 选项数据   |\n| placeholder | `string`                    | -       | 占位文本   |\n| disabled    | `boolean`                   | `false` | 是否禁用   |\n| clearable   | `boolean`                   | `false` | 是否可清空 |\n| multiple    | `boolean`                   | `false` | 是否多选   |\n| filterable  | `boolean`                   | `false` | 是否可搜索 |\n\n## 示例\n\n### 登录表单\n\n```vue\n<template>\n  <div class=\"mx-auto w-96 rounded border p-6 shadow-md\">\n    <h2 class=\"mb-6 text-center text-2xl font-bold\">用户登录</h2>\n\n    <form @submit.prevent=\"handleSubmit\">\n      <div class=\"mb-4\">\n        <label class=\"mb-1 block\">用户名</label>\n        <VbenInput\n          v-model=\"form.username\"\n          placeholder=\"请输入用户名\"\n          :disabled=\"loading\"\n        />\n      </div>\n\n      <div class=\"mb-6\">\n        <label class=\"mb-1 block\">密码</label>\n        <VbenInputPassword\n          v-model=\"form.password\"\n          placeholder=\"请输入密码\"\n          :disabled=\"loading\"\n        />\n      </div>\n\n      <div class=\"mb-6 flex items-center\">\n        <VbenCheckbox v-model=\"form.remember\" :disabled=\"loading\">\n          记住我\n        </VbenCheckbox>\n\n        <a href=\"#\" class=\"ml-auto text-sm text-blue-500\">忘记密码？</a>\n      </div>\n\n      <VbenButton\n        variant=\"primary\"\n        class=\"w-full\"\n        :loading=\"loading\"\n        @click=\"handleSubmit\"\n      >\n        登录\n      </VbenButton>\n    </form>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  VbenButton,\n  VbenInput,\n  VbenInputPassword,\n  VbenCheckbox,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst form = ref({\n  username: '',\n  password: '',\n  remember: false,\n});\n\nconst loading = ref(false);\n\nconst handleSubmit = async () => {\n  if (!form.value.username || !form.value.password) {\n    alert('请输入用户名和密码');\n    return;\n  }\n\n  loading.value = true;\n\n  try {\n    // 模拟登录请求\n    await new Promise((resolve) => setTimeout(resolve, 1500));\n    console.log('登录成功', form.value);\n    // 登录成功后的处理...\n  } catch (error) {\n    console.error('登录失败', error);\n  } finally {\n    loading.value = false;\n  }\n};\n</script>\n```\n\n### 数据展示卡片\n\n```vue\n<template>\n  <div class=\"grid grid-cols-1 gap-6 md:grid-cols-3\">\n    <div\n      v-for=\"(card, index) in cards\"\n      :key=\"index\"\n      class=\"rounded-lg border p-6 shadow-sm\"\n    >\n      <div class=\"mb-4 flex items-center justify-between\">\n        <h3 class=\"text-lg font-medium\">{{ card.title }}</h3>\n        <VbenIcon :name=\"card.icon\" class=\"text-gray-400\" />\n      </div>\n\n      <div class=\"mb-2\">\n        <VbenCountToAnimator\n          :value=\"card.value\"\n          :duration=\"1500\"\n          :decimals=\"card.decimals\"\n          :prefix=\"card.prefix\"\n          class=\"text-2xl font-bold\"\n        />\n      </div>\n\n      <div class=\"flex items-center text-sm\">\n        <span\n          :class=\"[card.trend > 0 ? 'text-green-500' : 'text-red-500', 'mr-1']\"\n        >\n          {{ card.trend > 0 ? '+' : '' }}{{ card.trend }}%\n        </span>\n        <span class=\"text-gray-500\">较上周</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  VbenIcon,\n  VbenCountToAnimator,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref } from 'vue';\n\nconst cards = ref([\n  {\n    title: '总销售额',\n    value: 126500,\n    decimals: 2,\n    prefix: '¥',\n    trend: 12.5,\n    icon: 'TrendingUp',\n  },\n  {\n    title: '访问量',\n    value: 8846,\n    decimals: 0,\n    prefix: '',\n    trend: -2.3,\n    icon: 'Users',\n  },\n  {\n    title: '订单数',\n    value: 1293,\n    decimals: 0,\n    prefix: '',\n    trend: 8.7,\n    icon: 'ShoppingCart',\n  },\n]);\n</script>\n```\n\n### 交互式表格\n\n```vue\n<template>\n  <div class=\"rounded-lg border p-6 shadow-sm\">\n    <div class=\"mb-4 flex items-center justify-between\">\n      <h2 class=\"text-xl font-bold\">用户列表</h2>\n\n      <div class=\"flex space-x-2\">\n        <VbenInput\n          v-model=\"searchQuery\"\n          placeholder=\"搜索用户\"\n          suffix=\"Search\"\n          class=\"w-64\"\n        />\n\n        <VbenButton variant=\"primary\" icon=\"Plus\"> 添加用户 </VbenButton>\n      </div>\n    </div>\n\n    <div class=\"overflow-x-auto\">\n      <table class=\"w-full border-collapse\">\n        <thead>\n          <tr class=\"bg-gray-50\">\n            <th class=\"p-3 text-left\">用户名</th>\n            <th class=\"p-3 text-left\">邮箱</th>\n            <th class=\"p-3 text-left\">角色</th>\n            <th class=\"p-3 text-left\">状态</th>\n            <th class=\"p-3 text-left\">操作</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            v-for=\"(user, index) in filteredUsers\"\n            :key=\"index\"\n            class=\"border-t hover:bg-gray-50\"\n          >\n            <td class=\"p-3\">\n              <div class=\"flex items-center\">\n                <VbenAvatar :src=\"user.avatar\" size=\"sm\" class=\"mr-2\" />\n                {{ user.username }}\n              </div>\n            </td>\n            <td class=\"p-3\">{{ user.email }}</td>\n            <td class=\"p-3\">{{ user.role }}</td>\n            <td class=\"p-3\">\n              <span\n                :class=\"[\n                  user.status === 'active'\n                    ? 'bg-green-100 text-green-800'\n                    : 'bg-gray-100 text-gray-800',\n                  'rounded px-2 py-1 text-xs',\n                ]\"\n              >\n                {{ user.status === 'active' ? '活跃' : '禁用' }}\n              </span>\n            </td>\n            <td class=\"p-3\">\n              <div class=\"flex space-x-2\">\n                <VbenTooltip content=\"编辑\">\n                  <button class=\"text-blue-500 hover:text-blue-700\">\n                    <VbenIcon name=\"Edit\" size=\"sm\" />\n                  </button>\n                </VbenTooltip>\n\n                <VbenTooltip content=\"删除\">\n                  <button class=\"text-red-500 hover:text-red-700\">\n                    <VbenIcon name=\"Trash\" size=\"sm\" />\n                  </button>\n                </VbenTooltip>\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  VbenButton,\n  VbenInput,\n  VbenAvatar,\n  VbenIcon,\n  VbenTooltip,\n} from '@cimom/vben-core-ui-kit-shadcn-ui';\nimport { ref, computed } from 'vue';\n\nconst searchQuery = ref('');\n\nconst users = ref([\n  {\n    username: 'admin',\n    email: 'admin@example.com',\n    role: '管理员',\n    status: 'active',\n    avatar: 'https://via.placeholder.com/40',\n  },\n  {\n    username: 'user1',\n    email: 'user1@example.com',\n    role: '编辑',\n    status: 'active',\n    avatar: 'https://via.placeholder.com/40',\n  },\n  {\n    username: 'user2',\n    email: 'user2@example.com',\n    role: '访客',\n    status: 'inactive',\n    avatar: 'https://via.placeholder.com/40',\n  },\n]);\n\nconst filteredUsers = computed(() => {\n  if (!searchQuery.value) return users.value;\n\n  const query = searchQuery.value.toLowerCase();\n  return users.value.filter(\n    (user) =>\n      user.username.toLowerCase().includes(query) ||\n      user.email.toLowerCase().includes(query) ||\n      user.role.toLowerCase().includes(query),\n  );\n});\n</script>\n```\n","readmeFilename":"README.md"}