@movk/nuxt 1.1.2 → 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/)
 
-> `@movk/nuxt` 是一个为 Nuxt 4 设计的模块化工程套件，提供 Schema 驱动的自动表单生成、API 集成系统、独立 UI 组件和通用工具函数。
+> 构建在 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、useApiAuth、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)。
+
 ### 基础示例
 
 创建一个简单的用户注册表单:
@@ -67,7 +99,7 @@ export default defineNuxtConfig({
 ```vue
 <script setup lang="ts">
 import type { FormSubmitEvent } from '@nuxt/ui'
-import type { z } from 'zod/v4'
+import type { z } from 'zod'
 
 const { afz } = useAutoForm()
 
@@ -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
@@ -237,29 +240,6 @@ const { data } = await useApiFetch<User>('/users', {
 const { data } = await useApiFetch('/users', { endpoint: 'v2' })
 ```
 
-#### useApiAuth
-
-与 nuxt-auth-utils 集成的认证管理：
-
-```ts
-const { login, clear, loggedIn, user } = useApiAuth()
-
-// 登录
-await login({
-  loginPath: '/auth/login',
-  credentials: { username: 'admin', password: '123456' },
-  userInfoPath: '/auth/me' // 可选，登录后获取用户信息
-})
-
-// 登出
-await clear()
-
-// 响应式状态
-if (loggedIn.value) {
-  console.log('当前用户:', user.value)
-}
-```
-
 #### useUploadWithProgress
 
 带进度监控的文件上传：
@@ -292,11 +272,11 @@ await download('/api/export/report', {
 
 Movk Nuxt 采用清晰的分层架构:
 
-- **Core Systems** - AutoForm(已发布)
-- **API System** - useApiFetch、useApiAuth,提供完整的 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)
 
 ## ⚡ 技术栈
 
@@ -307,15 +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 请求
-  - useApiAuth - 认证管理
-  - useUploadWithProgress、useDownloadWithProgress - 进度监控
-- ✅ **独立组件库** - DatePicker、StarRating、WithCopy 等组件（已发布）
-
 ## 📄 许可证
 
 [MIT](./LICENSE) License © 2024-PRESENT [YiXuan](https://github.com/mhaibaraai)

package/dist/module.d.mts

@@ -1,5 +1,63 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import { MovkApiFullConfig } from '../dist/runtime/types/api/module.js';
+import { ModuleOptions as ModuleOptions$1 } from '@nuxt/ui';
 export * from '../dist/runtime/types/index.js';
 
-declare const _default: any;
+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,9 +1,9 @@
 {
   "name": "@movk/nuxt",
-  "version": "1.1.2",
+  "version": "1.3.0",
   "configKey": "movk",
   "compatibility": {
-    "nuxt": ">=4.2.0"
+    "nuxt": ">=4.4.2"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -1,97 +1,177 @@
-import { addPlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addServerHandler } from '@nuxt/kit';
-import { apiToastConfigSchema, apiAuthConfigSchema, apiResponseConfigSchema } from '../dist/runtime/schemas/api.js';
-import defu from 'defu';
+import { addPlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
+import defu, { defu as defu$1 } from 'defu';
+import { a as addTemplates } from './shared/nuxt.DfBEyjld.mjs';
+import { getPackageJsonMetadata } from '../dist/runtime/utils/meta.js';
+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.1.2";
+const version = "1.3.0";
 
-function setupTheme(nuxt, resolve) {
-  nuxt.options.appConfig.theme = defu(nuxt.options.appConfig.theme || {}, {
-    radius: 0.25,
-    blackAsPrimary: false,
-    font: "Public Sans",
-    icons: "lucide"
-  });
-  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" }
-  );
-  addPlugin({
-    src: resolve("runtime/plugins/theme"),
-    mode: "all"
-  });
-}
-
-const DEFAULT_ENDPOINT = { default: { baseURL: "/api" } };
-function splitEndpointConfigs(endpoints) {
+function getDefaultApiConfig(apiConfig) {
   const publicEndpoints = {};
   const privateEndpoints = {};
-  if (!endpoints) return { publicEndpoints, privateEndpoints };
-  for (const [name2, { headers, ...publicConfig }] of Object.entries(endpoints)) {
-    publicEndpoints[name2] = publicConfig;
-    if (headers) {
-      privateEndpoints[name2] = { headers };
+  if (apiConfig?.endpoints) {
+    for (const [key, { headers, ...rest }] of Object.entries(apiConfig.endpoints)) {
+      publicEndpoints[key] = rest;
+      if (headers) privateEndpoints[key] = { headers };
     }
   }
-  return { publicEndpoints, privateEndpoints };
-}
-function buildApiRuntimeConfig(apiConfig) {
-  const { publicEndpoints, privateEndpoints } = splitEndpointConfigs(apiConfig.endpoints);
-  const hasEndpoints = Object.keys(publicEndpoints).length > 0;
+  const endpoints = { default: { baseURL: "/api" }, ...publicEndpoints };
   const publicConfig = {
-    defaultEndpoint: apiConfig.defaultEndpoint ?? "default",
-    debug: apiConfig.debug ?? false,
-    endpoints: hasEndpoints ? publicEndpoints : DEFAULT_ENDPOINT,
-    response: apiResponseConfigSchema.parse(apiConfig.response ?? {}),
-    auth: apiAuthConfigSchema.parse(apiConfig.auth ?? {}),
-    toast: apiToastConfigSchema.parse(apiConfig.toast ?? {})
+    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 || {}, {
+    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 module$1 = defineNuxtModule({
   meta: {
     name,
     version,
     configKey: "movk",
-    compatibility: { nuxt: ">=4.2.0" }
+    compatibility: { nuxt: ">=4.4.2" }
   },
-  defaults: { prefix: "M" },
+  defaults: defaultOptions,
   moduleDependencies: {
     "@nuxt/image": { version: ">=2.0.0" },
-    "@nuxt/ui": { version: ">=4.3.0" },
-    "@vueuse/nuxt": { version: ">=14.1.0" },
-    "nuxt-og-image": { version: ">=5.1.13" },
-    "nuxt-auth-utils": { version: ">=0.5.26" }
+    "@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" }
   },
-  setup(options, nuxt) {
+  async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    setupTheme(nuxt, resolve);
+    nuxt.options.movk = options;
     nuxt.options.alias["#movk"] = resolve("./runtime");
-    nuxt.options.css.push(resolve("runtime/style.css"));
+    nuxt.options.css = nuxt.options.css || [];
+    nuxt.options.css.push(resolve("runtime/index.css"));
+    const componentIgnore = [];
+    if (options.theme?.enabled === false) {
+      componentIgnore.push("theme-picker/**");
+    }
     addComponentsDir({
       path: resolve("runtime/components"),
       prefix: options.prefix,
       pathPrefix: false,
-      ignore: ["auto-form-renderer/**", "theme-picker/ThemePickerButton.vue"]
+      ignore: componentIgnore
     });
     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" });
-      addServerHandler({
-        route: "/api/_movk/session",
-        method: "post",
-        handler: resolve("runtime/server/api/_movk/session.post")
-      });
     }
+    const meta = await getPackageJsonMetadata(nuxt.options.rootDir);
+    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,34 +1,13 @@
-import type { ButtonProps, FormEmits, FormProps, InferInput } from '@nuxt/ui';
-import type { z } from 'zod/v4';
-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 { ComponentConfig, InferInput } from '@nuxt/ui';
+import type { z } from 'zod';
+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> & {
-        onError?: ((event: import("@nuxt/ui/.").FormErrorEvent) => any) | undefined;
-        onSubmit?: ((event: import("@nuxt/ui/.").FormSubmitEvent<import("@nuxt/ui/.").FormData<S, T>>) => 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 : {});
@@ -39,7 +18,7 @@ declare const __VLS_export: <S extends z.ZodObject, T extends boolean = true, N
     }>) => void;
     attrs: any;
     slots: AutoFormSlots<N extends false ? Partial<InferInput<S>> : never>;
-    emit: ((evt: "error", event: import("@nuxt/ui/.").FormErrorEvent) => void) & ((evt: "submit", event: import("@nuxt/ui/.").FormSubmitEvent<import("@nuxt/ui/.").FormData<S, T>>) => void);
+    emit: (evt: "error", args_0: import("@nuxt/ui").FormErrorEvent) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };