unplugin-vue-components 0.18.4 → 0.18.5

package/dist/resolvers.d.ts

@@ -206,6 +206,13 @@ interface VantResolverOptions {
 declare function VantResolver(options?: VantResolverOptions): ComponentResolver;
 
 interface VarletUIResolverOptions {
+    /**
+     * support vue version
+     * vue3 use @varlet/ui, vue2 use @varlet-vue2/ui
+     *
+     * @default 'vue3'
+     */
+    version?: 'vue3' | 'vue2';
     /**
      * import style along with components
      *
@@ -231,7 +238,8 @@ declare function getResolved(name: string, options: VarletUIResolverOptions): Co
 /**
  * Resolver for VarletUI
  *
- * @link https://github.com/haoziqaq/varlet
+ * @link https://github.com/varletjs/varlet
+ * @link https://github.com/varletjs/varlet-vue2
  */
 declare function VarletUIResolver(options?: VarletUIResolverOptions): ComponentResolver[];
 
@@ -352,6 +360,12 @@ interface ArcoResolverOptions {
      * @default false
      */
     resolveIcons?: boolean;
+    /**
+     * Control style automatic import
+     *
+     * @default true
+     */
+    sideEffect?: boolean;
 }
 /**
  * Resolver for Arco Design Vue

package/dist/resolvers.js

@@ -2532,17 +2532,19 @@ function getResolved(name, options) {
   const {
     importStyle = "css",
     importCss = true,
-    importLess
+    importLess,
+    version = "vue3"
   } = options;
+  const path = version === "vue2" ? "@varlet-vue2/ui" : "@varlet/ui";
   const sideEffects = [];
   if (importStyle || importCss) {
     if (importStyle === "less" || importLess)
-      sideEffects.push(`@varlet/ui/es/${_chunkI3PYM4HQjs.kebabCase.call(void 0, name)}/style/less.js`);
+      sideEffects.push(`${path}/es/${_chunkI3PYM4HQjs.kebabCase.call(void 0, name)}/style/less.js`);
     else
-      sideEffects.push(`@varlet/ui/es/${_chunkI3PYM4HQjs.kebabCase.call(void 0, name)}/style`);
+      sideEffects.push(`${path}/es/${_chunkI3PYM4HQjs.kebabCase.call(void 0, name)}/style`);
   }
   return {
-    path: "@varlet/ui",
+    path,
     importName: `_${name}Component`,
     sideEffects
   };
@@ -2720,14 +2722,17 @@ function VueUseComponentsResolver() {
 }
 
 // src/core/resolvers/quasar.ts
+var _fs = require('fs');
+var _localpkg = require('local-pkg');
 function QuasarResolver() {
+  let components5 = [];
   return {
     type: "component",
-    resolve: (name) => {
-      let components5 = [];
-      try {
-        components5 = _chunkI3PYM4HQjs.__require.call(void 0, "quasar/dist/transforms/api-list.json");
-      } catch (e) {
+    resolve: async (name) => {
+      if (!components5.length) {
+        const quasarApiListPath = _localpkg.resolveModule.call(void 0, "quasar/dist/transforms/api-list.json");
+        if (quasarApiListPath)
+          components5 = JSON.parse(await _fs.promises.readFile(quasarApiListPath, "utf-8"));
       }
       if (components5.includes(name))
         return { importName: name, path: "quasar" };
@@ -2892,6 +2897,10 @@ var matchComponents3 = [
   {
     pattern: /^(TypographyParagraph|TypographyTitle|TypographyText)$/,
     componentDir: "typography"
+  },
+  {
+    pattern: /^DescriptionsItem$/,
+    componentDir: "descriptions"
   }
 ];
 function getComponentStyleDir(importName, importStyle) {
@@ -2923,11 +2932,13 @@ function ArcoResolver(options = {}) {
       if (name.match(/^A[A-Z]/)) {
         const importStyle = (_a = options.importStyle) != null ? _a : "css";
         const importName = name.slice(1);
-        return {
+        const config = {
           importName,
-          path: "@arco-design/web-vue",
-          sideEffects: getComponentStyleDir(importName, importStyle)
+          path: "@arco-design/web-vue"
         };
+        if (options.sideEffect !== false)
+          config.sideEffects = getComponentStyleDir(importName, importStyle);
+        return config;
       }
     }
   };

package/dist/resolvers.mjs

@@ -2532,17 +2532,19 @@ function getResolved(name, options) {
   const {
     importStyle = "css",
     importCss = true,
-    importLess
+    importLess,
+    version = "vue3"
   } = options;
+  const path = version === "vue2" ? "@varlet-vue2/ui" : "@varlet/ui";
   const sideEffects = [];
   if (importStyle || importCss) {
     if (importStyle === "less" || importLess)
-      sideEffects.push(`@varlet/ui/es/${kebabCase(name)}/style/less.js`);
+      sideEffects.push(`${path}/es/${kebabCase(name)}/style/less.js`);
     else
-      sideEffects.push(`@varlet/ui/es/${kebabCase(name)}/style`);
+      sideEffects.push(`${path}/es/${kebabCase(name)}/style`);
   }
   return {
-    path: "@varlet/ui",
+    path,
     importName: `_${name}Component`,
     sideEffects
   };
@@ -2720,14 +2722,17 @@ function VueUseComponentsResolver() {
 }
 
 // src/core/resolvers/quasar.ts
+import { promises as fs } from "fs";
+import { resolveModule } from "local-pkg";
 function QuasarResolver() {
+  let components5 = [];
   return {
     type: "component",
-    resolve: (name) => {
-      let components5 = [];
-      try {
-        components5 = __require("quasar/dist/transforms/api-list.json");
-      } catch (e) {
+    resolve: async (name) => {
+      if (!components5.length) {
+        const quasarApiListPath = resolveModule("quasar/dist/transforms/api-list.json");
+        if (quasarApiListPath)
+          components5 = JSON.parse(await fs.readFile(quasarApiListPath, "utf-8"));
       }
       if (components5.includes(name))
         return { importName: name, path: "quasar" };
@@ -2892,6 +2897,10 @@ var matchComponents3 = [
   {
     pattern: /^(TypographyParagraph|TypographyTitle|TypographyText)$/,
     componentDir: "typography"
+  },
+  {
+    pattern: /^DescriptionsItem$/,
+    componentDir: "descriptions"
   }
 ];
 function getComponentStyleDir(importName, importStyle) {
@@ -2923,11 +2932,13 @@ function ArcoResolver(options = {}) {
       if (name.match(/^A[A-Z]/)) {
         const importStyle = (_a = options.importStyle) != null ? _a : "css";
         const importName = name.slice(1);
-        return {
+        const config = {
           importName,
-          path: "@arco-design/web-vue",
-          sideEffects: getComponentStyleDir(importName, importStyle)
+          path: "@arco-design/web-vue"
         };
+        if (options.sideEffect !== false)
+          config.sideEffects = getComponentStyleDir(importName, importStyle);
+        return config;
       }
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unplugin-vue-components",
-  "version": "0.18.4",
+  "version": "0.18.5",
   "description": "Components auto importing for Vue",
   "homepage": "https://github.com/antfu/unplugin-vue-components",
   "bugs": "https://github.com/antfu/unplugin-vue-components/issues",