{"_id":"@cimom/vben-effects-common-ui","_rev":"10-cad7b6f3a1438b1ce0e5ed76a4dbb8dc","name":"@cimom/vben-effects-common-ui","dist-tags":{"latest":"5.6.10"},"versions":{"5.5.9":{"name":"@cimom/vben-effects-common-ui","version":"5.5.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-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":"75238dc72452d7386e52f61be80ab352c0240138","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.5.9.tgz","fileCount":110,"integrity":"sha512-txsHqMOiryV+rsY5/IPqFZQhKzRWi8U//GqebROarpYoNiLOuJ4lC8rvaG/Ck1rIoDfQkFzSvXCbd8frAhBuhQ==","signatures":[{"sig":"MEQCIQDtcXtQwB9l8Tg6cghiQIdXsic9k/vyiyWb3PFulcpaugIfOdksS5xHNRFBnFZu8RjU6yd0tkgJk8P/9Rq1Zg57Iw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":225261},"type":"module","exports":{".":{"types":"./src/index.ts","default":"./src/index.ts"},"./es/tippy":{"types":"./src/components/tippy/index.ts","default":"./src/components/tippy/index.ts"},"./es/loading":{"types":"./src/components/loading/index.ts","default":"./src/components/loading/index.ts"}},"private":false,"scripts":{"build":"pnpm unbuild"},"_npmUser":{"name":"hdeqi2005","email":"57237184@qq.com"},"repository":{"url":"git+https://github.com/vbenjs/vue-vben-admin.git","type":"git","directory":"packages/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"^5.5.9","@cimom/vben-types":"^5.5.9","@cimom/vben-locales":"^5.5.9","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"^5.5.9","@cimom/vben-core-shared":"^5.5.9","@cimom/vben-core-form-ui":"^5.5.9","@cimom/vben-core-popup-ui":"^5.5.9","@cimom/vben-effects-hooks":"^5.5.9","@cimom/vben-core-shadcn-ui":"^5.5.9","@cimom/vben-core-preferences":"^5.5.9"},"publishConfig":{"access":"public","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.d.ts","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.d.ts","default":"./dist/components/loading/index.mjs"}}},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.4"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.5.9_1748417481005_0.6402806205540921","host":"s3://npm-registry-packages-npm-production"}},"5.6.1":{"name":"@cimom/vben-effects-common-ui","version":"5.6.1","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-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":"10318f848a67d6024456fee8ccd433fe7638e780","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.1.tgz","fileCount":125,"integrity":"sha512-qmC5cMKwn+A8HbPyOliYL9/sXci/bpF9cnDJOvojzidkAIrxeDC0himc6Y14mheDi8TqLAmW9M6sL4Y0O96aXw==","signatures":[{"sig":"MEUCIQDQdi8hymINX+CJMHwG/+ZrD81Eqef/zhYyg1OHNTXzVQIgMbrnF66SPlMF9Grz8m1n1JwfPUrRAuQS1Pj05H+Rtvg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":262855},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"^5.6.1","@cimom/vben-types":"^5.6.1","@cimom/vben-locales":"^5.6.2","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"^5.6.0","@cimom/vben-core-shared":"^5.6.1","@cimom/vben-core-form-ui":"^5.6.1","@cimom/vben-core-popup-ui":"^5.6.1","@cimom/vben-effects-hooks":"^5.6.0","@cimom/vben-core-shadcn-ui":"^5.6.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.1_1749447409485_0.23262783603317327","host":"s3://npm-registry-packages-npm-production"}},"5.6.3":{"name":"@cimom/vben-effects-common-ui","version":"5.6.3","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-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":"48d00ddbf685478ca11a1bdd5fdcdb0629e13b61","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.3.tgz","fileCount":125,"integrity":"sha512-TuCWwRJH0Etf73geo1iscWnb8YClgcu1GJxOLpsmma76Qor/Yn9suwOu02YU13zdFspwuqPDn5uOn4ZOdbH7Pw==","signatures":[{"sig":"MEYCIQCVzbY4paJKLAmR8q6zygUVdjvcWgN6oZB1eVjF2h41VgIhAP+0gGw2yFXrWd2evCjcGgYbX4k+m0tiMOZlGhlzm2M8","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":262810},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.3_1749457606049_0.09806349716399754","host":"s3://npm-registry-packages-npm-production"}},"5.6.4":{"name":"@cimom/vben-effects-common-ui","version":"5.6.4","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-ui@5.6.4","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":"0a4abc29c2fa3f8bb1820e5fd35530b3658a20fa","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.4.tgz","fileCount":125,"integrity":"sha512-iZYBeN4TfvJ4gH+pKRE86A848kzlZffH5EGAYwz5Fo84LhjpkSQPDW16n30ISLgFCKoF2wZ55pr2SrKSDdJDew==","signatures":[{"sig":"MEUCIG//r8UKsmp+6NChRXejbjVrkQUrkZyD6tYGek3KXCCfAiEAzN1hGsSMR0YgJPKsdbLN8B5TVUTA+Qk/pqiUh3Erpqs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":262871},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.4_1749477297981_0.04322247507682886","host":"s3://npm-registry-packages-npm-production"}},"5.6.5":{"name":"@cimom/vben-effects-common-ui","version":"5.6.5","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-ui@5.6.5","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":"c930fb62bc5f2f92e33b0e9cdc8b0d8e5f388ae5","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.5.tgz","fileCount":125,"integrity":"sha512-f1S2ZtdwzpVcwsl1RE7/D5tYaA4AayZom77TjMa8RQOLfNtnL4VDk10DmC+eDe/Zm+Ki5lRpklO2NuU9F6A0gg==","signatures":[{"sig":"MEQCIH6rF/V7KeGS22LpeSvH/mNSNoHxxQxCj0hnUf66cLNgAiBGgCGab+0zHToxMnPMl6LsuOVvyHdQE+3xNy4ts/aOEA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":263396},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.5_1749478937784_0.9426334891591421","host":"s3://npm-registry-packages-npm-production"}},"5.6.6":{"name":"@cimom/vben-effects-common-ui","version":"5.6.6","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-ui@5.6.6","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":"2a90c6e5998ca3fc159fd3c0e8705bd32c46552d","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.6.tgz","fileCount":208,"integrity":"sha512-ya6z+c0ajPz/cDaZahRTwxquXMzEylsQ7RBv7KL4uU3nB4k0dLxo0OhrIuSCsBHikG6vaazYzWS8UfXHnH6AwQ==","signatures":[{"sig":"MEQCIG2bbQ46dDA9a6UyHR1auYeK2eFGDm5RHo5xWiH/iG+dAiB4GvWFHEnB3d6jnem3T8b8MIsBxuHNSnIfeEHmzxWl5w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":507477},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.6_1749567107351_0.3140582746699674","host":"s3://npm-registry-packages-npm-production"}},"5.6.8":{"name":"@cimom/vben-effects-common-ui","version":"5.6.8","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-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":"08724cb6f1b8ef866794393eade4d9d2d31c990e","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.8.tgz","fileCount":208,"integrity":"sha512-a/9blh3dq77nDIeBVOFQjxMZaTKgTt5CNMafPYSUTisj1er+noRRXcp4nr9iGPPI+HKwqrQV8j1Z8zeQdyG+6A==","signatures":[{"sig":"MEUCIClzh/0rWYd+gdoNkYVCFhDG0kpUv3wiuzfKKZi1dGatAiEAxM5cxKRxM2xcE7CBEgBGtWBOjqbGDawZREn1WKeCG6o=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":507553},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.8_1749568352068_0.19240062903137933","host":"s3://npm-registry-packages-npm-production"}},"5.6.9":{"name":"@cimom/vben-effects-common-ui","version":"5.6.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-ui@5.6.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":"cbe04707a7c007ebcf32f5cda5f74ad703ed6b51","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.9.tgz","fileCount":208,"integrity":"sha512-+VeUH3XZhoRWIUtF7KQ2X05RUBuq/9CS4O8IB/dbxdi6WrX7a7MZIsRVt+0xlH6YuDpRxVZm1sTiBL4DsNtNxA==","signatures":[{"sig":"MEUCIHKfuoPqmE/QY46xeJ7nq0RdVuT1zb6gvTbFClRDbHpHAiEA8Jy8Uc6Vt/SPNN6KfJjQdD8KGo4W0iSiB7tnso1lG4I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":508145},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"peerDependencies":{"@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@cimom/vben-constants":"*","@cimom/vben-effects-hooks":"*"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.9_1749628334869_0.8933354596603613","host":"s3://npm-registry-packages-npm-production"}},"5.6.10":{"name":"@cimom/vben-effects-common-ui","version":"5.6.10","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-effects-common-ui@5.6.10","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":"06e0e6f40ba476c73273c2efa12d5f20f44a6b77","tarball":"https://registry.npmjs.org/@cimom/vben-effects-common-ui/-/vben-effects-common-ui-5.6.10.tgz","fileCount":208,"integrity":"sha512-N1yq73JyU7TJ9hSCMC198EodosuVRru+b1U6TDohHwBaxUBDfYUs3Kf+IpDNDzKAWZtbYZEMO8x6CBU9ye2Qig==","signatures":[{"sig":"MEYCIQDUIKczuteSi+mutf6aIn8EmfUz5GRhRSapPslk9rWOWQIhALSlD21H+HgaFGvJJP2OWj+Z1Avy1eK4LFulr+I4TFiU","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":508164},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"./es/tippy":{"types":"./dist/components/tippy/index.mjs","default":"./dist/components/tippy/index.mjs"},"./es/loading":{"types":"./dist/components/loading/index.mjs","default":"./dist/components/loading/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/effects/common-ui"},"_npmVersion":"10.5.1","description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","directories":{},"sideEffects":["**/*.css"],"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","qrcode":"^1.5.4","tippy.js":"^6.3.7","vue-tippy":"^6.7.0","vue-router":"^4.5.1","@vueuse/core":"^13.1.0","vue-json-viewer":"^3.0.4","@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@vueuse/integrations":"^13.1.0","@cimom/vben-constants":"*","@cimom/vben-core-shared":"*","@cimom/vben-core-form-ui":"*","@cimom/vben-core-popup-ui":"*","@cimom/vben-effects-hooks":"*","@cimom/vben-core-shadcn-ui":"*"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"@types/qrcode":"^1.5.5"},"peerDependencies":{"@cimom/vben-icons":"*","@cimom/vben-types":"*","@cimom/vben-locales":"*","@cimom/vben-constants":"*","@cimom/vben-effects-hooks":"*"},"_npmOperationalInternal":{"tmp":"tmp/vben-effects-common-ui_5.6.10_1749628962375_0.8864865721493158","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-05-28T07:31:20.940Z","modified":"2026-01-14T01:37:36.222Z","5.5.9":"2025-05-28T07:31:21.234Z","5.6.1":"2025-06-09T05:36:49.673Z","5.6.3":"2025-06-09T08:26:46.255Z","5.6.4":"2025-06-09T13:54:58.164Z","5.6.5":"2025-06-09T14:22:17.970Z","5.6.6":"2025-06-10T14:51:47.534Z","5.6.8":"2025-06-10T15:12:32.310Z","5.6.9":"2025-06-11T07:52:15.046Z","5.6.10":"2025-06-11T08:02:42.600Z"},"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/effects/common-ui"},"description":"通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。","maintainers":[{"email":"msj1370380114@gmail.com","name":"moushangjie"},{"email":"57237184@qq.com","name":"hdeqi2005"},{"email":"6983376@qq.com","name":"xxcazzy"}],"readme":"# @cimom/vben-effects-common-ui\n\n通用 UI 组件库，提供了一系列可复用的 UI 组件和页面模板，用于快速构建管理系统界面。该包继承了核心 UI 组件库的能力，并扩展了更多业务场景下的组件。\n\n## 安装\n\n```bash\n# 进入目标应用目录，例如 apps/xxxx-app\n# cd apps/xxxx-app\npnpm add @cimom/vben-effects-common-ui\n```\n\n## 基本使用\n\n```ts\n// 导入所有组件\nimport {\n  ApiSelect,\n  Captcha,\n  ColPage,\n  CountTo,\n  EllipsisText,\n  IconPicker,\n  JsonViewer,\n  Loading,\n  Page,\n  Resize,\n  Tippy,\n} from '@cimom/vben-effects-common-ui';\n\n// 导入特定组件\nimport { Captcha } from '@cimom/vben-effects-common-ui';\nimport { Loading } from '@cimom/vben-effects-common-ui/es/loading';\nimport { Tippy } from '@cimom/vben-effects-common-ui/es/tippy';\n```\n\n## 组件列表\n\n### 基础组件\n\n#### ApiComponent 系列\n\n基于 API 请求的组件，用于从后端获取数据并渲染。\n\n```vue\n<template>\n  <div>\n    <ApiSelect\n      :api=\"getUserList\"\n      labelField=\"name\"\n      valueField=\"id\"\n      placeholder=\"请选择用户\"\n      @change=\"handleChange\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ApiSelect } from '@cimom/vben-effects-common-ui';\nimport { getUserList } from '@/api/user';\n\nconst handleChange = (value) => {\n  console.log('Selected value:', value);\n};\n</script>\n```\n\n#### Captcha 验证码\n\n用于显示和刷新验证码的组件。\n\n```vue\n<template>\n  <div>\n    <Captcha @refresh=\"handleRefresh\" @verify=\"handleVerify\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Captcha } from '@cimom/vben-effects-common-ui';\n\nconst handleRefresh = () => {\n  console.log('Refreshing captcha...');\n};\n\nconst handleVerify = (code: string) => {\n  console.log('Verifying captcha code:', code);\n};\n</script>\n```\n\n#### ColPage 列页面\n\n用于创建具有列布局的页面。\n\n```vue\n<template>\n  <div>\n    <ColPage :span=\"12\">\n      <template #left>\n        <div>左侧内容</div>\n      </template>\n      <template #right>\n        <div>右侧内容</div>\n      </template>\n    </ColPage>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ColPage } from '@cimom/vben-effects-common-ui';\n</script>\n```\n\n#### CountTo 数字动画\n\n用于创建数字变化的动画效果。\n\n```vue\n<template>\n  <div>\n    <CountTo :startVal=\"0\" :endVal=\"2000\" :duration=\"2000\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { CountTo } from '@cimom/vben-effects-common-ui';\n</script>\n```\n\n#### EllipsisText 文本省略\n\n用于显示带有省略号的长文本。\n\n```vue\n<template>\n  <div>\n    <EllipsisText :text=\"longText\" :len=\"50\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { EllipsisText } from '@cimom/vben-effects-common-ui';\n\nconst longText = '这是一段非常长的文本，当超出指定长度时会显示省略号...';\n</script>\n```\n\n#### IconPicker 图标选择器\n\n用于选择图标的组件。\n\n```vue\n<template>\n  <div>\n    <IconPicker v-model:value=\"icon\" @change=\"handleChange\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { IconPicker } from '@cimom/vben-effects-common-ui';\n\nconst icon = ref('mdi:home');\n\nconst handleChange = (newIcon: string) => {\n  console.log('Selected icon:', newIcon);\n};\n</script>\n```\n\n#### JsonViewer JSON 查看器\n\n用于格式化显示 JSON 数据的组件。\n\n```vue\n<template>\n  <div>\n    <JsonViewer :value=\"jsonData\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { JsonViewer } from '@cimom/vben-effects-common-ui';\n\nconst jsonData = {\n  name: 'John Doe',\n  age: 30,\n  address: {\n    city: 'New York',\n    country: 'USA',\n  },\n  skills: ['JavaScript', 'Vue', 'React'],\n};\n</script>\n```\n\n#### Loading 加载\n\n用于显示加载状态的组件。\n\n```vue\n<template>\n  <div>\n    <Loading :loading=\"isLoading\" :tip=\"loadingTip\">\n      <div>加载完成后显示的内容</div>\n    </Loading>\n\n    <!-- 全屏加载 -->\n    <button @click=\"showFullScreenLoading\">显示全屏加载</button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Loading, useLoading } from '@cimom/vben-effects-common-ui';\n\nconst isLoading = ref(true);\nconst loadingTip = ref('加载中...');\n\n// 全屏加载\nconst { openFullLoading, closeFullLoading } = useLoading();\n\nconst showFullScreenLoading = () => {\n  openFullLoading();\n  setTimeout(() => {\n    closeFullLoading();\n  }, 3000);\n};\n\n// 模拟加载完成\nsetTimeout(() => {\n  isLoading.value = false;\n}, 2000);\n</script>\n```\n\n#### Page 页面\n\n用于创建具有标准布局的页面。\n\n```vue\n<template>\n  <div>\n    <Page :title=\"pageTitle\" :loading=\"pageLoading\">\n      <template #headerContent>\n        <div>自定义头部内容</div>\n      </template>\n      <template #default>\n        <div>页面主体内容</div>\n      </template>\n      <template #footer>\n        <div>页面底部内容</div>\n      </template>\n    </Page>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { Page } from '@cimom/vben-effects-common-ui';\n\nconst pageTitle = ref('页面标题');\nconst pageLoading = ref(false);\n</script>\n```\n\n#### Resize 调整大小\n\n用于创建可调整大小的容器。\n\n```vue\n<template>\n  <div>\n    <Resize :width=\"300\" :height=\"200\" @resize=\"handleResize\">\n      <div>可调整大小的内容</div>\n    </Resize>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Resize } from '@cimom/vben-effects-common-ui';\n\nconst handleResize = ({ width, height }) => {\n  console.log('New size:', width, height);\n};\n</script>\n```\n\n#### Tippy 提示\n\n用于创建高级提示框的组件。\n\n```vue\n<template>\n  <div>\n    <Tippy content=\"这是一个提示\" placement=\"top\">\n      <button>鼠标悬停查看提示</button>\n    </Tippy>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Tippy } from '@cimom/vben-effects-common-ui';\n</script>\n```\n\n### UI 模板\n\n#### About 关于页面\n\n提供关于页面的模板。\n\n```vue\n<template>\n  <div>\n    <AboutPage\n      :version=\"version\"\n      :buildTime=\"buildTime\"\n      :dependencies=\"dependencies\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { AboutPage } from '@cimom/vben-effects-common-ui';\n\nconst version = 'v1.0.0';\nconst buildTime = '2025-05-27';\nconst dependencies = {\n  vue: '^3.3.0',\n  vite: '^4.3.0',\n  typescript: '^5.0.0',\n};\n</script>\n```\n\n#### Authentication 认证页面\n\n提供登录、注册、找回密码等认证页面的模板。\n\n```vue\n<template>\n  <div>\n    <LoginForm\n      :loading=\"loading\"\n      @login=\"handleLogin\"\n      @register=\"handleRegister\"\n      @forgot-password=\"handleForgotPassword\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { LoginForm } from '@cimom/vben-effects-common-ui';\n\nconst loading = ref(false);\n\nconst handleLogin = (formData) => {\n  loading.value = true;\n  // 处理登录逻辑\n  setTimeout(() => {\n    loading.value = false;\n  }, 1000);\n};\n\nconst handleRegister = () => {\n  // 跳转到注册页面\n};\n\nconst handleForgotPassword = () => {\n  // 跳转到找回密码页面\n};\n</script>\n```\n\n#### Dashboard 仪表盘\n\n提供仪表盘页面的模板。\n\n```vue\n<template>\n  <div>\n    <DashboardAnalysis :loading=\"loading\" :data=\"dashboardData\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { DashboardAnalysis } from '@cimom/vben-effects-common-ui';\n\nconst loading = ref(true);\nconst dashboardData = ref({\n  visits: 1024,\n  sales: 8160,\n  growth: 12.5,\n  chartData: [\n    /* ... */\n  ],\n});\n\n// 模拟加载数据\nsetTimeout(() => {\n  loading.value = false;\n}, 1000);\n</script>\n```\n\n#### Fallback 错误页面\n\n提供 404、403、500 等错误页面的模板。\n\n```vue\n<template>\n  <div>\n    <Page404 @back=\"goBack\" />\n    <!-- 或者使用其他错误页面 -->\n    <!-- <Page403 @back=\"goBack\" /> -->\n    <!-- <Page500 @back=\"goBack\" /> -->\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Page404 } from '@cimom/vben-effects-common-ui';\nimport { useRouter } from 'vue-router';\n\nconst router = useRouter();\n\nconst goBack = () => {\n  router.push('/');\n};\n</script>\n```\n\n## 继承的核心组件\n\n该包继承了以下核心组件库的所有组件：\n\n### @cimom/vben-core-form-ui\n\n表单相关组件，包括输入框、选择器、日期选择器等。\n\n```vue\n<template>\n  <div>\n    <VbenForm :schemas=\"formSchemas\" @submit=\"handleSubmit\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { VbenForm } from '@cimom/vben-effects-common-ui';\n\nconst formSchemas = [\n  {\n    field: 'username',\n    component: 'Input',\n    label: '用户名',\n    required: true,\n  },\n  {\n    field: 'password',\n    component: 'InputPassword',\n    label: '密码',\n    required: true,\n  },\n];\n\nconst handleSubmit = (values) => {\n  console.log('Form values:', values);\n};\n</script>\n```\n\n### @cimom/vben-core-popup-ui\n\n弹出层相关组件，包括模态框、抽屉、通知等。\n\n```vue\n<template>\n  <div>\n    <button @click=\"openModal\">打开模态框</button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useModal } from '@cimom/vben-effects-common-ui';\n\nconst { createModal } = useModal();\n\nconst openModal = () => {\n  createModal({\n    title: '模态框标题',\n    content: '这是模态框内容',\n    onOk: () => {\n      console.log('OK clicked');\n    },\n  });\n};\n</script>\n```\n\n### @cimom/vben-core-shadcn-ui\n\nShadcn UI 组件库，提供了一系列现代化的 UI 组件。\n\n```vue\n<template>\n  <div>\n    <VbenButton variant=\"primary\" @click=\"handleClick\"> 点击按钮 </VbenButton>\n\n    <VbenAvatar src=\"avatar.jpg\" alt=\"User Avatar\" />\n\n    <VbenTree :data=\"treeData\" @select=\"handleSelect\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n  VbenButton,\n  VbenAvatar,\n  VbenTree,\n} from '@cimom/vben-effects-common-ui';\n\nconst treeData = [\n  /* ... */\n];\n\nconst handleClick = () => {\n  console.log('Button clicked');\n};\n\nconst handleSelect = (selectedKeys) => {\n  console.log('Selected keys:', selectedKeys);\n};\n</script>\n```\n\n## 高级用法\n\n### 组合使用多个组件\n\n```vue\n<template>\n  <div>\n    <Page :title=\"pageTitle\" :loading=\"pageLoading\">\n      <template #headerContent>\n        <VbenButton @click=\"openModal\">打开表单</VbenButton>\n      </template>\n      <template #default>\n        <ColPage :span=\"12\">\n          <template #left>\n            <JsonViewer :value=\"jsonData\" />\n          </template>\n          <template #right>\n            <Loading :loading=\"isLoading\">\n              <CountTo :startVal=\"0\" :endVal=\"2000\" :duration=\"2000\" />\n            </Loading>\n          </template>\n        </ColPage>\n      </template>\n    </Page>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport {\n  Page,\n  ColPage,\n  JsonViewer,\n  Loading,\n  CountTo,\n  VbenButton,\n  useModal,\n} from '@cimom/vben-effects-common-ui';\n\nconst pageTitle = ref('高级示例');\nconst pageLoading = ref(false);\nconst isLoading = ref(true);\nconst jsonData = ref({\n  /* ... */\n});\n\nconst { createModal } = useModal();\n\nconst openModal = () => {\n  createModal({\n    title: '表单示例',\n    content: h(() => import('./FormComponent.vue')),\n    width: 600,\n  });\n};\n\n// 模拟加载完成\nsetTimeout(() => {\n  isLoading.value = false;\n}, 2000);\n</script>\n```\n\n### 创建自定义组件\n\n```vue\n<!-- MyCustomComponent.vue -->\n<template>\n  <div class=\"my-custom-component\">\n    <Page :title=\"title\">\n      <template #default>\n        <div class=\"content\">\n          <slot></slot>\n        </div>\n      </template>\n      <template #footer>\n        <div class=\"footer\">\n          <VbenButton @click=\"$emit('cancel')\">取消</VbenButton>\n          <VbenButton variant=\"primary\" @click=\"$emit('confirm')\"\n            >确认</VbenButton\n          >\n        </div>\n      </template>\n    </Page>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Page, VbenButton } from '@cimom/vben-effects-common-ui';\n\ndefineProps({\n  title: {\n    type: String,\n    default: '自定义组件',\n  },\n});\n\ndefineEmits(['cancel', 'confirm']);\n</script>\n\n<style scoped>\n.my-custom-component {\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  padding: 16px;\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n</style>\n```\n\n## 国际化支持\n\n该包支持国际化，可以与 `@cimom/vben-locales` 包配合使用。\n\n```vue\n<template>\n  <div>\n    <LoginForm :title=\"t('auth.loginTitle')\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { LoginForm } from '@cimom/vben-effects-common-ui';\nimport { useI18n } from '@cimom/vben-locales';\n\nconst { t } = useI18n();\n</script>\n```\n\n## 主题定制\n\n该包支持主题定制，可以与 `@cimom/vben-effects-hooks` 包中的 `useDesignTokens` 配合使用。\n\n```vue\n<template>\n  <div>\n    <VbenButton :style=\"{ backgroundColor: primaryColor }\">\n      自定义主题按钮\n    </VbenButton>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { VbenButton } from '@cimom/vben-effects-common-ui';\nimport { useDesignTokens } from '@cimom/vben-effects-hooks';\n\nconst { primaryColor } = useDesignTokens();\n</script>\n```\n\n## API 参考\n\n### ApiSelect 组件\n\n| 属性         | 类型                   | 默认值    | 说明                |\n| ------------ | ---------------------- | --------- | ------------------- |\n| `api`        | `() => Promise<any[]>` | -         | 获取选项的 API 函数 |\n| `params`     | `object`               | `{}`      | 传递给 API 的参数   |\n| `labelField` | `string`               | `'label'` | 选项标签字段名      |\n| `valueField` | `string`               | `'value'` | 选项值字段名        |\n| `immediate`  | `boolean`              | `true`    | 是否立即加载数据    |\n\n### Captcha 组件\n\n| 属性         | 类型     | 默认值 | 说明       |\n| ------------ | -------- | ------ | ---------- |\n| `width`      | `number` | `120`  | 验证码宽度 |\n| `height`     | `number` | `40`   | 验证码高度 |\n| `codeLength` | `number` | `4`    | 验证码长度 |\n\n### CountTo 组件\n\n| 属性       | 类型      | 默认值 | 说明                 |\n| ---------- | --------- | ------ | -------------------- |\n| `startVal` | `number`  | `0`    | 起始值               |\n| `endVal`   | `number`  | `0`    | 结束值               |\n| `duration` | `number`  | `2000` | 动画持续时间（毫秒） |\n| `autoplay` | `boolean` | `true` | 是否自动播放         |\n| `decimals` | `number`  | `0`    | 小数位数             |\n| `prefix`   | `string`  | `''`   | 前缀                 |\n| `suffix`   | `string`  | `''`   | 后缀                 |\n\n### EllipsisText 组件\n\n| 属性      | 类型      | 默认值 | 说明                   |\n| --------- | --------- | ------ | ---------------------- |\n| `text`    | `string`  | `''`   | 要显示的文本           |\n| `len`     | `number`  | `0`    | 截断长度，0 表示不截断 |\n| `tooltip` | `boolean` | `true` | 是否显示完整文本的提示 |\n\n### Loading 组件\n\n| 属性 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| `loading` | `boolean` | `false` | 是否显示加载状态 |\n| `tip` | `string` | `''` | 加载提示文本 |\n| `size` | `'small' \\| 'default' \\| 'large'` | `'default'` | 加载图标大小 |\n| `absolute` | `boolean` | `false` | 是否使用绝对定位 |\n| `fullscreen` | `boolean` | `false` | 是否全屏显示 |\n\n### Page 组件\n\n| 属性           | 类型      | 默认值  | 说明             |\n| -------------- | --------- | ------- | ---------------- |\n| `title`        | `string`  | `''`    | 页面标题         |\n| `loading`      | `boolean` | `false` | 是否显示加载状态 |\n| `content`      | `string`  | `''`    | 页面内容         |\n| `contentStyle` | `object`  | `{}`    | 内容区域样式     |\n| `contentClass` | `string`  | `''`    | 内容区域类名     |\n| `fixedHeight`  | `boolean` | `true`  | 是否固定高度     |\n| `showFooter`   | `boolean` | `true`  | 是否显示页脚     |\n\n## 注意事项\n\n1. 该包依赖于多个核心组件包，确保它们已正确安装。\n2. 部分组件需要配合特定的 CSS 样式使用，确保已导入相应的样式文件。\n3. 使用 `Loading` 组件的全屏模式时，需要确保在组件卸载时调用 `closeFullLoading` 方法以避免内存泄漏。\n4. 使用 `ApiSelect` 等基于 API 的组件时，需要处理 API 请求可能出现的错误情况。\n\n## 常见问题\n\n### 组件样式不生效\n\n确保已正确导入样式文件，可以在入口文件中全局导入：\n\n```ts\n// main.ts\nimport '@cimom/vben-effects-common-ui/dist/style.css';\n```\n\n### API 组件无法获取数据\n\n检查 API 函数是否正确传递，以及是否处理了异步请求的错误：\n\n```vue\n<template>\n  <ApiSelect :api=\"apiWithErrorHandling\" labelField=\"name\" valueField=\"id\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ApiSelect } from '@cimom/vben-effects-common-ui';\n\nconst apiWithErrorHandling = async () => {\n  try {\n    const result = await fetch('/api/data');\n    return await result.json();\n  } catch (error) {\n    console.error('API error:', error);\n    return [];\n  }\n};\n</script>\n```\n\n### 全屏加载无法关闭\n\n确保在组件卸载前关闭全屏加载：\n\n```vue\n<script setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount } from 'vue';\nimport { useLoading } from '@cimom/vben-effects-common-ui';\n\nconst { openFullLoading, closeFullLoading } = useLoading();\n\nonMounted(() => {\n  openFullLoading();\n});\n\nonBeforeUnmount(() => {\n  closeFullLoading();\n});\n</script>\n```\n","readmeFilename":"README.md"}