feat(ant-design-vue): support css-in-js import style (#703)

JohnsonHuang4396 · antfu · 黄启浩 · web-flow · commit 5d533b1187e0 · 2024-05-01T08:38:34.000+02:00
Co-authored-by: Anthony Fu &lt;anthonyfu117@hotmail.com&gt;
Co-authored-by: 黄启浩 &lt;huangqh@xianghe.com&gt;
Co-authored-by: JohnsonHuang &lt;huangqihao@xh-online.com&gt;
diff --git a/src/core/resolvers/antdv.ts b/src/core/resolvers/antdv.ts
@@ -224,7 +224,7 @@ export interface AntDesignVueResolverOptions {
    *
    * @default 'css'
    */
-  importStyle?: boolean | 'css' | 'less'
+  importStyle?: boolean | 'css' | 'less' | 'css-in-js'
   /**
    * resolve `ant-design-vue' icons
    *
@@ -288,7 +288,7 @@ function getSideEffects(compName: string, options: AntDesignVueResolverOptions):
   const lib = options.cjs ? 'lib' : 'es'
   const packageName = options?.packageName || 'ant-design-vue'
 
-  if (importStyle === 'less' || importLess) {
+  if (importStyle === 'less' || importStyle === 'css-in-js' || importLess) {
     const styleDir = getStyleDir(compName)
     return `${packageName}/${lib}/${styleDir}/style`
   }

Original file line number	Diff line number	Diff line change
`@@ -224,7 +224,7 @@ export interface AntDesignVueResolverOptions {`
`224`	`224`	`*`
`225`	`225`	`* @default 'css'`
`226`	`226`	`*/`
`227`		`- importStyle?: boolean \| 'css' \| 'less'`
	`227`	`+ importStyle?: boolean \| 'css' \| 'less' \| 'css-in-js'`
`228`	`228`	`/**`
`229`	`229`	* resolve `ant-design-vue' icons
`230`	`230`	`*`
`@@ -288,7 +288,7 @@ function getSideEffects(compName: string, options: AntDesignVueResolverOptions):`
`288`	`288`	`const lib = options.cjs ? 'lib' : 'es'`
`289`	`289`	`const packageName = options?.packageName \|\| 'ant-design-vue'`
`290`	`290`
`291`		`- if (importStyle === 'less' \|\| importLess) {`
	`291`	`+ if (importStyle === 'less' \|\| importStyle === 'css-in-js' \|\| importLess) {`
`292`	`292`	`const styleDir = getStyleDir(compName)`
`293`	`293`	return `${packageName}/${lib}/${styleDir}/style`
`294`	`294`	`}`