feat: add element ui icon

sukbearai · Dec 20, 2024 · 8a98628 · 8a98628
1 parent d2c1410
commit 8a98628
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 3 deletions.
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -45,6 +45,7 @@
     "uno-watch": "unocss -w"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
     "@suwujs/preset": "workspace:*",
     "@suwujs/utils": "workspace:*",
     "element-plus": "catalog:"

diff --git a/packages/ui/src/components/XElButtonGroups/index.vue b/packages/ui/src/components/XElButtonGroups/index.vue
@@ -12,7 +12,7 @@ defineProps(xElButtonGroupsProps)
 <template>
   <div class="mb-4">
     <ElButton>Default</ElButton>
-    <ElButton type="primary">
+    <ElButton type="primary" icon="download">
       Primary
     </ElButton>
     <ElButton type="success">

diff --git a/packages/ui/src/plugin.ts b/packages/ui/src/plugin.ts
@@ -1,4 +1,5 @@
 import type { App, Plugin } from 'vue'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import { version } from '../package.json'
 
 const INSTALLED_KEY = Symbol('X_DEV_TOOLS_UI_Installed')
@@ -8,6 +9,11 @@ export function createInstaller(components: Plugin[] = []) {
     if ((app as any)[INSTALLED_KEY])
       return
 
+    // Install ElementPlusIconsVue
+    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+      app.component(key, component)
+    }
+
     (app as any)[INSTALLED_KEY] = true
     components.forEach(c => app.use(c))
   }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml