@jctrans-materials/nuxt 1.0.1 → 1.0.3

package/package.json

@@ -1,21 +1,22 @@
 {
   "name": "@jctrans-materials/nuxt",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Nuxt module for JCtrans UI components",
   "exports": {
     ".": "./src/module.ts"
   },
   "dependencies": {
-    "nuxt": "^3.0.0",
     "@nuxt/kit": "^3.0.0",
+    "defu": "6.1.2",
+    "nuxt": "^3.0.0",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
-    "@jctrans-materials/comps-vue3": "1.0.1"
+    "@jctrans-materials/comps-vue3": "1.0.3"
   },
   "peerDependencies": {
     "nuxt": "^3.0.0",
-    "@jctrans-materials/comps-vue3": "1.0.1"
+    "@jctrans-materials/comps-vue3": "1.0.3"
   },
   "devDependencies": {
     "@nuxt/module-builder": "latest"

package/src/module.ts

@@ -4,54 +4,69 @@ import {
   addPlugin,
   createResolver,
 } from "nuxt/kit";
+import { defu } from "defu";
+import type { SharedConfig } from "@jctrans-materials/comps-vue3";
 
-// 定义模块配置项（如果以后需要传参，比如 jctrans: { prefix: 'JC' }）
 export interface ModuleOptions {
-  /**
-   * 是否自动引入样式
-   * @default true
-   */
   addStyle?: boolean;
+  sharedConfig?: Partial<SharedConfig>;
 }
 
 export default defineNuxtModule<ModuleOptions>({
   meta: {
     name: "@jctrans-materials/nuxt",
-    configKey: "jctrans", // 在 nuxt.config.ts 中使用的键名
+    configKey: "jctrans",
     compatibility: {
       nuxt: "^3.0.0",
     },
   },
+
   defaults: {
     addStyle: true,
+    sharedConfig: {},
   },
+
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
 
-    // 1. 自动注入样式文件
-    // 用户不再需要手动 import '@jctrans-materials/comps/style.css'
+    nuxt.options.runtimeConfig.public ||= {};
+    nuxt.options.runtimeConfig.public.jctrans = defu(
+      nuxt.options.runtimeConfig.public.jctrans,
+      {
+        sharedConfig: options.sharedConfig,
+      },
+    );
+
     if (options.addStyle) {
       nuxt.options.css.push("@jctrans-materials/comps-vue3/index.css");
     }
 
-    // 2. 自动注册组件 (Auto-import)
-    // 这样用户在页面里直接写 <Search /> 即可，无需 import
-    const components = ["JcSearch", "ApplyDataDialog"];
-
-    components.forEach((name) => {
-      addComponent({
-        name: name, // 组件在模板中的标签名
-        export: name, // 从基础库中导出的具名对象名
-        filePath: "@jctrans-materials/comps-vue3", // 来源库
-      });
-    });
+    ["JcSearch", "ApplyDataDialog", "MSearch", "GlobalModal"].forEach(
+      (name) => {
+        addComponent({
+          name,
+          export: name,
+          filePath: "@jctrans-materials/comps-vue3",
+        });
+      },
+    );
 
-    // 3. 处理 SSR 转译
-    // 确保 Nuxt 能够正确处理组件库里的 ESM 代码
-    nuxt.options.build.transpile.push("@jctrans-materials/comps-vue3", "element-plus");
+    nuxt.options.build.transpile.push(
+      "@jctrans-materials/comps-vue3",
+      "element-plus",
+    );
 
-    // 4. 注册运行时插件 (用于指令等)
-    // 如果你的组件库在 install 里注册了全局指令，需要在这里指向一个插件文件
-    addPlugin(resolve("./runtime/plugin"));
+    addPlugin({
+      src: resolve("./runtime/plugin"),
+      mode: "all",
+    });
   },
 });
+
+declare module "@nuxt/schema" {
+  interface PublicRuntimeConfig {
+    jctrans?: {
+      sharedConfig?: Partial<SharedConfig>;
+    };
+  }
+}

package/src/runtime/plugin.ts

@@ -1,8 +1,13 @@
-import { defineNuxtPlugin } from "#app";
-import JCtransComps from "@jctrans-materials/comps-vue3";
+import { defineNuxtPlugin, useRuntimeConfig } from '#app'
+import { initSharedConfig } from '@jctrans-materials/comps-vue3'
 
-export default defineNuxtPlugin((nuxtApp) => {
-  // 此时组件已经被 addComponent 自动注册了，
-  // 我们这里主要执行基础库里的 install 函数，用于挂载指令或全局属性
-  nuxtApp.vueApp.use(JCtransComps);
-});
+export default defineNuxtPlugin(() => {
+  const runtimeConfig = useRuntimeConfig()
+
+  const sharedConfig =
+    runtimeConfig.public?.jctrans?.sharedConfig
+
+  if (sharedConfig) {
+    initSharedConfig(sharedConfig)
+  }
+})