unplugin-vue-components - npm Package Compare versions

Comparing version 0.22.7 to 0.22.8

dist/esbuild.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
+require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -9,3 +9,3 @@ require('./chunk-6F4PWJZI.js');
 // src/esbuild.ts
-var esbuild_default = _chunk22OCYU7Cjs.unplugin_default.esbuild;
+var esbuild_default = _chunkALMYXVCOjs.unplugin_default.esbuild;
 
@@ -12,0 +12,0 @@

dist/index.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
 
@@ -8,3 +8,3 @@
 
-var _chunk2GXY7E6Xjs = require('./chunk-2GXY7E6X.js');
+var _chunk5HMJAJIKjs = require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -17,2 +17,2 @@ require('./chunk-6F4PWJZI.js');
 
-exports.camelCase = _chunk2GXY7E6Xjs.camelCase; exports.default = _chunk22OCYU7Cjs.unplugin_default; exports.kebabCase = _chunk2GXY7E6Xjs.kebabCase; exports.pascalCase = _chunk2GXY7E6Xjs.pascalCase;
+exports.camelCase = _chunk5HMJAJIKjs.camelCase; exports.default = _chunkALMYXVCOjs.unplugin_default; exports.kebabCase = _chunk5HMJAJIKjs.kebabCase; exports.pascalCase = _chunk5HMJAJIKjs.pascalCase;

dist/nuxt.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
+require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -12,7 +12,7 @@ require('./chunk-6F4PWJZI.js');
     config.plugins = config.plugins || [];
-    config.plugins.unshift(_chunk22OCYU7Cjs.unplugin_default.webpack(options));
+    config.plugins.unshift(_chunkALMYXVCOjs.unplugin_default.webpack(options));
   });
   this.nuxt.hook("vite:extend", async (vite) => {
     vite.config.plugins = vite.config.plugins || [];
-    vite.config.plugins.push(_chunk22OCYU7Cjs.unplugin_default.vite(options));
+    vite.config.plugins.push(_chunkALMYXVCOjs.unplugin_default.vite(options));
   });
@@ -19,0 +19,0 @@ }

dist/resolvers.d.ts

@@ -255,2 +255,8 @@ import { ComponentResolver, ComponentResolveResult } from './types.js';
     /**
+     * compatible with unplugin-auto-import
+     *
+     * @default false
+     */
+    autoImport?: boolean;
+    /**
      * @deprecated use `importStyle: 'css'` instead
@@ -388,2 +394,10 @@ */
 
+declare type DisallowResolveIconOption = undefined | false | {
+    enable: false;
+};
+declare type AllowResolveIconOption = true | {
+    enable: true;
+    iconPrefix?: string;
+};
+declare type ResolveIconsOption = DisallowResolveIconOption | AllowResolveIconOption;
 interface ArcoResolverOptions {
@@ -401,3 +415,3 @@ /**
      */
-    resolveIcons?: boolean;
+    resolveIcons?: ResolveIconsOption;
     /**
@@ -488,2 +502,10 @@ * Control style automatic import
 
-export { AntDesignVueResolver, AntDesignVueResolverOptions, ArcoResolver, ArcoResolverOptions, BootstrapVueResolver, BootstrapVueResolverOptions, DevResolverOptions, DevUiResolver, ElementPlusResolver, ElementPlusResolverOptions, ElementUiResolver, ElementUiResolverOptions, HeadlessUiResolver, HeadlessUiResolverOptions, IduxResolver, IduxResolverOptions, InklineResolver, LayuiVueResolver, LayuiVueResolverOptions, NaiveUiResolver, PrimeVueResolver, PrimeVueResolverOptions, QuasarResolver, TDesignResolver, TDesignResolverOptions, VantResolver, VantResolverOptions, VarletUIResolver, VarletUIResolverOptions, VeuiResolver, VeuiResolverOptions, ViewUiResolver, VueUseComponentsResolver, VueUseDirectiveResolver, Vuetify3Resolver, VuetifyResolver, getResolved };
+/**
+ * Resolver for ionic framework
+ *
+ * @author @mathsgod
+ * @link https://github.com/mathsgod
+ */
+declare function IonicResolver(): ComponentResolver;
+
+export { AllowResolveIconOption, AntDesignVueResolver, AntDesignVueResolverOptions, ArcoResolver, ArcoResolverOptions, BootstrapVueResolver, BootstrapVueResolverOptions, DevResolverOptions, DevUiResolver, DisallowResolveIconOption, ElementPlusResolver, ElementPlusResolverOptions, ElementUiResolver, ElementUiResolverOptions, HeadlessUiResolver, HeadlessUiResolverOptions, IduxResolver, IduxResolverOptions, InklineResolver, IonicResolver, LayuiVueResolver, LayuiVueResolverOptions, NaiveUiResolver, PrimeVueResolver, PrimeVueResolverOptions, QuasarResolver, ResolveIconsOption, TDesignResolver, TDesignResolverOptions, VantResolver, VantResolverOptions, VarletUIResolver, VarletUIResolverOptions, VeuiResolver, VeuiResolverOptions, ViewUiResolver, VueUseComponentsResolver, VueUseDirectiveResolver, Vuetify3Resolver, VuetifyResolver, getResolved };

dist/resolvers.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
@@ -8,3 +8,3 @@
 
-var _chunk2GXY7E6Xjs = require('./chunk-2GXY7E6X.js');
+var _chunk5HMJAJIKjs = require('./chunk-5HMJAJIK.js');
 
@@ -168,3 +168,3 @@
   if (!styleDir)
-    styleDir = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+    styleDir = _chunk5HMJAJIKjs.kebabCase.call(void 0, compName);
   return styleDir;
@@ -335,3 +335,3 @@ }
   }
-  const partialName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name.slice(2));
+  const partialName = _chunk5HMJAJIKjs.kebabCase.call(void 0, name.slice(2));
   const { version, ssr } = options;
@@ -384,3 +384,3 @@ if (compare(version, "1.1.0-beta.1", ">=")) {
       ssr: false,
-      version: await _chunk2GXY7E6Xjs.getPkgVersion.call(void 0, "element-plus", "2.2.2"),
+      version: await _chunk5HMJAJIKjs.getPkgVersion.call(void 0, "element-plus", "2.2.2"),
       importStyle: "css",
@@ -439,3 +439,3 @@ directives: true,
         const compName = name.slice(2);
-        const partialName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+        const partialName = _chunk5HMJAJIKjs.kebabCase.call(void 0, compName);
         if (partialName === "collapse-transition") {
@@ -550,3 +550,3 @@ return {
         const nameIndex = packageName === "pro" ? 2 : 1;
-        dirname = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name).split("-")[nameIndex];
+        dirname = _chunk5HMJAJIKjs.kebabCase.call(void 0, name).split("-")[nameIndex];
       }
@@ -719,6 +719,6 @@ const path = `${scope}/${packageName}/${dirname}`;
 // src/core/resolvers/vant.ts
-var moduleType = _chunk2GXY7E6Xjs.isSSR ? "lib" : "es";
+var moduleType = _chunk5HMJAJIKjs.isSSR ? "lib" : "es";
 function getSideEffects4(dirName, options) {
   const { importStyle = true } = options;
-  if (!importStyle || _chunk2GXY7E6Xjs.isSSR)
+  if (!importStyle || _chunk5HMJAJIKjs.isSSR)
     return;
@@ -740,3 +740,3 @@ if (importStyle === "less")
           from: `vant/${moduleType}`,
-          sideEffects: getSideEffects4(_chunk2GXY7E6Xjs.kebabCase.call(void 0, partialName), options)
+          sideEffects: getSideEffects4(_chunk5HMJAJIKjs.kebabCase.call(void 0, partialName), options)
         };
@@ -749,2 +749,4 @@ }
 // src/core/resolvers/varlet-ui.ts
+var varFunctions = ["Snackbar", "Picker", "ActionSheet", "Dialog", "Locale", "StyleProvider"];
+var varDirectives = ["Ripple", "Lazy"];
 function getResolved(name, options) {
@@ -755,2 +757,3 @@ const {
     importLess,
+    autoImport = false,
     version = "vue3"
@@ -762,13 +765,12 @@ } = options;
     if (importStyle === "less" || importLess)
-      sideEffects.push(`${path}/es/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, name)}/style/less.js`);
+      sideEffects.push(`${path}/es/${_chunk5HMJAJIKjs.kebabCase.call(void 0, name)}/style/less.js`);
     else
-      sideEffects.push(`${path}/es/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, name)}/style`);
+      sideEffects.push(`${path}/es/${_chunk5HMJAJIKjs.kebabCase.call(void 0, name)}/style`);
   }
   return {
     from: path,
-    name: `_${name}Component`,
+    name: autoImport ? name : `_${name}Component`,
     sideEffects
   };
 }
-var varDirectives = ["Ripple", "Lazy"];
 function VarletUIResolver(options = {}) {
@@ -779,2 +781,5 @@ return [
       resolve: (name) => {
+        const { autoImport = false } = options;
+        if (autoImport && varFunctions.includes(name))
+          return getResolved(name, options);
         if (name.startsWith("Var"))
@@ -826,5 +831,5 @@ return getResolved(name.slice(3), options);
 var formatters = {
-  "kebab-case": _chunk2GXY7E6Xjs.kebabCase,
-  "camelCase": _chunk2GXY7E6Xjs.camelCase,
-  "PascalCase": _chunk2GXY7E6Xjs.pascalCase
+  "kebab-case": _chunk5HMJAJIKjs.kebabCase,
+  "camelCase": _chunk5HMJAJIKjs.camelCase,
+  "PascalCase": _chunk5HMJAJIKjs.pascalCase
 };
@@ -835,3 +840,3 @@ var peerPaths = /* @__PURE__ */ new Map();
     try {
-      _chunk2GXY7E6Xjs.resolveImportPath.call(void 0, peerPath);
+      _chunk5HMJAJIKjs.resolveImportPath.call(void 0, peerPath);
       peerPaths.set(peerPath, true);
@@ -890,3 +895,3 @@ } catch (e) {
     if (compName.match(matcher.pattern)) {
-      compPath = `${matcher.compDir}/${_chunk2GXY7E6Xjs.kebabCase.call(void 0, compName)}.vue`;
+      compPath = `${matcher.compDir}/${_chunk5HMJAJIKjs.kebabCase.call(void 0, compName)}.vue`;
       break;
@@ -896,3 +901,3 @@ }
   if (!compPath)
-    compPath = _chunk2GXY7E6Xjs.kebabCase.call(void 0, compName);
+    compPath = _chunk5HMJAJIKjs.kebabCase.call(void 0, compName);
   return compPath;
@@ -1026,3 +1031,3 @@ }
     return;
-  const resolveId = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name = name.slice(1));
+  const resolveId = _chunk5HMJAJIKjs.kebabCase.call(void 0, name = name.slice(1));
   return {
@@ -1035,3 +1040,3 @@ name,
 function directivesResolver(name, { ssr }) {
-  const resolveId = _chunk2GXY7E6Xjs.kebabCase.call(void 0, name);
+  const resolveId = _chunk5HMJAJIKjs.kebabCase.call(void 0, name);
   return {
@@ -1061,2 +1066,4 @@ name: `${name}Directive`,
 // src/core/resolvers/arco.ts
+var _debug = require('debug'); var _debug2 = _interopRequireDefault(_debug);
+var debug = _debug2.default.call(void 0, "unplugin-vue-components:resolvers:arco");
 var matchComponents3 = [
@@ -1183,3 +1190,3 @@ {
     return void 0;
-  let componentDir = _chunk2GXY7E6Xjs.kebabCase.call(void 0, importName);
+  let componentDir = _chunk5HMJAJIKjs.kebabCase.call(void 0, importName);
   for (const item of matchComponents3) {
@@ -1196,2 +1203,21 @@ if (item.pattern.test(importName)) {
 }
+function canResolveIcons(options) {
+  if (options === void 0)
+    return false;
+  if (typeof options === "boolean")
+    return options;
+  else
+    return options.enable;
+}
+function getResolveIconPrefix(options) {
+  if (canResolveIcons(options)) {
+    if (typeof options === "boolean" && options)
+      return "";
+    else if (options.enable)
+      return _nullishCoalesce(options.iconPrefix, () => ( ""));
+    else
+      return "";
+  }
+  return "";
+}
 function ArcoResolver(options = {}) {
@@ -1201,7 +1227,15 @@ return {
     resolve: (name) => {
-      if (options.resolveIcons && name.match(/^Icon/)) {
-        return {
-          name,
-          from: "@arco-design/web-vue/es/icon"
-        };
+      if (canResolveIcons(options.resolveIcons)) {
+        const iconPrefix = _chunk5HMJAJIKjs.pascalCase.call(void 0, getResolveIconPrefix(options.resolveIcons));
+        const newNameRegexp = new RegExp(`^${iconPrefix}Icon`);
+        if (newNameRegexp.test(name)) {
+          debug("found icon component name %s", name);
+          const rawComponentName = name.slice(iconPrefix.length);
+          debug("found icon component raw name %s", rawComponentName);
+          return {
+            name: rawComponentName,
+            as: name,
+            from: "@arco-design/web-vue/es/icon"
+          };
+        }
       }
@@ -1226,3 +1260,3 @@ if (name.match(/^A[A-Z]/)) {
   const { library = "vue", importStyle = "css" } = options;
-  let fileName = _chunk2GXY7E6Xjs.kebabCase.call(void 0, importName);
+  let fileName = _chunk5HMJAJIKjs.kebabCase.call(void 0, importName);
   if (!importStyle)
@@ -1490,2 +1524,16 @@ return;
 
+// src/core/resolvers/ionic.ts
+function IonicResolver() {
+  return {
+    type: "component",
+    resolve: (name) => {
+      if (name.startsWith("Ion")) {
+        return {
+          name,
+          from: "@ionic/vue"
+        };
+      }
+    }
+  };
+}
 
@@ -1514,3 +1562,5 @@
 
-exports.AntDesignVueResolver = AntDesignVueResolver; exports.ArcoResolver = ArcoResolver; exports.BootstrapVueResolver = BootstrapVueResolver; exports.DevUiResolver = DevUiResolver; exports.ElementPlusResolver = ElementPlusResolver; exports.ElementUiResolver = ElementUiResolver; exports.HeadlessUiResolver = HeadlessUiResolver; exports.IduxResolver = IduxResolver; exports.InklineResolver = InklineResolver; exports.LayuiVueResolver = LayuiVueResolver; exports.NaiveUiResolver = NaiveUiResolver; exports.PrimeVueResolver = PrimeVueResolver; exports.QuasarResolver = QuasarResolver; exports.TDesignResolver = TDesignResolver; exports.VantResolver = VantResolver; exports.VarletUIResolver = VarletUIResolver; exports.VeuiResolver = VeuiResolver; exports.ViewUiResolver = ViewUiResolver; exports.VueUseComponentsResolver = VueUseComponentsResolver; exports.VueUseDirectiveResolver = VueUseDirectiveResolver; exports.Vuetify3Resolver = Vuetify3Resolver; exports.VuetifyResolver = VuetifyResolver; exports.getResolved = getResolved;
+
+
+exports.AntDesignVueResolver = AntDesignVueResolver; exports.ArcoResolver = ArcoResolver; exports.BootstrapVueResolver = BootstrapVueResolver; exports.DevUiResolver = DevUiResolver; exports.ElementPlusResolver = ElementPlusResolver; exports.ElementUiResolver = ElementUiResolver; exports.HeadlessUiResolver = HeadlessUiResolver; exports.IduxResolver = IduxResolver; exports.InklineResolver = InklineResolver; exports.IonicResolver = IonicResolver; exports.LayuiVueResolver = LayuiVueResolver; exports.NaiveUiResolver = NaiveUiResolver; exports.PrimeVueResolver = PrimeVueResolver; exports.QuasarResolver = QuasarResolver; exports.TDesignResolver = TDesignResolver; exports.VantResolver = VantResolver; exports.VarletUIResolver = VarletUIResolver; exports.VeuiResolver = VeuiResolver; exports.ViewUiResolver = ViewUiResolver; exports.VueUseComponentsResolver = VueUseComponentsResolver; exports.VueUseDirectiveResolver = VueUseDirectiveResolver; exports.Vuetify3Resolver = Vuetify3Resolver; exports.VuetifyResolver = VuetifyResolver; exports.getResolved = getResolved;
 exports.default = module.exports;

dist/rollup.d.ts

@@ -1,8 +0,9 @@
-import * as unplugin from 'unplugin';
+import * as rollup from 'rollup';
 import { Options } from './types.js';
 import '@rollup/pluginutils';
+import 'unplugin';
 import '@antfu/utils';
 
-declare const _default: (options: Options) => unplugin.RollupPlugin;
+declare const _default: (options: Options) => rollup.Plugin;
 
 export { _default as default };

dist/rollup.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
+require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -9,3 +9,3 @@ require('./chunk-6F4PWJZI.js');
 // src/rollup.ts
-var rollup_default = _chunk22OCYU7Cjs.unplugin_default.rollup;
+var rollup_default = _chunkALMYXVCOjs.unplugin_default.rollup;
 
@@ -12,0 +12,0 @@

dist/vite.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
+require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -9,3 +9,3 @@ require('./chunk-6F4PWJZI.js');
 // src/vite.ts
-var vite_default = _chunk22OCYU7Cjs.unplugin_default.vite;
+var vite_default = _chunkALMYXVCOjs.unplugin_default.vite;
 
@@ -12,0 +12,0 @@

dist/webpack.js

 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk22OCYU7Cjs = require('./chunk-22OCYU7C.js');
-require('./chunk-2GXY7E6X.js');
+var _chunkALMYXVCOjs = require('./chunk-ALMYXVCO.js');
+require('./chunk-5HMJAJIK.js');
 require('./chunk-EZUCZHGV.js');
@@ -9,3 +9,3 @@ require('./chunk-6F4PWJZI.js');
 // src/webpack.ts
-var webpack_default = _chunk22OCYU7Cjs.unplugin_default.webpack;
+var webpack_default = _chunkALMYXVCOjs.unplugin_default.webpack;
 
@@ -12,0 +12,0 @@

package.json

 {
   "name": "unplugin-vue-components",
-  "version": "0.22.7",
+  "version": "0.22.8",
   "packageManager": "pnpm@7.1.5",
@@ -93,30 +93,30 @@ "description": "Components auto importing for Vue",
     "local-pkg": "^0.4.2",
-    "magic-string": "^0.26.3",
+    "magic-string": "^0.26.5",
     "minimatch": "^5.1.0",
     "resolve": "^1.22.1",
-    "unplugin": "^0.9.5"
+    "unplugin": "^0.9.6"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.26.3",
-    "@babel/parser": "^7.19.0",
-    "@babel/types": "^7.19.0",
+    "@antfu/eslint-config": "^0.27.0",
+    "@babel/parser": "^7.19.3",
+    "@babel/types": "^7.19.3",
     "@types/debug": "^4.1.7",
     "@types/minimatch": "^5.1.2",
-    "@types/node": "^18.7.16",
+    "@types/node": "^18.8.2",
     "@types/resolve": "^1.20.2",
-    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/eslint-plugin": "^5.39.0",
     "bumpp": "^8.2.1",
     "compare-versions": "^5.0.1",
-    "element-plus": "^2.2.16",
-    "eslint": "^8.23.0",
+    "element-plus": "^2.2.17",
+    "eslint": "^8.24.0",
     "esno": "^0.16.3",
     "estree-walker": "^3.0.1",
-    "pathe": "^0.3.7",
-    "rollup": "^2.79.0",
+    "pathe": "^0.3.8",
+    "rollup": "^2.79.1",
     "tsup": "^6.2.3",
-    "typescript": "^4.8.3",
-    "vite": "^3.1.0",
-    "vitest": "^0.23.2",
+    "typescript": "^4.8.4",
+    "vite": "^3.1.4",
+    "vitest": "^0.23.4",
     "vue": "3.2.37"
   }
 }

README.md

@@ -166,2 +166,4 @@ # unplugin-vue-components
 ```
+> **Note**
+> By default this plugin will import components in the `src/components` path. You can customize it using the `dirs` option.
 
@@ -196,2 +198,3 @@ ## TypeScript
 - [Inkline](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/inkline.ts)
+- [Ionic](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/ionic.ts)
 - [Naive UI](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/naive-ui.ts)
@@ -198,0 +201,0 @@ - [Prime Vue](https://github.com/antfu/unplugin-vue-components/blob/main/src/core/resolvers/prime-vue.ts)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

196093

increased by2.36%

Lines of code

5964

increased by2.26%

Number of lines in readme file

374

increased by0.81%

Dependency changes

• Updatedmagic-string@^0.26.5

• Updatedunplugin@^0.9.6