feat: element-ui resolver (#102)

Co-authored-by: Anthony Fu <[email protected]>

Author: nabaonan

src/resolvers/element-ui.ts

@@ -0,0 +1,55 @@
+import {
+  ComponentResolver,
+  SideEffectsInfo,
+} from '../types'
+import { kebabCase } from '../utils'
+
+export interface ElementUiResolverOptions {
+  /**
+   * import style css or sass with components
+   *
+   * @default 'css'
+   */
+  importStyle?: boolean | 'css' | 'sass'
+}
+
+function getSideEffects(
+  partialName: string,
+  options: ElementUiResolverOptions,
+): SideEffectsInfo | undefined {
+  const { importStyle = 'css' } = options
+
+  if (!importStyle)
+    return
+
+  if (importStyle === 'sass') {
+    return [
+      'element-ui/packages/theme-chalk/src/base.scss',
+      `element-ui/packages/theme-chalk/src/${partialName}.scss`,
+    ]
+  }
+  else {
+    return [
+      'element-ui/lib/theme-chalk/base.css',
+      `element-ui/lib/theme-chalk/${partialName}.css`,
+    ]
+  }
+}
+
+/**
+ * Resolver for Element-UI
+ * @link https://element.eleme.cn/#/zh-CN
+ * @version @element-ui ^2.15.3, @vue ^2.6.14
+ * @author @nabaonan
+ */
+export const ElementUiResolver = (options: ElementUiResolverOptions = {}): ComponentResolver =>
+  (name: string) => {
+    if (name.startsWith('El')) {
+      const compName = name.slice(2)
+      const partialName = kebabCase(compName)
+      return {
+        path: `element-ui/lib/${partialName}`,
+        sideEffects: getSideEffects(partialName, options),
+      }
+    }
+  }

src/resolvers/index.ts

@@ -6,5 +6,6 @@ export * from './vuetify'
 export * from './vueuse'
 export * from './naive-ui'
 export * from './varlet-ui'
+export * from './element-ui'
 export * from './prime-vue'
 export * from './view-ui'

src/types.ts

@@ -6,8 +6,10 @@ export interface ImportInfo {
   path: string
 }
 
+export type SideEffectsInfo = (ImportInfo | string)[] | ImportInfo | string
+
 export interface ComponentInfo extends ImportInfo {
-  sideEffects?: (ImportInfo | string)[] | ImportInfo | string
+  sideEffects?: SideEffectsInfo
 }
 
 export type ComponentResolveResult = string | ComponentInfo