{"_id":"@cimom/vben-core-icons","_rev":"9-045a2d3f072497bd4698dc6c4ff6e385","name":"@cimom/vben-core-icons","dist-tags":{"latest":"5.6.4"},"versions":{"5.5.6":{"name":"@cimom/vben-core-icons","version":"5.5.6","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@5.5.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":"97308ab5e0e27f4cddd915aae2314426885c4f60","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.5.6.tgz","fileCount":4,"integrity":"sha512-uod8Ob/Em9JbXchAttT6JC1/0lXjACLa+tO2W142rtEsytUsh4RSi7g+HiCUmy5lVawpJFe0CCR/q/XHZsYlSg==","signatures":[{"sig":"MEQCIGUSc8FH6MZF5PmownyvhDIe4OM51heujhR+SRbZk9taAiAITsdnmBe74dE2O+hXI96VwrAU4UmYRFuSRTEqXGvTTQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4900},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./src/index.ts","default":"./dist/index.mjs","development":"./src/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/@vben-core/base/icons"},"_npmVersion":"10.5.1","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}}},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.5.6_1748308881184_0.13592235959455","host":"s3://npm-registry-packages-npm-production"}},"5.5.9":{"name":"@cimom/vben-core-icons","version":"5.5.9","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"729907b5795a88969dbab103421ec42a5b2e1a17","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.5.9.tgz","fileCount":5,"integrity":"sha512-w/BWgoeMxZhkWHbQt5p1UKPJfY+RUkJmln+USMPauoYFKUpqMb2bW8maJFRU0ZcS4akvCIrCTkZz+iPrd74Zng==","signatures":[{"sig":"MEYCIQCSAF766ZNO/m+vMWudMR6bB88stxsX+pMke3/VO+5K2AIhAPYEga3IKbAqiUvnrEZtVyWv6S0GMdE1f2A0KHPFWc4X","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14766},"main":"./dist/index.mjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./src/index.ts","default":"./dist/index.mjs","development":"./src/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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}}},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.5.9_1748391248242_0.10610345330354432","host":"s3://npm-registry-packages-npm-production"}},"5.5.12":{"name":"@cimom/vben-core-icons","version":"5.5.12","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"98c49869cd1f8a673fa072f15dc7159f23ae41c9","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.5.12.tgz","fileCount":5,"integrity":"sha512-HQT4SddlNsD55HGUduDFlUBZsyuZVPKkGFXuw9hEXCGZrJUcgum80onPRQcGmq0K0iNqvn9skpa/A4AlVsVceQ==","signatures":[{"sig":"MEUCIHh4XTAE5lzpX/HtzY6zIsI196gq3EMJajx2S089/JgLAiEA9qRRnxUSqWxb/O9UbnYrP13fHReijIuzdn68YQ2oFEQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14610},"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"}},"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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.5.12_1748505315254_0.17942300654322296","host":"s3://npm-registry-packages-npm-production"}},"5.6.0":{"name":"@cimom/vben-core-icons","version":"5.6.0","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"db50d042c9ef7c10904ddcf9b7cf7c57a7cbc9d4","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.6.0.tgz","fileCount":4,"integrity":"sha512-FP86q2Wow9kbhZ+MFrzLyIcQIeSWa0lQ++J+rcknPCaxwXG+2SExNy1p/G9BOOy9lE2z3jj4tawkzBnvbBAwMw==","signatures":[{"sig":"MEUCIQDbzJmz+FoJXO8rEtAlFjOecds/NCkNknDiR1rOlg4kKwIgYlXPY1hpjpPyICQ0W4ECtwm5Z4VHkTJLVbvGu3sOlMA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4745},"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"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","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/@vben-core/base/icons"},"_npmVersion":"10.5.1","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.6.0_1749428570669_0.5913695445471976","host":"s3://npm-registry-packages-npm-production"}},"5.6.1":{"name":"@cimom/vben-core-icons","version":"5.6.1","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"a41d82aab13711584a4b46c6b54dd826d07569a8","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.6.1.tgz","fileCount":5,"integrity":"sha512-FQQEDO8xEHBRnEqzaeBONJM0FeNyHFFWGFjNs36BMMBoF9bawT+42yxAzrmW86TTJ3CE3gpF2ra3Hh2/xZQfGA==","signatures":[{"sig":"MEQCIEUNK5PEPBLSoOZyQ6d+zxll74Jh3NedCZYH/JLAg+tvAiAaCY2Rm+xPyWHFimA8y9n/QLId1xA80W3cqXG0ako+/g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14611},"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"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.6.1_1749440477612_0.508806320502434","host":"s3://npm-registry-packages-npm-production"}},"5.6.2":{"name":"@cimom/vben-core-icons","version":"5.6.2","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"7c32cc9279d8d066cf4b1d545226341cd67b7d24","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.6.2.tgz","fileCount":2,"integrity":"sha512-XZwBkrF51I+v2CGhbi1YdRscB/jQNF3B8gl0TcQvbEH/RawnrZNUF4jr9mFnR9dyGH9RnhMeFPxXpnjuNgyEQA==","signatures":[{"sig":"MEYCIQCr82jRFo6EnxL0Y6SivcVnnzAitvZN7pQ3gnjst3gu5QIhAM2QnhCdIszl8+NJMggBndtUkSBh7chYVRejvWMgu8VE","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10745},"main":"./dist/index.mjs","type":"module","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.6.2_1749456217265_0.5643479835720047","host":"s3://npm-registry-packages-npm-production"}},"5.6.3":{"name":"@cimom/vben-core-icons","version":"5.6.3","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"e7adc315e02989c24b869f48fc1a01ea8a80bc73","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.6.3.tgz","fileCount":5,"integrity":"sha512-wHLAGeyrH60+s9yROxYQcjtc4rhCO22XiNHKx0qXBeH8saOI3BiDiNRhMSYyn4mXYeVRx124MuX/Gcs1xPXnhw==","signatures":[{"sig":"MEUCIQDYpMu1vFgXMqAZKX4/NhU3rf9S9d5oDfhvZfejrngCzgIgcCJcmhpOxRvwuCJ3PAHB7qPXcruCaTF1AtBgcbYUu4k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":14611},"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"}},"gitHead":"24e92c6254ccf3ebf0a31fecdee560339ed47e46","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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.6.3_1749460847884_0.6451902065885609","host":"s3://npm-registry-packages-npm-production"}},"5.6.4":{"name":"@cimom/vben-core-icons","version":"5.6.4","author":{"name":"Andy Huang","email":"57237184@qq.com"},"license":"MIT","_id":"@cimom/vben-core-icons@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":"dcfd3a073fad2c62a78c15ff888c300ed087594e","tarball":"https://registry.npmjs.org/@cimom/vben-core-icons/-/vben-core-icons-5.6.4.tgz","fileCount":8,"integrity":"sha512-1xocv1tgwEbdjrzeU9wTwW3DMHyX+XxOIOBo9yeFz9z4MZLyOIQ9IWcska7pQ+RpV6fUfFZ7mT/7fJYkFPrWgA==","signatures":[{"sig":"MEYCIQCz3Y7CvSAh9djrPR7N4pInLyn0AmOwX/DO7tOrLI59TQIhALBLRRBiW8Zi4V6Cs3E9cmabd6PQ3iW9q+Z8pPf6T+73","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":16094},"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"}},"gitHead":"4658e451554fb07b03bcd870c1694010f7362c31","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/@vben-core/base/icons"},"_npmVersion":"10.5.1","description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","directories":{},"_nodeVersion":"22.0.0","dependencies":{"vue":"^3.5.13","@iconify/vue":"^5.0.0","lucide-vue-next":"^0.507.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/vben-core-icons_5.6.4_1749566732785_0.34241981684622114","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-05-27T01:21:21.078Z","modified":"2026-01-14T01:37:29.825Z","5.5.6":"2025-05-27T01:21:21.427Z","5.5.9":"2025-05-28T00:14:08.418Z","5.5.12":"2025-05-29T07:55:15.426Z","5.6.0":"2025-06-09T00:22:50.845Z","5.6.1":"2025-06-09T03:41:17.814Z","5.6.2":"2025-06-09T08:03:37.455Z","5.6.3":"2025-06-09T09:20:48.062Z","5.6.4":"2025-06-10T14:45:32.952Z"},"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/base/icons"},"description":"该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。","maintainers":[{"email":"msj1370380114@gmail.com","name":"moushangjie"},{"email":"57237184@qq.com","name":"hdeqi2005"},{"email":"6983376@qq.com","name":"xxcazzy"}],"readme":"# @cimom/vben-core-icons\n\n该包提供了 Vue Vben Admin 项目的核心图标系统，集成了 Iconify 和 Lucide 图标库，并提供了便捷的图标创建和使用工具。它是整个项目图标系统的基础，确保了图标使用的一致性和可扩展性。\n\n## 安装\n\n```bash\npnpm add @cimom/vben-core-icons\n```\n\n## 基本使用\n\n### 使用 Iconify 图标\n\n```vue\n<template>\n  <div>\n    <!-- 直接使用 IconifyIcon 组件 -->\n    <IconifyIcon icon=\"mdi:home\" />\n\n    <!-- 带样式的图标 -->\n    <IconifyIcon\n      icon=\"mdi:account\"\n      :style=\"{ color: 'blue', fontSize: '24px' }\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { IconifyIcon } from '@cimom/vben-core-icons';\n</script>\n```\n\n### 使用 Lucide 图标\n\n```vue\n<template>\n  <div>\n    <!-- 使用 Lucide 图标 -->\n    <Menu />\n    <Bell />\n    <CircleAlert />\n\n    <!-- 带属性的 Lucide 图标 -->\n    <Info size=\"24\" color=\"blue\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Menu, Bell, CircleAlert, Info } from '@cimom/vben-core-icons';\n</script>\n```\n\n### 创建自定义图标组件\n\n```vue\n<template>\n  <div>\n    <HomeIcon />\n    <SettingsIcon />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { createIconifyIcon } from '@cimom/vben-core-icons';\n\n// 创建自定义图标组件\nconst HomeIcon = createIconifyIcon('mdi:home');\nconst SettingsIcon = createIconifyIcon('mdi:cog');\n</script>\n```\n\n## API 参考\n\n### IconifyIcon 组件\n\n基于 `@iconify/vue` 的 `Icon` 组件，用于显示 Iconify 图标。\n\n#### 属性\n\n| 属性名 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| `icon` | `string \\| IconifyIconStructure` | - | 图标名称或图标数据对象 |\n| `width` | `string \\| number` | `1em` | 图标宽度 |\n| `height` | `string \\| number` | `1em` | 图标高度 |\n| `color` | `string` | - | 图标颜色 |\n| `flip` | `'horizontal' \\| 'vertical' \\| 'horizontal,vertical'` | - | 图标翻转方向 |\n| `rotate` | `number \\| string` | - | 图标旋转角度 |\n| `inline` | `boolean` | `false` | 是否为内联图标 |\n\n### Lucide 图标组件\n\n从 `lucide-vue-next` 导出的图标组件，可以直接使用。\n\n#### 属性\n\n| 属性名 | 类型 | 默认值 | 说明 |\n| --- | --- | --- | --- |\n| `size` | `string \\| number` | `24` | 图标大小 |\n| `color` | `string` | `currentColor` | 图标颜色 |\n| `strokeWidth` | `string \\| number` | `2` | 线条宽度 |\n| `absoluteStrokeWidth` | `boolean` | `false` | 是否使用绝对线条宽度 |\n\n### 工具函数\n\n#### createIconifyIcon\n\n创建基于 Iconify 的图标组件。\n\n```ts\nfunction createIconifyIcon(icon: string): Component;\n```\n\n#### addIcon\n\n添加自定义图标到 Iconify 库。\n\n```ts\nfunction addIcon(name: string, data: IconifyIconStructure): boolean;\n```\n\n#### addCollection\n\n添加图标集合到 Iconify 库。\n\n```ts\nfunction addCollection(data: IconifyJSON, prefix?: string): boolean;\n```\n\n#### listIcons\n\n列出已加载的图标。\n\n```ts\nfunction listIcons(provider?: string, prefix?: string): string[];\n```\n\n## 可用的 Lucide 图标\n\n该包导出了以下 Lucide 图标组件：\n\n- `ArrowDown` - 向下箭头\n- `ArrowLeft` - 向左箭头\n- `ArrowLeftToLine` - 向左到线箭头\n- `ArrowRightLeft` - 左右箭头\n- `ArrowRightToLine` - 向右到线箭头\n- `ArrowUp` - 向上箭头\n- `ArrowUpToLine` - 向上到线箭头\n- `Bell` - 铃铛\n- `BookOpenText` - 打开的书\n- `Check` - 勾选\n- `ChevronDown` - 向下箭头（细）\n- `ChevronLeft` - 向左箭头（细）\n- `ChevronRight` - 向右箭头（细）\n- `ChevronsLeft` - 双向左箭头\n- `ChevronsRight` - 双向右箭头\n- `Circle` - 圆形\n- `CircleAlert` - 警告圆形\n- `CircleCheckBig` - 大勾选圆形\n- `CircleHelp` - 帮助圆形\n- `CircleX` - 关闭圆形\n- `Copy` - 复制\n- `CornerDownLeft` - 左下角\n- `Ellipsis` - 省略号\n- `Expand` - 展开\n- `ExternalLink` - 外部链接\n- `Eye` - 眼睛（显示）\n- `EyeOff` - 闭眼（隐藏）\n- `FoldHorizontal` - 水平折叠\n- `Fullscreen` - 全屏\n- `Github` - GitHub 图标\n- `Grip` - 抓取\n- `GripVertical` - 垂直抓取\n- `IconDefault` - 默认图标\n- `Info` - 信息\n- `InspectionPanel` - 检查面板\n- `Languages` - 语言\n- `LoaderCircle` - 加载圆圈\n- `LockKeyhole` - 锁\n- `LogOut` - 登出\n- `MailCheck` - 邮件检查\n- `Maximize` - 最大化\n- `MdiMenuClose` - 菜单关闭\n- `MdiMenuOpen` - 菜单打开\n- `Menu` - 菜单\n- `Minimize` - 最小化\n- `Minimize2` - 最小化（另一种）\n- `MoonStar` - 月亮星星（暗色模式）\n- `Palette` - 调色板\n- `PanelLeft` - 左侧面板\n- `PanelRight` - 右侧面板\n- `Pencil` - 铅笔（编辑）\n- `Plus` - 加号\n- `RefreshCcw` - 刷新\n- `Save` - 保存\n- `Search` - 搜索\n- `Settings` - 设置\n- `Slash` - 斜杠\n- `SlidersHorizontal` - 水平滑块\n- `Sun` - 太阳（亮色模式）\n- `Trash` - 垃圾桶（删除）\n- `User` - 用户\n- `X` - 关闭\n\n## 高级用法\n\n### 动态加载图标\n\n```ts\nimport { addIcon, IconifyIcon } from '@cimom/vben-core-icons';\nimport { ref } from 'vue';\n\n// 动态加载图标\nconst iconName = 'custom:my-icon';\nconst iconLoaded = ref(false);\n\n// 添加自定义图标\naddIcon(iconName, {\n  body: '<path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z\"/>',\n  width: 24,\n  height: 24,\n});\n\niconLoaded.value = true;\n```\n\n### 创建图标选择器组件\n\n```vue\n<template>\n  <div class=\"icon-selector\">\n    <div class=\"icon-selector__search\">\n      <input v-model=\"searchText\" placeholder=\"搜索图标...\" />\n    </div>\n    <div class=\"icon-selector__list\">\n      <div\n        v-for=\"icon in filteredIcons\"\n        :key=\"icon\"\n        class=\"icon-selector__item\"\n        @click=\"selectIcon(icon)\"\n      >\n        <IconifyIcon :icon=\"icon\" />\n        <span>{{ icon }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport { IconifyIcon, listIcons } from '@cimom/vben-core-icons';\n\nconst props = defineProps({\n  value: {\n    type: String,\n    default: '',\n  },\n});\n\nconst emit = defineEmits(['update:value', 'select']);\n\nconst searchText = ref('');\n\n// 获取所有可用图标\nconst allIcons = listIcons();\n\n// 过滤图标\nconst filteredIcons = computed(() => {\n  if (!searchText.value) {\n    return allIcons;\n  }\n  return allIcons.filter((icon) =>\n    icon.toLowerCase().includes(searchText.value.toLowerCase()),\n  );\n});\n\n// 选择图标\nfunction selectIcon(icon: string) {\n  emit('update:value', icon);\n  emit('select', icon);\n}\n</script>\n\n<style scoped>\n.icon-selector {\n  width: 100%;\n  border: 1px solid #e8e8e8;\n  border-radius: 4px;\n}\n\n.icon-selector__search {\n  padding: 8px;\n  border-bottom: 1px solid #e8e8e8;\n}\n\n.icon-selector__search input {\n  width: 100%;\n  padding: 8px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.icon-selector__list {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));\n  gap: 8px;\n  padding: 8px;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.icon-selector__item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 8px;\n  border: 1px solid #e8e8e8;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n\n.icon-selector__item:hover {\n  border-color: #1890ff;\n  color: #1890ff;\n}\n\n.icon-selector__item span {\n  margin-top: 4px;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  width: 100%;\n  text-align: center;\n}\n</style>\n```\n\n### 图标与主题集成\n\n```vue\n<template>\n  <div>\n    <ThemeIcon />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { Sun, MoonStar } from '@cimom/vben-core-icons';\nimport { usePreferences } from '@cimom/vben-preferences';\n\nconst { preferences, updatePreferences } = usePreferences();\n\n// 根据当前主题动态显示图标\nconst ThemeIcon = computed(() => {\n  return preferences.theme === 'dark' ? Sun : MoonStar;\n});\n\n// 切换主题\nfunction toggleTheme() {\n  updatePreferences({\n    theme: preferences.theme === 'dark' ? 'light' : 'dark',\n  });\n}\n</script>\n```\n\n## 与其他包的关系\n\n- **@cimom/vben-icons**: 基于此包构建，提供了更高级别的图标封装和组织。\n- **@cimom/vben-core-ui-kit**: 使用此包的图标系统构建 UI 组件。\n- **@cimom/vben-preferences**: 可以通过偏好设置来动态切换图标主题。\n\n## 注意事项\n\n1. 该包主要提供图标系统的基础，不包含具体的图标组织和分类。\n2. 使用 Iconify 图标时，需要确保图标名称正确，否则将无法显示。\n3. 为了优化性能，建议只导入需要使用的 Lucide 图标，而不是全部导入。\n\n## 常见问题\n\n### 图标不显示\n\n确保图标名称正确，并且已经正确安装和导入了相关依赖：\n\n```ts\n// 检查图标是否存在\nimport { listIcons } from '@cimom/vben-core-icons';\n\nconst allIcons = listIcons();\nconsole.log('可用图标:', allIcons);\n```\n\n### 自定义图标\n\n如果需要使用自定义 SVG 图标，可以通过 `addIcon` 函数添加：\n\n```ts\nimport { addIcon, IconifyIcon } from '@cimom/vben-core-icons';\n\n// 添加自定义图标\naddIcon('custom:logo', {\n  body: '<path d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"/>',\n  width: 24,\n  height: 24\n});\n\n// 使用自定义图标\n<IconifyIcon icon=\"custom:logo\" />\n```\n\n### 图标大小和颜色\n\nIconify 和 Lucide 图标的大小和颜色可以通过属性或 CSS 设置：\n\n```vue\n<template>\n  <!-- 通过属性设置 -->\n  <IconifyIcon icon=\"mdi:home\" width=\"32\" height=\"32\" color=\"red\" />\n\n  <!-- 通过 CSS 设置 -->\n  <IconifyIcon icon=\"mdi:home\" class=\"custom-icon\" />\n\n  <!-- Lucide 图标 -->\n  <Menu size=\"32\" color=\"blue\" stroke-width=\"1.5\" />\n</template>\n\n<style>\n.custom-icon {\n  font-size: 32px;\n  color: red;\n}\n</style>\n```\n","readmeFilename":"README.md"}