feat(element-plus): supports icons (#426)

unplugin · Jun 20, 2022 · f73d45d · f73d45d
1 parent 8c9b114
commit f73d45d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 12 deletions.
diff --git 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
@@ -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
@@ -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]
     ])