@yh-ui/nuxt 0.1.56 → 1.0.1

package/README.md

@@ -65,7 +65,7 @@ export default defineNuxtConfig({
 })
 ```
 
-开启 `importStyle` 时，Nuxt 模块内部实际注入的是公开 CSS 入口 `@yh-ui/components/style`，不会依赖应用侧的 Sass 环境。
+开启 `importStyle` 时，Nuxt 模块会直接把显式 CSS 子路径 `@yh-ui/components/style.css` 注入到 `nuxt.options.css`，不会依赖应用侧的 Sass 环境，也能避免 Nuxt SSR 样式提取告警。
 
 ### 第 2 步：直接使用组件
 
@@ -95,7 +95,8 @@ const columns = [{ prop: 'name', label: '名称' }]
 <script setup lang="ts">
 // 以下 composable 均无需 import，直接使用
 const ns = useNamespace('my-component') // BEM 类名
-const id = useId() // 稳定唯一 ID
+const id = useId() // Vue/Nuxt 原生稳定唯一 ID
+const yhId = useYhId() // YH-UI hooks 别名导入
 const { nextZIndex } = useZIndex() // z-index 管理
 const { t } = useLocale() // i18n 翻译
 </script>
@@ -139,7 +140,7 @@ export default defineNuxtConfig({
 | `importStyle` | `boolean` | `true`    | 是否自动注入 YH-UI CSS 样式 |
 | `locale`      | `string`  | `'zh-CN'` | 默认语言代码（67 种可选）   |
 
-`importStyle` 为 `true` 时，实际注入路径为 `@yh-ui/components/style`。
+`importStyle` 为 `true` 时，模块会直接向 `nuxt.options.css` 注入 `@yh-ui/components/style.css`。
 
 ---
 
@@ -181,7 +182,7 @@ YhAiBubble        YhAiSender        YhAiProvider      ... 共 77+ 个
 ## 🪝 自动导入的 Composable
 
 ```
-useNamespace    useId         useZIndex     useLocale
+useNamespace    useYhId       useZIndex     useLocale
 useFormItem     useConfig     useCache      useClickOutside
 useEventListener useScrollLock useCountdown useSKU
 useVirtualScroll useAI

package/dist/module.cjs

@@ -13,6 +13,7 @@ if (typeof crypto__default.hash !== "function") {
     return crypto__default.createHash(algorithm).update(data).digest(outputEncoding);
   };
 }
+const PUBLISHED_CSS_ENTRY = "@yh-ui/components/style.css";
 const yhNuxtModule = kit.defineNuxtModule({
   meta: {
     name: "@yh-ui/nuxt",
@@ -31,10 +32,10 @@ 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"));
+    kit.addPlugin(resolve("./runtime/plugin.mjs"));
     if (options.importStyle) {
-      if (!nuxt.options.css.includes("@yh-ui/components/style")) {
-        nuxt.options.css.push("@yh-ui/components/style");
+      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
+        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
       }
     }
     if (options.buildTranspile) {
@@ -200,7 +201,6 @@ const yhNuxtModule = kit.defineNuxtModule({
       "useFormItem",
       "createZIndexCounter",
       "useGlobalNamespace",
-      "useId",
       "useVirtualScroll",
       "useCache",
       "useEventListener",
@@ -243,6 +243,11 @@ const yhNuxtModule = kit.defineNuxtModule({
         from: "@yh-ui/hooks"
       });
     });
+    kit.addImports({
+      name: "useId",
+      as: "useYhId",
+      from: "@yh-ui/hooks"
+    });
     const globalMethods = [
       "YhMessage",
       "YhNotification",

package/dist/module.d.cts

@@ -3,7 +3,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 interface ModuleOptions {
     /**
      * Whether to automatically inject published CSS styles.
-     * If true, it will import `@yh-ui/components/style`.
+     * If true, it will import the published CSS entry.
      * @default true
      */
     importStyle?: boolean;

package/dist/module.d.mts

@@ -3,7 +3,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 interface ModuleOptions {
     /**
      * Whether to automatically inject published CSS styles.
-     * If true, it will import `@yh-ui/components/style`.
+     * If true, it will import the published CSS entry.
      * @default true
      */
     importStyle?: boolean;

package/dist/module.d.ts

@@ -3,7 +3,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 interface ModuleOptions {
     /**
      * Whether to automatically inject published CSS styles.
-     * If true, it will import `@yh-ui/components/style`.
+     * If true, it will import the published CSS entry.
      * @default true
      */
     importStyle?: boolean;

package/dist/module.mjs

@@ -6,6 +6,7 @@ if (typeof crypto.hash !== "function") {
     return crypto.createHash(algorithm).update(data).digest(outputEncoding);
   };
 }
+const PUBLISHED_CSS_ENTRY = "@yh-ui/components/style.css";
 const yhNuxtModule = defineNuxtModule({
   meta: {
     name: "@yh-ui/nuxt",
@@ -24,10 +25,10 @@ const yhNuxtModule = defineNuxtModule({
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    addPlugin(resolve("./runtime/plugin"));
+    addPlugin(resolve("./runtime/plugin.mjs"));
     if (options.importStyle) {
-      if (!nuxt.options.css.includes("@yh-ui/components/style")) {
-        nuxt.options.css.push("@yh-ui/components/style");
+      if (!nuxt.options.css.includes(PUBLISHED_CSS_ENTRY)) {
+        nuxt.options.css.push(PUBLISHED_CSS_ENTRY);
       }
     }
     if (options.buildTranspile) {
@@ -193,7 +194,6 @@ const yhNuxtModule = defineNuxtModule({
       "useFormItem",
       "createZIndexCounter",
       "useGlobalNamespace",
-      "useId",
       "useVirtualScroll",
       "useCache",
       "useEventListener",
@@ -236,6 +236,11 @@ const yhNuxtModule = defineNuxtModule({
         from: "@yh-ui/hooks"
       });
     });
+    addImports({
+      name: "useId",
+      as: "useYhId",
+      from: "@yh-ui/hooks"
+    });
     const globalMethods = [
       "YhMessage",
       "YhNotification",

package/dist/runtime/plugin.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+const app = require('nuxt/app');
+const hooks = require('@yh-ui/hooks');
+const components = require('@yh-ui/components');
+
+const plugin = app.defineNuxtPlugin((nuxtApp) => {
+  const zIndexCounter = hooks.createZIndexCounter();
+  nuxtApp.vueApp.provide(hooks.zIndexCounterKey, zIndexCounter);
+  nuxtApp.vueApp.directive("yh-loading", components.vLoading);
+  nuxtApp.vueApp.directive("yh-infinite-scroll", components.vYhInfiniteScroll);
+});
+
+module.exports = plugin;

package/dist/runtime/plugin.d.cts

@@ -0,0 +1,12 @@
+import { defineNuxtPlugin } from 'nuxt/app';
+import { createZIndexCounter, zIndexCounterKey } from '@yh-ui/hooks';
+import { vLoading, vYhInfiniteScroll } from '@yh-ui/components';
+
+var plugin = defineNuxtPlugin((nuxtApp) => {
+  const zIndexCounter = createZIndexCounter();
+  nuxtApp.vueApp.provide(zIndexCounterKey, zIndexCounter);
+  nuxtApp.vueApp.directive("yh-loading", vLoading);
+  nuxtApp.vueApp.directive("yh-infinite-scroll", vYhInfiniteScroll);
+});
+
+export = plugin;

package/dist/runtime/plugin.d.mts

@@ -0,0 +1,12 @@
+import { defineNuxtPlugin } from 'nuxt/app';
+import { createZIndexCounter, zIndexCounterKey } from '@yh-ui/hooks';
+import { vLoading, vYhInfiniteScroll } from '@yh-ui/components';
+
+var plugin = defineNuxtPlugin((nuxtApp) => {
+  const zIndexCounter = createZIndexCounter();
+  nuxtApp.vueApp.provide(zIndexCounterKey, zIndexCounter);
+  nuxtApp.vueApp.directive("yh-loading", vLoading);
+  nuxtApp.vueApp.directive("yh-infinite-scroll", vYhInfiniteScroll);
+});
+
+export { plugin as default };

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,12 @@
+import { defineNuxtPlugin } from 'nuxt/app';
+import { createZIndexCounter, zIndexCounterKey } from '@yh-ui/hooks';
+import { vLoading, vYhInfiniteScroll } from '@yh-ui/components';
+
+var plugin = defineNuxtPlugin((nuxtApp) => {
+  const zIndexCounter = createZIndexCounter();
+  nuxtApp.vueApp.provide(zIndexCounterKey, zIndexCounter);
+  nuxtApp.vueApp.directive("yh-loading", vLoading);
+  nuxtApp.vueApp.directive("yh-infinite-scroll", vYhInfiniteScroll);
+});
+
+export = plugin;

package/dist/runtime/plugin.mjs

@@ -0,0 +1,12 @@
+import { defineNuxtPlugin } from 'nuxt/app';
+import { createZIndexCounter, zIndexCounterKey } from '@yh-ui/hooks';
+import { vLoading, vYhInfiniteScroll } from '@yh-ui/components';
+
+const plugin = defineNuxtPlugin((nuxtApp) => {
+  const zIndexCounter = createZIndexCounter();
+  nuxtApp.vueApp.provide(zIndexCounterKey, zIndexCounter);
+  nuxtApp.vueApp.directive("yh-loading", vLoading);
+  nuxtApp.vueApp.directive("yh-infinite-scroll", vYhInfiniteScroll);
+});
+
+export { plugin as default };

package/package.json

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