@movk/nuxt 1.2.0 → 1.3.0

package/.nuxt/movk-ui.css

@@ -0,0 +1,3 @@
+@source "/Users/yixuanmiao/MOVK/movk-nuxt/**/*";
+@source "./movk-ui";
+@source inline("{,sm:,md:,lg:,xl:}grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12}");

package/README.md

@@ -1,6 +1,6 @@
 [![Movk Nuxt](https://nuxt.mhaibaraai.cn/og-image.png)](https://nuxt.mhaibaraai.cn/)
 
-> Nuxt 4 模块化工程套件 — 基于 Zod v4 的 Schema 驱动自动表单、带认证与进度追踪的 API 集成系统、10+ 独立 UI 组件和通用 Composables。
+> 构建在 Nuxt UI 之上的 UI 工程套件 —— Schema 驱动的 AutoForm（Zod v4）、功能完备的 DataTable、独立组件与 Composables。在 Nuxt 4 中获得含认证与进度追踪的 API 集成在内的完整能力；其 UI、表单、表格与主题亦可经 Vite 插件直接用于纯 Vue + Vite 项目（API 集成域仅 Nuxt）。
 
 [![Install MCP in Cursor](https://nuxt.mhaibaraai.cn/mcp/badge.svg)](https://nuxt.mhaibaraai.cn/mcp/deeplink)
 [![Install MCP in VS Code](https://nuxt.mhaibaraai.cn/mcp/badge.svg?ide=vscode)](https://nuxt.mhaibaraai.cn/mcp/deeplink?ide=vscode)
@@ -16,13 +16,15 @@
 
 ## ✨ 特性
 
-- **Schema 驱动** - 基于 Zod v4 的声明式表单定义，一份 Schema 同时定义数据结构、验证规则和 UI 配置。
-- **自动化系统** - AutoForm 通过 Schema 自动生成完整表单界面，支持 15+ 种控件类型。
-- **API 集成** - 内置 useApiFetch、useUploadWithProgress、useDownloadWithProgress，提供多端点支持、自动认证、业务状态码检查、Toast 提示和进度监控。
-- **模块化设计** - 采用分层架构，按需使用 UI 组件、工具函数或全套自动化系统。
-- **独立组件库** - 内置 DatePicker、StarRating、WithCopy 等 10+ 个通用 UI 组件。
-- **类型安全** - 完整的 TypeScript 类型推断，从 Schema 到表单数据。
-- **可扩展** - 支持自定义控件、布局系统、条件渲染等高级特性。
+Movk Nuxt 是构建在 Nuxt UI 之上的 UI 工程套件，提供两种使用方式：在 **Nuxt 4** 中享受含 API 集成的完整能力，或经 **Vite 插件**在纯 **Vue + Vite** 项目中使用其 UI 层。各能力的可用框架如下：
+
+- **AutoForm — Schema 驱动表单**（✅ Nuxt ｜ ✅ Vue + Vite）- 基于 Zod v4 的「定义即渲染」，一份 Schema 同时声明数据结构、验证规则和 UI 配置，自动生成完整表单界面。
+- **DataTable — 数据表格**（✅ Nuxt ｜ ✅ Vue + Vite）- 基于 TanStack Table 封装，覆盖数据列、特殊列（选择/索引/展开/操作）、树形数据、行交互、外观定制、分页与加载更多。
+- **独立组件库**（✅ Nuxt ｜ ✅ Vue + Vite）- DatePicker、StarRating、PillGroup、SearchForm、WithCopy、ThemePicker 等通用 UI 组件，无需依赖 AutoForm 即可独立使用。
+- **主题与 Composables**（✅ Nuxt ｜ ✅ Vue + Vite）- useTheme（主题读写与导出）、useMessageBox（命令式弹窗）、useDateFormatter（国际化日期）等非服务端组合式函数。
+- **API 集成系统**（✅ Nuxt ｜ ❌ Vue + Vite）- useApiFetch / useLazyApiFetch / useClientApiFetch 三件套 + useUploadWithProgress / useDownloadWithProgress，提供多端点、自动认证、业务状态码检查、数据解包、Toast 提示和进度监控；**依赖 Nuxt 服务端运行时，仅 Nuxt 模式可用**。
+- **类型安全** - 完整的 TypeScript 类型推断，从 Schema 到表单数据，组件 prop 回调与事件处理类型可索引访问派生。
+- **AI 友好** - 内置 MCP Server 与 llms.txt，组件、composable、文档可被 AI 智能体检索。
 
 ## 🚀 快速开始
 
@@ -39,27 +41,57 @@ yarn add @movk/nuxt @nuxt/ui zod
 npm install @movk/nuxt @nuxt/ui zod
 ```
 
-### 配置
+### Nuxt
 
 在 `nuxt.config.ts` 中注册模块:
 
 ```ts
 export default defineNuxtConfig({
-  modules: ['@movk/nuxt']
+  modules: ['@movk/nuxt'],
+  movk: {
+    prefix: 'M' // 组件前缀,默认为 'M'
+  }
 })
 ```
 
-可选配置项:
+### Vue / Vite
+
+在纯 Vue + Vite 项目中，经 Vite 插件 + Vue 插件使用 UI 层（组件、主题、AutoForm、DataTable、非服务端 Composables）。**API 集成域在此模式下不可用。**
+
+```bash
+pnpm add @movk/nuxt @nuxt/ui zod tailwindcss vue-router
+```
 
 ```ts
-export default defineNuxtConfig({
-  modules: ['@movk/nuxt'],
-  movk: {
-    prefix: 'M' // 组件前缀,默认为 'M'
-  }
+// vite.config.ts
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import movk from '@movk/nuxt/vite'
+
+export default defineConfig({
+  plugins: [vue(), movk()]
 })
 ```
 
+```ts
+// src/main.ts
+import './assets/css/main.css'
+import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
+import movk from '@movk/nuxt/vue-plugin'
+import App from './App.vue'
+
+const router = createRouter({ routes: [], history: createWebHistory() })
+createApp(App).use(router).use(movk).mount('#app')
+```
+
+```css
+/* src/assets/css/main.css —— 已串联 Tailwind CSS + Nuxt UI + Movk 主题 */
+@import "@movk/nuxt";
+```
+
+根组件用 `<UApp>` 包裹（Toast / Tooltip / useMessageBox 必需）。详见[在线文档 · Vue / Vite](https://nuxt.mhaibaraai.cn/docs/getting-started/vue)。
+
 ### 基础示例
 
 创建一个简单的用户注册表单:
@@ -97,6 +129,27 @@ async function onSubmit(event: FormSubmitEvent<Schema>) {
 
 ## 📦 核心功能
 
+### 独立组件
+
+可直接使用的高质量 UI 组件，涵盖输入增强、表单、反馈与高级交互四类。
+
+### DataTable - 功能完备的数据表格
+
+基于 TanStack Table 封装的 `MDataTable`，以声明式列配置驱动：
+
+```ts
+import type { DataTableColumn } from '@movk/nuxt'
+
+const columns: DataTableColumn<Person>[] = [
+  { type: 'selection' }, // 特殊列：行选择
+  { accessorKey: 'name', header: '姓名', sortable: true, pinable: true },
+  { accessorKey: 'salary', header: '薪资', sortable: true, truncate: true },
+  { type: 'actions', actions: row => [{ label: '编辑', onClick: () => edit(row) }] }
+]
+```
+
+支持数据列（排序/列固定/列宽拖拽/截断+Tooltip/可见性）、特殊列（选择/索引/展开/操作/分组）、树形数据与级联选择、行交互（点击/展开/右键菜单）、外观定制、客户端/服务端分页与加载更多。
+
 ### AutoForm - Schema 驱动的表单系统
 
 基于 Zod Schema 的"定义即渲染"表单解决方案:
@@ -127,56 +180,6 @@ const schema = afz.object({
 })
 ```
 
-**支持的控件类型**:
-- 基础输入: `UInput`、`UInputNumber`、`UCheckbox`、`USwitch`
-- 选择器: `USelect`、`USelectMenu`、`URadioGroup`、`UCheckboxGroup`
-- 高级输入: `UTextarea`、`USlider`、`UPinInput`、`UInputTags`
-- 自定义组件: `DatePicker`、`ColorChooser`、`StarRating`
-- 文件上传: `UFileUpload`
-- 增强输入: `WithCopy`、`WithClear`、`WithPasswordToggle`、`WithCharacterLimit`
-
-### 独立组件
-
-无需依赖 AutoForm,可直接使用的高质量 UI 组件:
-
-#### 日期选择器
-
-```vue
-<template>
-  <MDatePicker v-model="selectedDate" label-format="iso" />
-</template>
-```
-
-#### 输入增强组件
-
-```vue
-<template>
-  <!-- 带复制功能 -->
-  <MWithCopy v-model="apiKey" />
-
-  <!-- 带清除按钮 -->
-  <MWithClear v-model="searchText" />
-
-  <!-- 密码显隐切换 -->
-  <MWithPasswordToggle v-model="password" />
-
-  <!-- 字符数限制 -->
-  <MWithCharacterLimit v-model="bio" :max-length="200" />
-</template>
-```
-
-#### 交互组件
-
-```vue
-<template>
-  <!-- 星级评分 -->
-  <MStarRating v-model="rating" :max="5" />
-
-  <!-- 颜色选择器 -->
-  <MColorChooser v-model="color" />
-</template>
-```
-
 ### Composables
 
 #### useDateFormatter
@@ -269,11 +272,11 @@ await download('/api/export/report', {
 
 Movk Nuxt 采用清晰的分层架构:
 
-- **Core Systems** - AutoForm(已发布)
-- **API System** - useApiFetch、useUploadWithProgress、useDownloadWithProgress，提供完整的 API 请求方案
-- **Standalone Components** - DatePicker、StarRating、WithCopy 等独立 UI 组件
-- **Composables** - useDateFormatter、useAutoForm 等通用组合式函数
-- **Foundation** - 基于 [Nuxt UI](https://ui.nuxt.com)、[Zod v4](https://zod.dev)、[VueUse](https://vueuse.org)
+- **Core Systems** - AutoForm（Schema 驱动表单）、DataTable（数据表格）
+- **API System** - useApiFetch / useLazyApiFetch / useClientApiFetch、useUploadWithProgress、useDownloadWithProgress，提供完整的 API 请求方案
+- **Standalone Components** - DatePicker、StarRating、PillGroup、SearchForm、WithCopy、ThemePicker 等独立 UI 组件
+- **Composables** - useDateFormatter、useTheme、useMessageBox、useAutoForm 等通用组合式函数
+- **Foundation** - 基于 [Nuxt UI](https://ui.nuxt.com)、[Zod v4](https://zod.dev)、[VueUse](https://vueuse.org)、[TanStack Table](https://tanstack.com/table)
 
 ## ⚡ 技术栈
 
@@ -284,14 +287,6 @@ Movk Nuxt 采用清晰的分层架构:
 - [VueUse](https://vueuse.org/) - Collection of Vue Composition Utilities
 - [Vitest](https://vitest.dev/) - Next Generation Testing Framework
 
-## 🗺️ 开发路线图
-
-- ✅ **AutoForm** - Schema 驱动的表单系统（已发布）
-- ✅ **API System** - API 请求封装（已发布）
-  - useApiFetch、useClientApiFetch - API 请求
-  - useUploadWithProgress、useDownloadWithProgress - 进度监控
-- ✅ **独立组件库** - DatePicker、StarRating、WithCopy 等组件（已发布）
-
 ## 📄 许可证
 
 [MIT](./LICENSE) License © 2024-PRESENT [YiXuan](https://github.com/mhaibaraai)

package/dist/module.d.mts

@@ -1,7 +1,63 @@
 import * as _nuxt_schema from '@nuxt/schema';
-import { ModuleOptions } from '../dist/runtime/types/index.js';
+import { MovkApiFullConfig } from '../dist/runtime/types/api/module.js';
+import { ModuleOptions as ModuleOptions$1 } from '@nuxt/ui';
 export * from '../dist/runtime/types/index.js';
 
+interface ThemeFontConfig {
+    /** 字体名称 */
+    name: string;
+    /**
+     * 字体 CSS 文件的完整 URL；未提供时运行时回退到 Google Fonts URL
+     * @example 'https://cdn.mhaibaraai.cn/fonts/alibaba-puhuiti.css'
+     */
+    href?: string;
+}
+type StrictUiTheme = {
+    [K in keyof NonNullable<ModuleOptions$1['theme']>]?: Exclude<NonNullable<ModuleOptions$1['theme']>[K], null>;
+};
+interface ModuleOptions {
+    /**
+     * 组件前缀
+     * @defaultValue 'M'
+     */
+    prefix?: string;
+    /** API 模块配置 */
+    api?: MovkApiFullConfig;
+    /** 主题模块配置 */
+    theme?: {
+        /**
+         * 是否启用主题模块（appConfig 默认值、theme plugin、ThemePicker 组件）
+         * @defaultValue true
+         */
+        enabled?: boolean;
+        /**
+         * Define the color aliases available for components
+         * @defaultValue `['primary', 'secondary', 'success', 'info', 'warning', 'error']`
+         * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#themecolors
+         */
+        colors?: StrictUiTheme['colors'];
+        /**
+         * The default variants to use for components
+         * @defaultValue 'nuxt.options.ui.theme.defaultVariants'
+         * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#themedefaultvariants
+         */
+        defaultVariants?: StrictUiTheme['defaultVariants'];
+        /**
+         * Prefix for Tailwind CSS utility classes
+         * @defaultValue 'nuxt.options.ui.theme.prefix'
+         * @see https://ui.nuxt.com/docs/getting-started/installation/nuxt#themeprefix
+         * @example 'tw'
+         */
+        prefix?: StrictUiTheme['prefix'];
+        /** ThemePicker 字体可选项；提供时完整替换内置列表 */
+        fonts?: ThemeFontConfig[];
+        /** ThemePicker 圆角可选项 */
+        radiuses?: number[];
+        /** ThemePicker neutral 颜色可选项 */
+        neutralColors?: string[];
+    };
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@movk/nuxt",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "configKey": "movk",
   "compatibility": {
     "nuxt": ">=4.4.2"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",
-    "unbuild": "unknown"
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,125 +1,117 @@
 import { addPlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
 import defu, { defu as defu$1 } from 'defu';
-import { DEFAULT_TOAST_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_RESPONSE_CONFIG, DEFAULT_ENDPOINT } from '../dist/runtime/constants/api-defaults.js';
+import { a as addTemplates } from './shared/nuxt.DfBEyjld.mjs';
 import { getPackageJsonMetadata } from '../dist/runtime/utils/meta.js';
-import { defineFontProvider } from 'unifont';
+import { kebabCase } from 'scule';
+import { updateSiteConfig } from 'nuxt-site-config/kit';
+import { getDefaultConfig } from '../dist/runtime/utils/theme-defaults.js';
 export * from '../dist/runtime/types/index.js';
+import 'node:url';
 
 const name = "@movk/nuxt";
-const version = "1.2.0";
+const version = "1.3.0";
 
-function setupTheme(nuxt, resolve, options) {
-  if (options.theme?.enabled === false) return;
-  nuxt.options.appConfig.theme = defu(nuxt.options.appConfig.theme || {}, {
-    radius: 0.25,
-    blackAsPrimary: false,
-    font: "Alibaba PuHuiTi",
-    icons: "lucide"
-  });
-  nuxt.options.appConfig.ui = defu(nuxt.options.appConfig.ui || {}, {
-    colors: {
-      primary: "sky",
-      secondary: "blue",
-      success: "green",
-      info: "blue",
-      warning: "yellow",
-      error: "red",
-      neutral: "slate"
+function getDefaultApiConfig(apiConfig) {
+  const publicEndpoints = {};
+  const privateEndpoints = {};
+  if (apiConfig?.endpoints) {
+    for (const [key, { headers, ...rest }] of Object.entries(apiConfig.endpoints)) {
+      publicEndpoints[key] = rest;
+      if (headers) privateEndpoints[key] = { headers };
     }
-  });
+  }
+  const endpoints = { default: { baseURL: "/api" }, ...publicEndpoints };
+  const publicConfig = {
+    defaultEndpoint: apiConfig?.defaultEndpoint ?? "default",
+    debug: apiConfig?.debug ?? false,
+    endpoints,
+    response: defu(
+      apiConfig?.response,
+      {
+        successCodes: [200, 0, "200", "0"],
+        codeKey: "code",
+        messageKey: "message",
+        dataKey: "data"
+      }
+    ),
+    auth: defu(
+      apiConfig?.auth,
+      {
+        enabled: false,
+        tokenSource: "session",
+        sessionTokenPath: "token",
+        tokenType: "Bearer",
+        headerName: "Authorization",
+        unauthorized: {
+          redirect: true,
+          clearSession: true,
+          loginPath: "/login"
+        }
+      }
+    ),
+    toast: defu(
+      apiConfig?.toast,
+      {
+        enabled: true,
+        success: {
+          show: true,
+          color: "success",
+          icon: "i-lucide-circle-check"
+        },
+        error: {
+          show: true,
+          color: "error",
+          icon: "i-lucide-circle-x"
+        }
+      }
+    )
+  };
+  const privateConfig = {
+    endpoints: Object.keys(privateEndpoints).length > 0 ? privateEndpoints : void 0
+  };
+  return { publicConfig, privateConfig };
+}
+const defaultOptions = {
+  prefix: "M",
+  theme: {
+    enabled: true
+  }
+};
+
+function addTheme(nuxt, resolve, theme) {
+  if (theme?.enabled === false) return;
   nuxt.options.app.head.meta = nuxt.options.app.head.meta || [];
   nuxt.options.app.head.meta.push(
     { charset: "utf-8" },
     { name: "viewport", content: "width=device-width, initial-scale=1" }
   );
   nuxt.options.app.head.htmlAttrs = defu(nuxt.options.app.head.htmlAttrs || {}, {
-    lang: "zh-CN",
     dir: "ltr"
   });
+  nuxt.options.appConfig.movk = defu(
+    nuxt.options.appConfig.movk || {},
+    getDefaultConfig(theme)
+  );
+  nuxt.options.appConfig.ui = defu(
+    {
+      colors: {
+        primary: "blue",
+        secondary: "blue",
+        success: "green",
+        info: "blue",
+        warning: "yellow",
+        error: "red",
+        neutral: "slate"
+      }
+    },
+    nuxt.options.appConfig.ui || {}
+  );
   addPlugin({
     src: resolve("runtime/plugins/theme"),
     mode: "all"
   });
 }
 
-const WEIGHT_MAP = {
-  100: "Thin",
-  300: "Light",
-  400: "Regular",
-  500: "Medium",
-  600: "SemiBold",
-  700: "Bold",
-  800: "ExtraBold",
-  900: "Heavy",
-  950: "Black"
-};
-const FONT_FAMILY = "Alibaba PuHuiTi";
-function createAlibabaPuHuiTiProvider(cdnBase) {
-  return defineFontProvider("alibaba-puhuiti", () => ({
-    async resolveFont(fontFamily, options) {
-      if (fontFamily !== FONT_FAMILY) return void 0;
-      const weights = options.weights?.length ? options.weights.filter((w) => WEIGHT_MAP[w]) : Object.keys(WEIGHT_MAP);
-      const fonts = weights.map((weight) => ({
-        src: [{ url: `${cdnBase}/AlibabaPuHuiTi-${WEIGHT_MAP[weight]}.woff2`, format: "woff2" }],
-        weight,
-        style: "normal"
-      }));
-      return { fonts };
-    }
-  }));
-}
-
-const FONT_PROVIDERS = [
-  {
-    key: "alibabaPuhuiti",
-    providerKey: "alibaba-puhuiti",
-    create: createAlibabaPuHuiTiProvider
-  }
-];
-const BUNNY_FONT_NAMES = ["Public Sans", "DM Sans", "Geist", "Inter", "Poppins", "Outfit", "Raleway"];
-function setupFonts(options, nuxt) {
-  if (options.fonts?.enabled === false) return;
-  const nuxtOpts = nuxt.options;
-  nuxtOpts.fonts = nuxtOpts.fonts || {};
-  nuxtOpts.fonts.families = nuxtOpts.fonts.families || [];
-  const existingNames = new Set(nuxtOpts.fonts.families.map((f) => f.name));
-  for (const name of BUNNY_FONT_NAMES) {
-    if (!existingNames.has(name)) {
-      nuxtOpts.fonts.families.push({ name, provider: "bunny" });
-    }
-  }
-  const active = FONT_PROVIDERS.filter((fp) => options.fonts?.[fp.key]?.cdn);
-  if (!active.length) return;
-  nuxt.hook("fonts:providers", (providers) => {
-    for (const fp of active) {
-      providers[fp.providerKey] = fp.create(options.fonts[fp.key].cdn);
-    }
-  });
-}
-
-function buildApiRuntimeConfig(apiConfig) {
-  const publicEndpoints = {};
-  const privateEndpoints = {};
-  if (apiConfig.endpoints) {
-    for (const [key, { headers, ...rest }] of Object.entries(apiConfig.endpoints)) {
-      publicEndpoints[key] = rest;
-      if (headers) privateEndpoints[key] = { headers };
-    }
-  }
-  const hasEndpoints = Object.keys(publicEndpoints).length > 0;
-  const publicConfig = {
-    defaultEndpoint: apiConfig.defaultEndpoint ?? "default",
-    debug: apiConfig.debug ?? false,
-    endpoints: hasEndpoints ? publicEndpoints : DEFAULT_ENDPOINT,
-    response: defu$1(apiConfig.response, DEFAULT_RESPONSE_CONFIG),
-    auth: defu$1(apiConfig.auth, DEFAULT_AUTH_CONFIG),
-    toast: defu$1(apiConfig.toast, DEFAULT_TOAST_CONFIG)
-  };
-  const privateConfig = {
-    endpoints: Object.keys(privateEndpoints).length > 0 ? privateEndpoints : void 0
-  };
-  return { publicConfig, privateConfig };
-}
 const module$1 = defineNuxtModule({
   meta: {
     name,
@@ -127,36 +119,21 @@ const module$1 = defineNuxtModule({
     configKey: "movk",
     compatibility: { nuxt: ">=4.4.2" }
   },
-  defaults: {
-    prefix: "M",
-    theme: {
-      enabled: true
-    },
-    fonts: {
-      enabled: true,
-      alibabaPuhuiti: {
-        cdn: "https://cdn.mhaibaraai.cn/fonts"
-      }
-    }
-  },
+  defaults: defaultOptions,
   moduleDependencies: {
-    "@vueuse/nuxt": { version: ">=14.2.1" },
     "@nuxt/image": { version: ">=2.0.0" },
-    "@nuxt/ui": { version: ">=4.6.0" },
-    "nuxt-og-image": {
-      version: ">=6.3.1",
-      defaults: { zeroRuntime: true }
-    },
-    "nuxt-auth-utils": { version: ">=0.5.29" }
+    "@nuxt/ui": { version: ">=4.6.0", defaults: { fonts: false } },
+    "@vueuse/nuxt": { version: ">=14.2.1" },
+    "nuxt-auth-utils": { version: ">=0.5.29" },
+    "nuxt-site-config": { version: ">=4.0.8" }
   },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    setupTheme(nuxt, resolve, options);
-    setupFonts(options, nuxt);
+    nuxt.options.movk = options;
     nuxt.options.alias["#movk"] = resolve("./runtime");
     nuxt.options.css = nuxt.options.css || [];
-    nuxt.options.css.push(resolve("runtime/style.css"));
-    const componentIgnore = ["auto-form-renderer/**"];
+    nuxt.options.css.push(resolve("runtime/index.css"));
+    const componentIgnore = [];
     if (options.theme?.enabled === false) {
       componentIgnore.push("theme-picker/**");
     }
@@ -169,14 +146,31 @@ const module$1 = defineNuxtModule({
     addImportsDir(resolve("runtime/composables"));
     const apiConfig = options.api ?? {};
     if (apiConfig.enabled !== false) {
-      const { publicConfig, privateConfig } = buildApiRuntimeConfig(apiConfig);
+      const { publicConfig, privateConfig } = getDefaultApiConfig(apiConfig);
       nuxt.options.runtimeConfig.movkApi = privateConfig;
       nuxt.options.runtimeConfig.public.movkApi = publicConfig;
       addPlugin({ src: resolve("runtime/plugins/api.factory"), mode: "all" });
     }
     const meta = await getPackageJsonMetadata(nuxt.options.rootDir);
-    nuxt.options.site = defu$1(nuxt.options.site, {
-      name: meta.name || "movk-nuxt"
+    nuxt.hook("modules:done", async () => {
+      const site = defu$1(nuxt.options.site, {
+        name: kebabCase(meta.name || "") || "movk",
+        description: meta.description,
+        debug: false
+      });
+      updateSiteConfig(site);
+      const uiTheme = nuxt.options.ui?.theme;
+      const themeDefaults = {
+        prefix: uiTheme?.prefix ?? void 0,
+        colors: uiTheme?.colors ?? void 0,
+        defaultVariants: uiTheme?.defaultVariants ?? void 0
+      };
+      options.theme = defu$1(options.theme || {}, themeDefaults);
+      addTheme(nuxt, resolve, options.theme);
+      await addTemplates(options, nuxt);
+    });
+    nuxt.hook("prepare:types", ({ references }) => {
+      references.push({ path: resolve("./runtime/types/app.config.d.ts") });
     });
   }
 });

package/dist/runtime/components/AutoForm.d.vue.ts

@@ -1,44 +1,24 @@
-import type { ButtonProps, FormEmits, FormProps, InferInput } from '@nuxt/ui';
+import type { ComponentConfig, InferInput } from '@nuxt/ui';
 import type { z } from 'zod';
-import type { ZodAutoFormFieldMeta } from '../types/zod.js';
-import type { AutoFormControls, AutoFormSlotProps, DynamicFormSlots } from '../types/auto-form.js';
-export interface AutoFormProps<S extends z.ZodObject, T extends boolean = true, N extends boolean = false> extends FormProps<S, T, N> {
-    /**
-     * 是否显示默认提交按钮
-     * @defaultValue true
-     */
-    submitButton?: boolean;
-    /** 提交按钮属性 */
-    submitButtonProps?: ButtonProps;
-    /** 自定义控件映射 */
-    controls?: AutoFormControls;
-    /** 全局字段元数据配置 */
-    globalMeta?: ZodAutoFormFieldMeta;
-    /** 数组字段添加按钮属性 */
-    addButtonProps?: ButtonProps;
-    loadingAuto?: boolean;
-}
-export interface AutoFormEmits<S extends z.ZodObject, T extends boolean = true> extends FormEmits<S, T> {
-}
-export type AutoFormSlots<T extends object> = {
-    header: (props: AutoFormSlotProps<T>) => any;
-    footer: (props: AutoFormSlotProps<T>) => any;
-    submit: (props: AutoFormSlotProps<T>) => any;
-} & DynamicFormSlots<T>;
+import type { AutoFormProps, AutoFormSlots } from '../types/auto-form/component';
+import theme from '#build/movk-ui/auto-form';
+import type { AppConfig } from 'nuxt/schema';
 declare const __VLS_export: <S extends z.ZodObject, T extends boolean = true, N extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<AutoFormProps<S, T, N> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(AutoFormProps<S, T, N> & {
+        ui?: ComponentConfig<typeof theme, AppConfig, "autoForm">["slots"];
+    }) & {
+        onError?: ((args_0: import("@nuxt/ui").FormErrorEvent) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        formRef: any;
+        formRef: Readonly<import("vue").ShallowRef<any, any>>;
         reset: () => void;
         clear: () => void;
     }>) => void;
     attrs: any;
     slots: AutoFormSlots<N extends false ? Partial<InferInput<S>> : never>;
-    emit: any;
+    emit: (evt: "error", args_0: import("@nuxt/ui").FormErrorEvent) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };