@movk/nuxt 1.2.0 → 1.3.0

package/dist/unplugin.mjs

@@ -0,0 +1,292 @@
+import { fileURLToPath } from 'node:url';
+import { normalize, basename, dirname, join } from 'pathe';
+import { globSync } from 'tinyglobby';
+import { defu } from 'defu';
+import { createUnplugin } from 'unplugin';
+import { NuxtUIPlugin } from '@nuxt/ui/unplugin';
+import MagicString from 'magic-string';
+import { resolvePathSync } from 'mlly';
+import fs from 'node:fs';
+import path from 'node:path';
+import { g as getTemplates } from './shared/nuxt.DfBEyjld.mjs';
+import { kebabCase } from 'scule';
+import { getDefaultConfig } from '../dist/runtime/utils/theme-defaults.js';
+import { getPackageJsonMetadata } from '../dist/runtime/utils/meta.js';
+import '@nuxt/kit';
+
+function resolveRouterMode(options) {
+  if (options.ui?.router === false) return "none";
+  if (options.ui?.router === "inertia") return "inertia";
+  return "vue-router";
+}
+function buildUiOverrideMap(routerMode) {
+  const map = /* @__PURE__ */ new Map();
+  const overridesLink = resolvePathSync(`@nuxt/ui/runtime/vue/overrides/${routerMode}/Link.vue`, {
+    extensions: [".vue"],
+    url: import.meta.url
+  });
+  const componentsIcon = resolvePathSync("@nuxt/ui/runtime/vue/components/Icon.vue", {
+    extensions: [".vue"],
+    url: import.meta.url
+  });
+  for (const dir of [dirname(overridesLink), dirname(componentsIcon)]) {
+    for (const file of globSync("**/*.vue", { cwd: dir, absolute: true })) {
+      const name = basename(file, ".vue");
+      if (!map.has(name)) map.set(name, file);
+    }
+  }
+  return map;
+}
+const MOVK_COMPONENTS_VIRTUAL = "virtual:movk-components";
+function MovkEnvironmentPlugin(options) {
+  const routerMode = resolveRouterMode(options);
+  const stubPath = resolvePathSync(`../runtime/vue/stubs/${routerMode}`, {
+    extensions: [".ts", ".mjs", ".js"],
+    url: import.meta.url
+  });
+  const messageBoxPath = resolvePathSync("../runtime/components/MessageBox", {
+    extensions: [".vue"],
+    url: import.meta.url
+  });
+  const uiOverrides = buildUiOverrideMap(routerMode);
+  return {
+    name: "movk:environment",
+    enforce: "pre",
+    resolveId(id, importer) {
+      if (id === "#imports") return stubPath;
+      if (id === "#components") return MOVK_COMPONENTS_VIRTUAL;
+      if (importer && /^\.{1,2}\/(?:.*\/)?[^/]+\.vue$/.test(id)) {
+        const ni = normalize(importer);
+        if (ni.includes("/@nuxt/ui/") && ni.includes("/runtime/")) {
+          const override = uiOverrides.get(basename(id, ".vue"));
+          if (override) return override;
+        }
+      }
+    },
+    loadInclude: (id) => id === MOVK_COMPONENTS_VIRTUAL,
+    load(id) {
+      if (id !== MOVK_COMPONENTS_VIRTUAL) return;
+      const iconOverride = uiOverrides.get("Icon");
+      const reExports = UI_COMPONENTS.map((name) => {
+        const from = name === "UIcon" && iconOverride ? iconOverride : `@nuxt/ui/components/${name.slice(1)}.vue`;
+        return `export { default as ${name} } from ${JSON.stringify(from)}`;
+      });
+      return [
+        `import LazyMMessageBoxComponent from ${JSON.stringify(messageBoxPath)}`,
+        ...reExports,
+        `export const LazyMMessageBox = LazyMMessageBoxComponent`
+      ].join("\n");
+    },
+    transformInclude(id) {
+      return normalize(id).includes(runtimeDir);
+    },
+    transform(code) {
+      if (code.includes("import.meta.client")) {
+        const s = new MagicString(code);
+        s.replaceAll("import.meta.client", "true");
+        if (s.hasChanged()) {
+          return { code: s.toString(), map: s.generateMap({ hires: true }) };
+        }
+      }
+    }
+  };
+}
+
+function MovkTemplatePlugin(options) {
+  const templates = getTemplates(options).filter((t) => t.write && t.filename);
+  const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
+  async function writeTemplates(root) {
+    const map = {};
+    const dir = path.join(root, "node_modules", ".movk-ui");
+    for (const template of templates) {
+      const filePath = path.join(dir, template.filename);
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+      fs.writeFileSync(filePath, await template.getContents({}));
+      map[`#build/${template.filename}`] = filePath;
+    }
+    return map;
+  }
+  return {
+    name: "movk:templates",
+    enforce: "pre",
+    vite: {
+      async config(config) {
+        const alias = await writeTemplates(config.root || process.cwd());
+        return { resolve: { alias } };
+      }
+    },
+    resolveId(id) {
+      if (templateKeys.has(id + ".ts")) {
+        return id.replace("#build/", "virtual:movk-templates/") + ".ts";
+      }
+    },
+    loadInclude: (id) => templateKeys.has(id.replace("virtual:movk-templates/", "#build/")),
+    load(id) {
+      const key = id.replace("virtual:movk-templates/", "#build/");
+      return templates.find((t) => `#build/${t.filename}` === key).getContents({});
+    }
+  };
+}
+
+const UI_COLOR_DEFAULTS = {
+  primary: "blue",
+  secondary: "blue",
+  success: "green",
+  info: "blue",
+  warning: "yellow",
+  error: "red",
+  neutral: "slate"
+};
+function MovkAppConfigPlugin(options) {
+  const movkDefault = JSON.stringify(getDefaultConfig(options.theme));
+  const colorDefaults = JSON.stringify(UI_COLOR_DEFAULTS);
+  let movkSite = JSON.stringify(options.site ?? {});
+  return {
+    name: "movk:app-config",
+    vite: {
+      async configResolved(config) {
+        const meta = await getPackageJsonMetadata(config.root);
+        movkSite = JSON.stringify(defu(options.site, {
+          name: kebabCase(meta.name || "") || "movk",
+          description: meta.description
+        }));
+      }
+    },
+    transform(code, id) {
+      if (!id.includes("nuxt-ui-app-config")) return;
+      if (!code.includes("export default")) return;
+      const injected = [
+        `import { defu as __movkDefu } from 'defu'`,
+        code.replace("export default", "const __movkUiAppConfig ="),
+        `export default __movkDefu({`,
+        `  movk: ${movkDefault},`,
+        `  movkSite: ${movkSite},`,
+        `  ui: __movkDefu({ colors: ${colorDefaults} }, __movkUiAppConfig.ui || {})`,
+        `}, __movkUiAppConfig)`
+      ].join("\n");
+      return { code: injected, map: null };
+    }
+  };
+}
+
+const MOVK_PLUGINS_VIRTUAL = "virtual:movk-plugins";
+function MovkPluginsPlugin(options) {
+  const themePath = resolvePathSync("../runtime/vue/plugins/theme", {
+    extensions: [".ts", ".mjs", ".js"],
+    url: import.meta.url
+  });
+  const themeEnabled = options.theme?.enabled !== false;
+  return {
+    name: "movk:plugins",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "@movk/nuxt/vue-plugin") return MOVK_PLUGINS_VIRTUAL;
+    },
+    loadInclude: (id) => id === MOVK_PLUGINS_VIRTUAL,
+    load(id) {
+      if (id !== MOVK_PLUGINS_VIRTUAL) return;
+      return [
+        `import nuxtUIPlugin from '@nuxt/ui/vue-plugin'`,
+        themeEnabled ? `import movkThemePlugin from ${JSON.stringify(themePath)}` : "",
+        `export default {`,
+        `  install(app, pluginOptions = {}) {`,
+        `    app.use(nuxtUIPlugin, pluginOptions)`,
+        themeEnabled ? `    app.use(movkThemePlugin)` : "",
+        `  }`,
+        `}`
+      ].filter(Boolean).join("\n");
+    }
+  };
+}
+
+const runtimeDir = normalize(fileURLToPath(new URL("./runtime", import.meta.url)));
+const UI_COMPONENTS = [
+  "UAccordion",
+  "UButton",
+  "UBadge",
+  "UCheckbox",
+  "UCollapsible",
+  "UForm",
+  "UDropdownMenu",
+  "UIcon",
+  "UInput",
+  "UModal",
+  "UPagination",
+  "USelect",
+  "UPopover",
+  "UCalendar",
+  "UColorPicker",
+  "UTable",
+  "UFormField",
+  "UTooltip",
+  "UInputNumber",
+  "USwitch",
+  "UTextarea",
+  "USlider",
+  "UPinInput",
+  "UInputTags",
+  "UFileUpload",
+  "USelectMenu",
+  "UInputMenu",
+  "UCheckboxGroup",
+  "URadioGroup",
+  "UInputDate",
+  "UInputTime",
+  "UListbox"
+];
+const MOVK_COMPOSABLES = {
+  useAutoForm: ["useAutoForm", "defineControl", "DEFAULT_CONTROLS", "getAutoFormMetadata"],
+  useTheme: ["useTheme"],
+  useDateFormatter: ["useDateFormatter", "CalendarDate"],
+  useMessageBox: ["useMessageBox"]
+};
+function createMovkComponentSource(cwd, prefix, ignore = []) {
+  const files = globSync("**/*.vue", { cwd, ignore: ignore.filter(Boolean) });
+  const paths = new Map(files.map((c) => {
+    const componentName = `${prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`;
+    return [componentName, c];
+  }));
+  return {
+    resolve: (componentName) => {
+      const relativePath = paths.get(componentName);
+      if (!relativePath) return;
+      return { name: "default", from: join(cwd, relativePath) };
+    }
+  };
+}
+const MovkPlugin = createUnplugin((_options = {}, meta) => {
+  const options = defu(_options, { prefix: "M", theme: { enabled: true } });
+  const componentIgnore = options.theme?.enabled === false ? ["theme-picker/**"] : [];
+  const movkComponents = createMovkComponentSource(join(runtimeDir, "components"), options.prefix, componentIgnore);
+  const ui = options.ui || {};
+  const uiOptions = defu(
+    {
+      prefix: "U",
+      // movk 强制 U 前缀（U* shim 依赖），不可被 ui.prefix 覆盖
+      // 把 movk 非服务端 composables 注入 @nuxt/ui 的 unplugin-auto-import 单实例（避免第二实例）
+      autoImport: ui.autoImport === false ? false : defu(ui.autoImport, {
+        // 对齐 Nuxt：允许在 <template> 内使用自动导入（如复用页里 :data="makePeople(30)"）
+        vueTemplate: true,
+        imports: Object.entries(MOVK_COMPOSABLES).map(([from, names]) => ({
+          from: join(runtimeDir, "composables", from),
+          imports: [...names]
+        }))
+      }),
+      // movk 组件解析器注入 @nuxt/ui 的 unplugin-vue-components（defu 数组拼接），避免第二个实例触发重复检测
+      components: ui.components === false ? false : defu(ui.components, { resolvers: [(name) => movkComponents.resolve(name)] })
+    },
+    ui
+  );
+  const uiPlugins = NuxtUIPlugin.raw(uiOptions, meta);
+  return [
+    MovkEnvironmentPlugin(options),
+    MovkAppConfigPlugin(options),
+    ...Array.isArray(uiPlugins) ? uiPlugins : [uiPlugins],
+    MovkTemplatePlugin(options),
+    MovkPluginsPlugin(options)
+  ].flat(1);
+});
+
+export { MovkPlugin, UI_COMPONENTS, runtimeDir };

package/dist/vite.d.mts

@@ -0,0 +1,12 @@
+import * as unplugin from 'unplugin';
+import { MovkUIOptions } from './unplugin.mjs';
+import '@nuxt/ui/unplugin';
+import './module.mjs';
+import '@nuxt/schema';
+import '../dist/runtime/types/api/module.js';
+import '@nuxt/ui';
+import '../dist/runtime/types/index.js';
+
+declare const _default: (options?: MovkUIOptions | undefined) => unplugin.VitePlugin<any> | unplugin.VitePlugin<any>[];
+
+export { MovkUIOptions, _default as default };

package/dist/vite.mjs

@@ -0,0 +1,20 @@
+import { MovkPlugin } from './unplugin.mjs';
+import 'node:url';
+import 'pathe';
+import 'tinyglobby';
+import 'defu';
+import 'unplugin';
+import '@nuxt/ui/unplugin';
+import 'magic-string';
+import 'mlly';
+import 'node:fs';
+import 'node:path';
+import './shared/nuxt.DfBEyjld.mjs';
+import 'scule';
+import '@nuxt/kit';
+import '../dist/runtime/utils/theme-defaults.js';
+import '../dist/runtime/utils/meta.js';
+
+const vite = MovkPlugin.vite;
+
+export { vite as default };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@movk/nuxt",
   "type": "module",
-  "version": "1.2.0",
-  "packageManager": "pnpm@10.33.0",
-  "description": "Nuxt 4 modular engineering suite — schema-driven auto forms (Zod v4), API integration with auth & progress tracking, standalone UI components, and utility composables",
+  "version": "1.3.0",
+  "packageManager": "pnpm@11.5.2",
+  "description": "An engineering suite built on Nuxt UI: schema-driven AutoForm (Zod v4), a full-featured DataTable, standalone UI components and composables. Get the full capabilities — including API integration with auth & progress — in Nuxt 4, and use its UI, forms, tables and theming in plain Vue + Vite via the Vite plugin.",
   "author": "YiXuan <mhaibaraai@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -12,7 +12,7 @@
   },
   "homepage": "https://nuxt.mhaibaraai.cn",
   "engines": {
-    "node": "^22.x || ^24.x"
+    "node": "^20.19.0 || >=22.12.0"
   },
   "bugs": {
     "url": "https://github.com/mhaibaraai/movk-nuxt/issues"
@@ -26,20 +26,35 @@
     "auto-form",
     "schema-driven",
     "validation",
+    "data-table",
+    "table",
     "api",
     "fetch",
     "auth",
     "upload",
     "download",
+    "theme",
+    "message-box",
     "composables",
     "ui-components"
   ],
   "exports": {
     ".": {
       "types": "./dist/module.d.mts",
-      "style": "./dist/runtime/style.css",
+      "style": "./dist/runtime/index.css",
       "import": "./dist/module.mjs"
     },
+    "./vite": {
+      "types": "./dist/vite.d.mts",
+      "import": "./dist/vite.mjs"
+    },
+    "./unplugin": {
+      "types": "./dist/unplugin.d.mts",
+      "import": "./dist/unplugin.mjs"
+    },
+    "./vue-plugin": {
+      "types": "./vue-plugin.d.ts"
+    },
     "./runtime/*": "./dist/runtime/*",
     "./components/*": "./dist/runtime/components/*",
     "./composables": {
@@ -49,7 +64,9 @@
     "./composables/*": {
       "types": "./dist/runtime/composables/*.d.ts",
       "import": "./dist/runtime/composables/*.js"
-    }
+    },
+    "./utils/*": "./dist/runtime/utils/*",
+    "./plugins/*": "./dist/runtime/plugins/*"
   },
   "typesVersions": {
     "*": {
@@ -67,13 +84,21 @@
       ],
       "composables/*": [
         "./dist/runtime/composables/*.d.ts"
+      ],
+      "utils/*": [
+        "./dist/runtime/utils/*.d.ts"
+      ],
+      "plugins/*": [
+        "./dist/runtime/plugins/*.d.ts"
       ]
     }
   },
   "style": "./dist/runtime/index.css",
   "main": "./dist/module.mjs",
   "files": [
-    "dist"
+    ".nuxt/movk-ui.css",
+    "dist",
+    "vue-plugin.d.ts"
   ],
   "peerDependencies": {
     "@nuxt/ui": ">=4.6.0",
@@ -82,52 +107,66 @@
   "scripts": {
     "prepack": "pnpm build",
     "build": "nuxt-module-build build",
-    "dev": "nuxt dev playgrounds/play",
+    "dev": "cross-env TMPDIR=/tmp nuxt dev playgrounds/play --uiDev",
     "dev:build": "nuxt build playgrounds/play",
-    "dev:dashboard": "nuxt dev playgrounds/dashboard",
-    "dev:dashboard:build": "nuxt build playgrounds/dashboard",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/play && nuxt prepare playgrounds/dashboard && nuxt prepare docs",
-    "docs": "nuxt dev docs",
+    "dev:vue": "pnpm --filter './playgrounds/vue' dev",
+    "dev:vue:build": "pnpm --filter './playgrounds/vue' build",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/play && nuxt prepare docs && pnpm dev:vue:build",
+    "docs": "cross-env TMPDIR=/tmp nuxt dev docs --uiDev",
     "docs:build": "nuxt build docs",
     "release": "release-it && npm publish",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/play && nuxt typecheck playgrounds/dashboard && nuxt typecheck docs",
+    "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/play && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
     "clean": "movk-clean",
-    "test": "vitest"
+    "test": "vitest",
+    "test:vue": "vitest --project vue"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.101",
+    "@iconify-json/lucide": "^1.2.111",
     "@iconify-json/ph": "^1.2.2",
-    "@iconify-json/tabler": "^1.2.33",
-    "@internationalized/date": "^3.12.0",
-    "@movk/core": "^1.2.3",
+    "@iconify-json/tabler": "^1.2.35",
+    "@internationalized/date": "^3.12.2",
+    "@movk/core": "^1.3.0",
     "@nuxt/image": "^2.0.0",
-    "@nuxt/ui": "^4.6.1",
-    "@vueuse/core": "^14.2.1",
-    "@vueuse/nuxt": "^14.2.1",
-    "defu": "^6.1.6",
+    "@nuxt/ui": "^4.8.2",
+    "@tanstack/vue-table": "^8.21.3",
+    "@vueuse/core": "^14.3.0",
+    "@vueuse/nuxt": "^14.3.0",
+    "colortranslator": "^6.1.1",
+    "defu": "^6.1.7",
+    "magic-string": "^0.30.21",
     "maska": "^3.2.0",
-    "motion-v": "^2.2.0",
+    "mlly": "^1.8.2",
     "nuxt-auth-utils": "^0.5.29",
-    "nuxt-og-image": "^6.3.2",
-    "reka-ui": "^2.9.3",
+    "nuxt-site-config": "^4.0.8",
+    "pathe": "^2.0.3",
+    "reka-ui": "^2.9.9",
     "scule": "^1.3.0",
-    "tailwindcss": "^4.2.2",
+    "tailwind-variants": "^3.2.2",
+    "tailwindcss": "^4.3.0",
+    "tinyglobby": "^0.2.17",
     "unifont": "^0.7.4",
-    "zod": "^4.3.6"
+    "unplugin": "^3.0.0",
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.15.2",
-    "@nuxt/kit": "^4.4.2",
+    "@nuxt/kit": "^4.4.7",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.4.2",
-    "@release-it/bumper": "^7.0.5",
-    "@release-it/conventional-changelog": "^10.0.6",
-    "eslint": "^10.2.0",
-    "nuxt": "^4.4.2",
-    "typescript": "^6.0.2",
-    "vitest": "^4.1.2",
-    "vue-tsc": "^3.2.6"
+    "@nuxt/schema": "^4.4.7",
+    "@release-it/bumper": "^7.0.6",
+    "@release-it/conventional-changelog": "^11.0.1",
+    "cross-env": "^10.1.0",
+    "eslint": "^10.4.1",
+    "happy-dom": "^20.10.1",
+    "nuxt": "^4.4.7",
+    "typescript": "^6.0.3",
+    "unbuild": "^3.6.1",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^32.1.0",
+    "vitest": "^4.1.8",
+    "vue": "^3.5.35",
+    "vue-tsc": "^3.3.3"
   }
 }

package/vue-plugin.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue'
+
+declare const plugin: Plugin
+
+export default plugin