@yh-ui/nuxt 1.0.26 → 1.0.30

package/dist/module.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const crypto = require('node:crypto');
+const node_module = require('node:module');
 const kit = require('@nuxt/kit');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
@@ -14,6 +15,33 @@ if (typeof crypto__default.hash !== "function") {
   };
 }
 const PUBLISHED_CSS_ENTRY = "@yh-ui/components/style.css";
+function getStylePathForComponent(componentName) {
+  const name = componentName.replace(/^Yh/, "");
+  const subComponentMap = {
+    Option: "select",
+    BreadcrumbItem: "breadcrumb",
+    DropdownItem: "dropdown",
+    DropdownMenu: "dropdown",
+    FormItem: "form",
+    FormSchema: "form",
+    GridItem: "grid",
+    Step: "steps",
+    TableColumn: "table",
+    TabPane: "tabs",
+    TreeNode: "tree",
+    CarouselItem: "carousel",
+    Header: "container",
+    Aside: "container",
+    Main: "container",
+    Footer: "container"
+  };
+  if (name.startsWith("Typography") && name !== "Typography") {
+    return "@yh-ui/components/dist/typography/src/typography.css";
+  }
+  const targetName = subComponentMap[name] || name;
+  const kebabName = targetName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+  return `@yh-ui/components/dist/${kebabName}/src/${kebabName}.css`;
+}
 const yhNuxtModule = kit.defineNuxtModule({
   meta: {
     name: "@yh-ui/nuxt",
@@ -33,11 +61,6 @@ const yhNuxtModule = kit.defineNuxtModule({
   setup(options, nuxt) {
     const { resolve } = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('module.cjs', document.baseURI).href)));
     kit.addPlugin(resolve("./runtime/plugin.mjs"));
-    if (options.importStyle) {
-      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
-        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
-      }
-    }
     if (options.buildTranspile) {
       nuxt.options.build.transpile = nuxt.options.build.transpile || [];
       const transpileList = ["@yh-ui/components", "@yh-ui/hooks", "@yh-ui/utils", "@yh-ui/theme"];
@@ -124,7 +147,7 @@ const yhNuxtModule = kit.defineNuxtModule({
       "Countdown",
       "Table",
       "TableColumn",
-      // 新增组件
+      // 鏂板缁勪欢
       "Space",
       "Avatar",
       "Empty",
@@ -263,6 +286,80 @@ const yhNuxtModule = kit.defineNuxtModule({
         from: "@yh-ui/components"
       });
     });
+    if (options.importStyle === "all") {
+      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
+        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
+      }
+    } else if (options.importStyle === true) {
+      const existingStyles = /* @__PURE__ */ new Set();
+      try {
+        const _require = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('module.cjs', document.baseURI).href)));
+        const fs = _require("node:fs");
+        const path = _require("node:path");
+        const pkgPath = _require.resolve("@yh-ui/components/package.json", {
+          paths: [nuxt.options.rootDir]
+        });
+        components.forEach((name) => {
+          const cssPath = getStylePathForComponent(`Yh${name}`);
+          if (cssPath) {
+            const localPath = cssPath.replace("@yh-ui/components", path.dirname(pkgPath));
+            if (fs.existsSync(localPath)) {
+              existingStyles.add(cssPath);
+            }
+          }
+        });
+      } catch {
+      }
+      kit.extendViteConfig((config) => {
+        config.plugins = config.plugins || [];
+        config.plugins.push({
+          name: "yh-ui:style-import",
+          enforce: "post",
+          transform(code, id) {
+            if (!id || !/\.(js|ts|vue|mjs|cjs)$/.test(id) || id.includes("node_modules")) {
+              return;
+            }
+            const importsMatch = code.match(
+              /import\s*\{([^}]+)\}\s*from\s*['"]@yh-ui\/components['"]/g
+            );
+            if (!importsMatch) {
+              return;
+            }
+            const componentsToInject = /* @__PURE__ */ new Set();
+            for (const matchStr of importsMatch) {
+              const innerMatch = matchStr.match(/\{([^}]+)\}/);
+              if (innerMatch) {
+                const specifiers = innerMatch[1].split(",");
+                for (const spec of specifiers) {
+                  const name = spec.trim().split(/\s+as\s+/)[0].trim();
+                  if (name.startsWith("Yh")) {
+                    componentsToInject.add(name);
+                  }
+                }
+              }
+            }
+            if (componentsToInject.size === 0) {
+              return;
+            }
+            const styleImports = [];
+            for (const comp of componentsToInject) {
+              const cssFile = getStylePathForComponent(comp);
+              if (cssFile) {
+                if (existingStyles.size === 0 || existingStyles.has(cssFile)) {
+                  styleImports.push(`import '${cssFile}';`);
+                }
+              }
+            }
+            if (styleImports.length > 0) {
+              return {
+                code: code + "\n" + styleImports.join("\n"),
+                map: null
+              };
+            }
+          }
+        });
+      });
+    }
     kit.extendViteConfig((config) => {
       config.optimizeDeps ||= {};
       config.optimizeDeps.include ||= [];

package/dist/module.d.cts

@@ -2,11 +2,13 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
     /**
-     * Whether to automatically inject published CSS styles.
-     * If true, it will import the published CSS entry.
+     * Control how styles are imported:
+     * - `true` (default): Automatically inject styles on demand.
+     * - `'all'`: Inject the entire published style.css.
+     * - `false`: Disable automatic style injection.
      * @default true
      */
-    importStyle?: boolean;
+    importStyle?: boolean | 'all';
     /**
      * Whether to transpile dependencies.
      * @default true

package/dist/module.d.mts

@@ -2,11 +2,13 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
     /**
-     * Whether to automatically inject published CSS styles.
-     * If true, it will import the published CSS entry.
+     * Control how styles are imported:
+     * - `true` (default): Automatically inject styles on demand.
+     * - `'all'`: Inject the entire published style.css.
+     * - `false`: Disable automatic style injection.
      * @default true
      */
-    importStyle?: boolean;
+    importStyle?: boolean | 'all';
     /**
      * Whether to transpile dependencies.
      * @default true

package/dist/module.d.ts

@@ -2,11 +2,13 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
     /**
-     * Whether to automatically inject published CSS styles.
-     * If true, it will import the published CSS entry.
+     * Control how styles are imported:
+     * - `true` (default): Automatically inject styles on demand.
+     * - `'all'`: Inject the entire published style.css.
+     * - `false`: Disable automatic style injection.
      * @default true
      */
-    importStyle?: boolean;
+    importStyle?: boolean | 'all';
     /**
      * Whether to transpile dependencies.
      * @default true

package/dist/module.mjs

@@ -1,4 +1,5 @@
 import crypto from 'node:crypto';
+import { createRequire } from 'node:module';
 import { defineNuxtModule, createResolver, addPlugin, addComponent, addImports, extendViteConfig } from '@nuxt/kit';
 
 if (typeof crypto.hash !== "function") {
@@ -7,6 +8,33 @@ if (typeof crypto.hash !== "function") {
   };
 }
 const PUBLISHED_CSS_ENTRY = "@yh-ui/components/style.css";
+function getStylePathForComponent(componentName) {
+  const name = componentName.replace(/^Yh/, "");
+  const subComponentMap = {
+    Option: "select",
+    BreadcrumbItem: "breadcrumb",
+    DropdownItem: "dropdown",
+    DropdownMenu: "dropdown",
+    FormItem: "form",
+    FormSchema: "form",
+    GridItem: "grid",
+    Step: "steps",
+    TableColumn: "table",
+    TabPane: "tabs",
+    TreeNode: "tree",
+    CarouselItem: "carousel",
+    Header: "container",
+    Aside: "container",
+    Main: "container",
+    Footer: "container"
+  };
+  if (name.startsWith("Typography") && name !== "Typography") {
+    return "@yh-ui/components/dist/typography/src/typography.css";
+  }
+  const targetName = subComponentMap[name] || name;
+  const kebabName = targetName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+  return `@yh-ui/components/dist/${kebabName}/src/${kebabName}.css`;
+}
 const yhNuxtModule = defineNuxtModule({
   meta: {
     name: "@yh-ui/nuxt",
@@ -26,11 +54,6 @@ const yhNuxtModule = defineNuxtModule({
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     addPlugin(resolve("./runtime/plugin.mjs"));
-    if (options.importStyle) {
-      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
-        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
-      }
-    }
     if (options.buildTranspile) {
       nuxt.options.build.transpile = nuxt.options.build.transpile || [];
       const transpileList = ["@yh-ui/components", "@yh-ui/hooks", "@yh-ui/utils", "@yh-ui/theme"];
@@ -117,7 +140,7 @@ const yhNuxtModule = defineNuxtModule({
       "Countdown",
       "Table",
       "TableColumn",
-      // 新增组件
+      // 鏂板缁勪欢
       "Space",
       "Avatar",
       "Empty",
@@ -256,6 +279,80 @@ const yhNuxtModule = defineNuxtModule({
         from: "@yh-ui/components"
       });
     });
+    if (options.importStyle === "all") {
+      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
+        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
+      }
+    } else if (options.importStyle === true) {
+      const existingStyles = /* @__PURE__ */ new Set();
+      try {
+        const _require = createRequire(import.meta.url);
+        const fs = _require("node:fs");
+        const path = _require("node:path");
+        const pkgPath = _require.resolve("@yh-ui/components/package.json", {
+          paths: [nuxt.options.rootDir]
+        });
+        components.forEach((name) => {
+          const cssPath = getStylePathForComponent(`Yh${name}`);
+          if (cssPath) {
+            const localPath = cssPath.replace("@yh-ui/components", path.dirname(pkgPath));
+            if (fs.existsSync(localPath)) {
+              existingStyles.add(cssPath);
+            }
+          }
+        });
+      } catch {
+      }
+      extendViteConfig((config) => {
+        config.plugins = config.plugins || [];
+        config.plugins.push({
+          name: "yh-ui:style-import",
+          enforce: "post",
+          transform(code, id) {
+            if (!id || !/\.(js|ts|vue|mjs|cjs)$/.test(id) || id.includes("node_modules")) {
+              return;
+            }
+            const importsMatch = code.match(
+              /import\s*\{([^}]+)\}\s*from\s*['"]@yh-ui\/components['"]/g
+            );
+            if (!importsMatch) {
+              return;
+            }
+            const componentsToInject = /* @__PURE__ */ new Set();
+            for (const matchStr of importsMatch) {
+              const innerMatch = matchStr.match(/\{([^}]+)\}/);
+              if (innerMatch) {
+                const specifiers = innerMatch[1].split(",");
+                for (const spec of specifiers) {
+                  const name = spec.trim().split(/\s+as\s+/)[0].trim();
+                  if (name.startsWith("Yh")) {
+                    componentsToInject.add(name);
+                  }
+                }
+              }
+            }
+            if (componentsToInject.size === 0) {
+              return;
+            }
+            const styleImports = [];
+            for (const comp of componentsToInject) {
+              const cssFile = getStylePathForComponent(comp);
+              if (cssFile) {
+                if (existingStyles.size === 0 || existingStyles.has(cssFile)) {
+                  styleImports.push(`import '${cssFile}';`);
+                }
+              }
+            }
+            if (styleImports.length > 0) {
+              return {
+                code: code + "\n" + styleImports.join("\n"),
+                map: null
+              };
+            }
+          }
+        });
+      });
+    }
     extendViteConfig((config) => {
       config.optimizeDeps ||= {};
       config.optimizeDeps.include ||= [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yh-ui/nuxt",
-  "version": "1.0.26",
+  "version": "1.0.30",
   "description": "Nuxt module for YH-UI",
   "type": "module",
   "main": "./dist/module.cjs",
@@ -27,9 +27,9 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.11.0 || ^4.0.0",
-    "@yh-ui/components": "^1.0.26",
-    "@yh-ui/hooks": "^1.0.26",
-    "@yh-ui/theme": "^1.0.26"
+    "@yh-ui/components": "^1.0.30",
+    "@yh-ui/hooks": "^1.0.30",
+    "@yh-ui/theme": "^1.0.30"
   },
   "devDependencies": {
     "@nuxt/schema": "^3.11.0 || ^4.0.0",