@sdata/web-vue-auto-import-resolver 2.4.1 → 2.4.2

package/README.md

@@ -2,7 +2,7 @@
 
 `@sdata/web-vue-auto-import-resolver` 为 `@sdata/web-vue` 提供 `unplugin-vue-components` 自动导入解析能力，以及 SCSS 别名解析。
 
-解析器会在运行时读取已安装的 `@sdata/web-vue` 发布产物来识别组件导出和样式入口，因此新增组件后不需要再维护额外的组件映射文件。
+解析器会在运行时读取已安装的 `@sdata/web-vue` 发布产物来识别组件导出，因此新增组件后不需要再维护额外的组件映射文件。
 
 当前解析器仅面向模板自动导入场景，不支持 SSR。
 
@@ -26,18 +26,12 @@ export default defineConfig({
     vue(),
     createSdDesignVitePlugin(),
     Components({
-      resolvers: [
-        SdDesignResolver({
-          sideEffect: true,
-        }),
-      ],
+      resolvers: [SdDesignResolver()],
     }),
   ],
 });
 ```
 
-`sideEffect: true` 会自动注入组件样式入口，例如 `@sdata/web-vue/es/button/style/index.js`。
-
 `createSdDesignVitePlugin()` 会自动配置 Sass importer 来解析 `@sdata/web-vue` SCSS 文件中的 `@style/` 和 `@components/` 别名。
 
 ## 手动配置 SCSS importer
@@ -65,13 +59,12 @@ export default defineConfig({
 
 ```ts
 interface SdDesignResolverOptions {
+  /** @default 'Sd' */
   prefix?: string;
-  sideEffect?: boolean;
 }
 ```
 
 - `prefix`：组件前缀，默认是 `Sd`，对应模板里的 `<sd-button />`。
-- `sideEffect`：是否自动导入组件样式。
 
 ### createSdDesignScssImporter / createSdDesignVitePlugin
 

package/index.d.ts

@@ -1,16 +1,10 @@
 import * as node_url from 'node:url';
-import { ComponentResolveResult, ComponentResolver } from 'unplugin-vue-components/types';
+import { ComponentResolver } from 'unplugin-vue-components/types';
 import { Plugin } from 'vite';
 
-interface SdDesignComponentMeta {
-    importName: string;
-    from: string;
-    sideEffects?: string;
-}
 interface SdDesignResolverOptions {
+    /** @default 'Sd' */
     prefix?: string;
-    sideEffect?: boolean;
-    resolve?: (meta: SdDesignComponentMeta, type: 'component') => ComponentResolveResult | undefined;
 }
 interface SdDesignScssImporterOptions {
     /** @default '@sdata/web-vue' */
@@ -18,6 +12,11 @@ interface SdDesignScssImporterOptions {
 }
 interface SdDesignVitePluginOptions extends SdDesignScssImporterOptions {
 }
+/**
+ * Resolver for SD Design Vue
+ *
+ * @link https://www.npmjs.com/package/@sdata/web-vue
+ */
 declare function SdDesignResolver(options?: SdDesignResolverOptions): ComponentResolver[];
 /**
  * Create a custom Sass importer that resolves `@style/` and `@components/`
@@ -62,11 +61,11 @@ declare function createSdDesignScssImporter(options?: SdDesignScssImporterOption
  * export default defineConfig({
  *   plugins: [
  *     createSdDesignVitePlugin(),
- *     Components({ resolvers: [SdDesignResolver({ sideEffect: true })] }),
+ *     Components({ resolvers: [SdDesignResolver()] }),
  *   ],
  * });
  * ```
  */
 declare function createSdDesignVitePlugin(options?: SdDesignVitePluginOptions): Plugin;
 
-export { type SdDesignComponentMeta, SdDesignResolver, type SdDesignResolverOptions, type SdDesignScssImporterOptions, type SdDesignVitePluginOptions, createSdDesignScssImporter, createSdDesignVitePlugin };
+export { SdDesignResolver, type SdDesignResolverOptions, type SdDesignScssImporterOptions, type SdDesignVitePluginOptions, createSdDesignScssImporter, createSdDesignVitePlugin };

package/index.js

@@ -7,16 +7,7 @@ import { fileURLToPath, pathToFileURL } from "url";
 var DEFAULT_PREFIX = "Sd";
 var PACKAGE_NAME = "@sdata/web-vue";
 var SASS_EXTENSIONS = [".scss", ".sass", ".css"];
-var cachedComponentMap;
-var getName = (name, prefix) => {
-  if (!prefix) {
-    return name;
-  }
-  if (!name.startsWith(prefix)) {
-    return;
-  }
-  return name.substring(prefix.length);
-};
+var cachedComponentSet;
 var parseImportClause = (clause, modulePath, importPathMap) => {
   const trimmedClause = clause.trim();
   if (!trimmedClause) {
@@ -44,9 +35,9 @@ var getPackageRoot = () => {
   const require2 = createRequire(import.meta.url);
   return path.dirname(require2.resolve(`${PACKAGE_NAME}/package.json`));
 };
-var getComponentMetaMap = () => {
-  if (cachedComponentMap) {
-    return cachedComponentMap;
+var getComponentExportSet = () => {
+  if (cachedComponentSet) {
+    return cachedComponentSet;
   }
   const packageRoot = getPackageRoot();
   const entryPath = path.resolve(packageRoot, "es/index.js");
@@ -62,11 +53,11 @@ var getComponentMetaMap = () => {
   }
   const exportBlockMatch = /export\s*\{([\s\S]*?)\};?\s*$/.exec(source);
   if (!exportBlockMatch?.[1]) {
-    cachedComponentMap = {};
-    return cachedComponentMap;
+    cachedComponentSet = /* @__PURE__ */ new Set();
+    return cachedComponentSet;
   }
   const exportSpecifiers = exportBlockMatch[1].split(",").map((item) => item.trim()).filter(Boolean);
-  const componentMap = {};
+  const componentSet = /* @__PURE__ */ new Set();
   for (const exportSpecifier of exportSpecifiers) {
     const [localName, exportedName] = exportSpecifier.split(/\s+as\s+/i).map((item) => item.trim());
     const importName = exportedName ?? localName;
@@ -77,23 +68,10 @@ var getComponentMetaMap = () => {
     if (!modulePath || modulePath.startsWith("./_") || modulePath === "./sd-vue.js") {
       continue;
     }
-    const styleDir = modulePath.replace(/^\.\//, "").split("/")[0];
-    const styleFile = path.resolve(packageRoot, "es", styleDir, "style/index.js");
-    componentMap[importName] = {
-      importName,
-      from: PACKAGE_NAME,
-      ...existsSync(styleFile) ? { sideEffects: `${PACKAGE_NAME}/es/${styleDir}/style/index.js` } : {}
-    };
-  }
-  cachedComponentMap = componentMap;
-  return componentMap;
-};
-var resolveSideEffects = (meta, options) => {
-  const shouldIncludeSideEffects = options.sideEffect ?? false;
-  if (!shouldIncludeSideEffects || !meta.sideEffects) {
-    return;
+    componentSet.add(importName);
   }
-  return meta.sideEffects;
+  cachedComponentSet = componentSet;
+  return componentSet;
 };
 function SdDesignResolver(options = {}) {
   const prefix = options.prefix ?? DEFAULT_PREFIX;
@@ -101,19 +79,14 @@ function SdDesignResolver(options = {}) {
     {
       type: "component",
       resolve: (name) => {
-        const componentName = getName(name, prefix);
-        if (!componentName) {
+        if (!name.startsWith(prefix)) {
           return;
         }
-        const meta = getComponentMetaMap()[componentName];
-        if (!meta) {
+        const componentName = name.substring(prefix.length);
+        if (!componentName || !getComponentExportSet().has(componentName)) {
           return;
         }
-        return options.resolve?.(meta, "component") ?? {
-          name: meta.importName,
-          from: meta.from,
-          sideEffects: resolveSideEffects(meta, options)
-        };
+        return { name, from: PACKAGE_NAME };
       }
     }
   ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue-auto-import-resolver",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "Auto import resolver for @sdata/web-vue and unplugin-vue-components.",
   "homepage": "https://sd-design.js.org",
   "bugs": {