fix: handling components without styles for ElementPlusResolver (unplugin#468)

dblazhkun · web-flow · commit bc84c88e29a4 · 2022-07-19T20:04:37.000+08:00
diff --git a/src/core/resolvers/element-plus.ts b/src/core/resolvers/element-plus.ts
@@ -145,6 +145,8 @@ function resolveDirective(name: string, options: ElementPlusResolverOptionsResol
   }
 }
 
+const noStylesComponent = ['ElAutoResizer']
+
 /**
  * Resolver for Element Plus
  *
@@ -178,7 +180,11 @@ export function ElementPlusResolver(
     {
       type: 'component',
       resolve: async (name: string) => {
-        return resolveComponent(name, await resolveOptions())
+        const options = await resolveOptions()
+
+        if (noStylesComponent.includes(name))
+          return resolveComponent(name, { ...options, importStyle: false })
+        else return resolveComponent(name, options)
       },
     },
     {

Original file line number	Diff line number	Diff line change
`@@ -145,6 +145,8 @@ function resolveDirective(name: string, options: ElementPlusResolverOptionsResol`
`145`	`145`	`}`
`146`	`146`	`}`
`147`	`147`
	`148`	`+const noStylesComponent = ['ElAutoResizer']`
	`149`	`+`
`148`	`150`	`/**`
`149`	`151`	`* Resolver for Element Plus`
`150`	`152`	`*`
`@@ -178,7 +180,11 @@ export function ElementPlusResolver(`
`178`	`180`	`{`
`179`	`181`	`type: 'component',`
`180`	`182`	`resolve: async (name: string) => {`
`181`		`- return resolveComponent(name, await resolveOptions())`
	`183`	`+ const options = await resolveOptions()`
	`184`	`+`
	`185`	`+ if (noStylesComponent.includes(name))`
	`186`	`+ return resolveComponent(name, { ...options, importStyle: false })`
	`187`	`+ else return resolveComponent(name, options)`
`182`	`188`	`},`
`183`	`189`	`},`
`184`	`190`	`{`