From 6ed4f8995808b90638b946acee99a05a03df8499 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Sun, 19 Jun 2022 19:39:00 +0800
Subject: [PATCH] feat(element-plus): supports icons

---
 src/core/resolvers/element-plus.ts                     |  7 +++++++
 test/resolvers/__snapshots__/element-plus.test.ts.snap | 10 ++++------
 test/resolvers/element-plus.test.ts                    |  9 +++------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/core/resolvers/element-plus.ts b/src/core/resolvers/element-plus.ts
index 8b9e4e84..e09856ed 100644
--- a/src/core/resolvers/element-plus.ts
+++ b/src/core/resolvers/element-plus.ts
@@ -85,6 +85,13 @@ function resolveComponent(name: string, options: ElementPlusResolverOptionsResol
   if (!name.match(/^El[A-Z]/))
     return
 
+  if (name.match(/^ElIcon.+/)) {
+    return {
+      name: name.replace(/^ElIcon/, ''),
+      from: '@element-plus/icons-vue',
+    }
+  }
+
   const partialName = kebabCase(name.slice(2))// ElTableColumn -> table-column
   const { version, ssr } = options
 
diff --git a/test/resolvers/__snapshots__/element-plus.test.ts.snap b/test/resolvers/__snapshots__/element-plus.test.ts.snap
index 4728c0b5..f59af7eb 100644
--- a/test/resolvers/__snapshots__/element-plus.test.ts.snap
+++ b/test/resolvers/__snapshots__/element-plus.test.ts.snap
@@ -3,19 +3,17 @@
 exports[`Element Plus Resolver > components and directives should be transformed 1`] = `
 {
   "code": "/* unplugin-vue-components disabled */import { ElLoadingDirective as __unplugin_directives_0 } from 'element-plus/es';import 'element-plus/es/components/loading/style/css';
+import { Apple as __unplugin_components_1 } from '@element-plus/icons-vue';
 import { ElButton as __unplugin_components_0 } from 'element-plus/es';import 'element-plus/es/components/button/style/css';
 
 (_ctx, _cache) => {
   const _component_el_button = __unplugin_components_0
+  const _component_el_icon_apple = __unplugin_components_1
   const _directive_loading = __unplugin_directives_0
 
   return (_openBlock(), _createElementBlock(_Fragment, null, [
-    _createVNode(_component_el_button, null, {
-      default: _withCtx(() => [
-        _hoisted_1
-      ]),
-      _: 1 /* STABLE */
-    }),
+    _createVNode(_component_el_button),
+    _createVNode(_component_el_icon_apple),
     _withDirectives(_createElementVNode(\\"div\\", null, null, 512 /* NEED_PATCH */), [
       [_directive_loading, true]
     ])
diff --git a/test/resolvers/element-plus.test.ts b/test/resolvers/element-plus.test.ts
index 0e0cb696..a8ce6032 100644
--- a/test/resolvers/element-plus.test.ts
+++ b/test/resolvers/element-plus.test.ts
@@ -7,15 +7,12 @@ describe('Element Plus Resolver', () => {
     const code = `
 (_ctx, _cache) => {
   const _component_el_button = _resolveComponent("el-button")
+  const _component_el_icon_apple = _resolveComponent("el-icon-apple")
   const _directive_loading = _resolveDirective("loading")
 
   return (_openBlock(), _createElementBlock(_Fragment, null, [
-    _createVNode(_component_el_button, null, {
-      default: _withCtx(() => [
-        _hoisted_1
-      ]),
-      _: 1 /* STABLE */
-    }),
+    _createVNode(_component_el_button),
+    _createVNode(_component_el_icon_apple),
     _withDirectives(_createElementVNode("div", null, null, 512 /* NEED_PATCH */), [
       [_directive_loading, true]
     ])