feat(varlet-ui): support styleExtname option (#740)

Author: RSS1102

src/core/resolvers/varlet-ui.ts

@@ -17,6 +17,13 @@ export interface VarletUIResolverOptions {
    */
   importStyle?: boolean | 'css' | 'less'
 
+  /**
+   * style entry file extname
+   *
+   * @default '.mjs'
+   */
+  styleExtname?: string
+
   /**
    * auto import for directives
    *
@@ -50,6 +57,7 @@ export function getResolved(name: string, options: VarletUIResolverOptions): Com
     importStyle = 'css',
     importCss = true,
     importLess,
+    styleExtname = '.mjs',
     autoImport = false,
     version = 'vue3',
   } = options
@@ -61,7 +69,7 @@ export function getResolved(name: string, options: VarletUIResolverOptions): Com
     if (importStyle === 'less' || importLess)
       sideEffects.push(`${path}/es/${kebabCase(name)}/style/less`)
     else
-      sideEffects.push(`${path}/es/${kebabCase(name)}/style/index`)
+      sideEffects.push(`${path}/es/${kebabCase(name)}/style/index${styleExtname}`)
   }
 
   return {