@movk/nuxt 0.1.1 → 1.1.0

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 驱动的自动表单生成、独立 UI 组件和通用工具函数。
+> `@movk/nuxt` 是一个为 Nuxt 4 设计的模块化工程套件，提供 Schema 驱动的自动表单生成、API 集成系统、独立 UI 组件和通用工具函数。
 
 [![TypeScript](https://img.shields.io/badge/TypeScript-Ready-blue.svg)](https://www.typescriptlang.org/)
 [![Nuxt](https://img.shields.io/badge/Nuxt-4-00DC82.svg)](https://nuxt.com/)
@@ -13,11 +13,12 @@
 
 ## ✨ 特性
 
-- **Schema 驱动** - 基于 Zod v4 的声明式表单定义,一份 Schema 同时定义数据结构、验证规则和 UI 配置。
-- **自动化系统** - AutoForm 通过 Schema 自动生成完整表单界面,支持 15+ 种控件类型。
-- **模块化设计** - 采用分层架构,按需使用 UI 组件、工具函数或全套自动化系统。
+- **Schema 驱动** - 基于 Zod v4 的声明式表单定义，一份 Schema 同时定义数据结构、验证规则和 UI 配置。
+- **自动化系统** - AutoForm 通过 Schema 自动生成完整表单界面，支持 15+ 种控件类型。
+- **API 集成** - 内置 useApiFetch、useApiAuth、useUploadWithProgress、useDownloadWithProgress，提供多端点支持、自动认证、业务状态码检查、Toast 提示和进度监控。
+- **模块化设计** - 采用分层架构，按需使用 UI 组件、工具函数或全套自动化系统。
 - **独立组件库** - 内置 DatePicker、StarRating、WithCopy 等 10+ 个通用 UI 组件。
-- **类型安全** - 完整的 TypeScript 类型推断,从 Schema 到表单数据。
+- **类型安全** - 完整的 TypeScript 类型推断，从 Schema 到表单数据。
 - **可扩展** - 支持自定义控件、布局系统、条件渲染等高级特性。
 
 ## 🚀 快速开始
@@ -214,11 +215,82 @@ const customControl = defineControl({
 const meta = getAutoFormMetadata(schema)
 ```
 
+#### useApiFetch
+
+基于 Nuxt useFetch 封装的 API 请求：
+
+```ts
+// 基础用法
+const { data, pending, error } = await useApiFetch<User[]>('/users')
+
+// POST 请求
+const { data } = await useApiFetch<User>('/users', {
+  method: 'POST',
+  body: { name: 'test' },
+  toast: { successMessage: '创建成功' }
+})
+
+// 使用其他端点
+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
+
+带进度监控的文件上传：
+
+```ts
+const { progress, uploading, upload, abort } = useUploadWithProgress()
+
+// 上传文件
+await upload('/api/upload', file, {
+  fieldName: 'avatar',
+  onSuccess: (response) => console.log('上传成功:', response)
+})
+```
+
+#### useDownloadWithProgress
+
+带进度监控的文件下载：
+
+```ts
+const { progress, downloading, download, abort } = useDownloadWithProgress()
+
+// 下载文件
+await download('/api/export/report', {
+  filename: 'report.pdf',
+  onSuccess: (filename) => console.log('下载完成:', filename)
+})
+```
+
 ## 🏗️ 架构分层
 
 Movk Nuxt 采用清晰的分层架构:
 
-- **Core Systems** - AutoForm(已发布)、AutoTable(规划中)
+- **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)
@@ -234,9 +306,12 @@ Movk Nuxt 采用清晰的分层架构:
 
 ## 🗺️ 开发路线图
 
-- ✅ **AutoForm** - Schema 驱动的表单系统(已发布)
-- 🚧 **AutoTable** - 将复用相同的 Zod Schema,实现定义一次,既生成表单又生成表格
-- 🚧 **UseApi** - 将与 AutoForm 的提交逻辑无缝集成,处理加载状态和错误回显
+- ✅ **AutoForm** - Schema 驱动的表单系统（已发布）
+- ✅ **API System** - API 请求封装和认证管理（已发布）
+  - useApiFetch、useClientApiFetch - API 请求
+  - useApiAuth - 认证管理
+  - useUploadWithProgress、useDownloadWithProgress - 进度监控
+- ✅ **独立组件库** - DatePicker、StarRating、WithCopy 等组件（已发布）
 
 ## 📄 许可证
 

package/dist/module.d.mts

@@ -1,14 +1,33 @@
 import { z } from 'zod/v4';
+import { ApiClient, MovkApiPublicConfig, MovkApiPrivateConfig } from '../dist/runtime/types/index.js';
 export * from '../dist/runtime/types/index.js';
 
 declare const moduleOptionsSchema: any;
 type ModuleOptions = z.input<typeof moduleOptionsSchema>;
 declare const _default: any;
 
+declare module 'nuxt/app' {
+    interface NuxtApp {
+        $api: ApiClient;
+    }
+}
 declare module 'nuxt/schema' {
     interface NuxtOptions {
         ['movk']: ModuleOptions;
     }
+    interface PublicRuntimeConfig {
+        movkApi: MovkApiPublicConfig;
+    }
+    interface RuntimeConfig {
+        movkApi: MovkApiPrivateConfig;
+    }
+    interface AppConfig {
+        theme: {
+            radius: number;
+            blackAsPrimary: boolean;
+            font: string;
+        };
+    }
 }
 
 export { _default as default };

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@movk/nuxt",
-  "version": "0.1.1",
+  "version": "1.1.0",
   "configKey": "movk",
   "compatibility": {
     "nuxt": ">=4.2.0"

package/dist/module.mjs

@@ -1,16 +1,39 @@
-import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addTypeTemplate } from '@nuxt/kit';
-import defu from 'defu';
+import { addPlugin, defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addServerHandler, addTypeTemplate } from '@nuxt/kit';
 import { z } from 'zod/v4';
+import { movkApiFullConfigSchema, apiToastConfigSchema, apiAuthConfigSchema, apiResponseConfigSchema } from '../dist/runtime/schemas/api.js';
+import defu from 'defu';
+export * from '../dist/runtime/types/index.js';
 
 const name = "@movk/nuxt";
-const version = "0.1.1";
+const version = "1.1.0";
+
+function setupTheme(nuxt, resolve) {
+  nuxt.options.appConfig.theme = defu(nuxt.options.appConfig.theme || {}, {
+    radius: 0.25,
+    blackAsPrimary: false,
+    font: "Public Sans"
+  });
+  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 moduleOptionsSchema = z.object({
   /**
    * 组件前缀
    * @default 'M'
    */
-  prefix: z.string().default("M")
+  prefix: z.string().default("M"),
+  /**
+   * API 模块配置
+   */
+  api: movkApiFullConfigSchema.optional()
 });
 const module$1 = defineNuxtModule({
   meta: {
@@ -27,29 +50,75 @@ const module$1 = defineNuxtModule({
       version: ">=2.0.0"
     },
     "@nuxt/ui": {
-      version: ">=4.2.1"
+      version: ">=4.3.0"
     },
     "@vueuse/nuxt": {
       version: ">=14.1.0"
+    },
+    "nuxt-og-image": {
+      version: ">=5.1.13"
+    },
+    "nuxt-auth-utils": {
+      version: ">=0.5.26"
     }
   },
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
-    nuxt.options.movk = options;
+    setupTheme(nuxt, resolve);
     nuxt.options.alias["#movk"] = resolve("./runtime");
-    nuxt.options.appConfig.movk = defu(nuxt.options.appConfig.movk || {}, options);
+    const apiConfig = options.api || {};
     addComponentsDir({
       path: resolve("runtime/components"),
       prefix: options.prefix,
       pathPrefix: false,
-      ignore: ["auto-form-renderer/**"]
+      ignore: ["auto-form-renderer/**", "theme-picker/ThemePickerButton.vue"]
     });
+    nuxt.options.css.push(resolve("runtime/style.css"));
     addImportsDir(resolve("runtime/composables"));
     addImportsDir(resolve("runtime/shared"));
+    if (apiConfig.enabled !== false) {
+      const publicEndpoints = {};
+      const privateEndpoints = {};
+      if (apiConfig.endpoints) {
+        for (const [endpointName, endpoint] of Object.entries(apiConfig.endpoints)) {
+          const { headers, ...publicConfig2 } = endpoint;
+          publicEndpoints[endpointName] = publicConfig2;
+          if (headers) {
+            privateEndpoints[endpointName] = { headers };
+          }
+        }
+      }
+      const publicConfig = {
+        defaultEndpoint: apiConfig.defaultEndpoint ?? "default",
+        debug: apiConfig.debug ?? false,
+        endpoints: Object.keys(publicEndpoints).length > 0 ? publicEndpoints : { default: { baseURL: "/api" } },
+        response: apiResponseConfigSchema.parse(apiConfig.response ?? {}),
+        auth: apiAuthConfigSchema.parse(apiConfig.auth ?? {}),
+        toast: apiToastConfigSchema.parse(apiConfig.toast ?? {})
+      };
+      const privateConfig = {
+        endpoints: Object.keys(privateEndpoints).length > 0 ? privateEndpoints : void 0
+      };
+      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")
+      });
+    }
     addTypeTemplate({
       filename: "runtime/types/auto-form-zod.d.ts",
       src: resolve("runtime/types/zod.d.ts")
     });
+    addTypeTemplate({
+      filename: "runtime/types/auth.d.ts",
+      src: resolve("runtime/types/auth.d.ts")
+    });
   }
 });
 

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

@@ -5,7 +5,7 @@ import type { AutoFormControls, AutoFormSlotProps, DynamicFormSlots } from '../t
 export interface AutoFormProps<S extends z.ZodObject, T extends boolean = true, N extends boolean = false> extends FormProps<S, T, N> {
     /**
      * 是否显示默认提交按钮
-     * @default true
+     * @defaultValue true
      */
     submitButton?: boolean;
     /** 提交按钮属性 */
@@ -16,6 +16,7 @@ export interface AutoFormProps<S extends z.ZodObject, T extends boolean = true,
     globalMeta?: ZodAutoFormFieldMeta;
     /** 数组字段添加按钮属性 */
     addButtonProps?: ButtonProps;
+    loadingAuto?: boolean;
 }
 export interface AutoFormEmits<S extends z.ZodObject, T extends boolean = true> extends FormEmits<S, T> {
 }
@@ -24,12 +25,15 @@ export type AutoFormSlots<T extends object> = {
     footer: (props: AutoFormSlotProps<T>) => any;
     submit: (props: AutoFormSlotProps<T>) => any;
 } & DynamicFormSlots<T>;
-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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<AutoFormProps<S, T, N> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "error", event: import("@nuxt/ui/.").FormErrorEvent) => void) & ((evt: "submit", event: import("@nuxt/ui/.").FormSubmitEvent<import("@nuxt/ui/.").FormData<S, T>>) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+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;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        formRef: Readonly<import("vue").ShallowRef<any>>;
+        formRef: Readonly<import("vue").ShallowRef<any, any>>;
         reset: () => void;
         clear: () => void;
     }>) => void;
@@ -41,6 +45,8 @@ declare const __VLS_export: <S extends z.ZodObject, T extends boolean = true, N
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/runtime/components/AutoForm.vue

@@ -17,6 +17,7 @@ const {
   submitButtonProps,
   addButtonProps,
   state: _state,
+  loadingAuto = true,
   ...restProps
 } = defineProps({
   submitButton: { type: Boolean, required: false },
@@ -24,6 +25,7 @@ const {
   controls: { type: Object, required: false },
   globalMeta: { type: Object, required: false },
   addButtonProps: { type: Object, required: false },
+  loadingAuto: { type: Boolean, required: false },
   id: { type: [String, Number], required: false },
   schema: { type: null, required: false },
   state: { type: null, required: false },
@@ -34,7 +36,6 @@ const {
   validateOnInputDelay: { type: Number, required: false },
   transform: { type: null, required: false },
   nested: { type: Boolean, required: false },
-  loadingAuto: { type: Boolean, required: false },
   class: { type: null, required: false },
   onSubmit: { type: Function, required: false }
 });
@@ -126,6 +127,7 @@ defineExpose({
     ref="formRef"
     :state="state"
     :schema="pureSchema"
+    :loading-auto="loadingAuto"
     v-bind="restProps"
   >
     <template #default="{ errors, loading }">
@@ -180,6 +182,7 @@ defineExpose({
           :loading="loading"
           label="提交"
           loading-auto
+          block
           v-bind="submitButtonProps"
         />
       </slot>

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

@@ -5,7 +5,7 @@ import type { AutoFormControls, AutoFormSlotProps, DynamicFormSlots } from '../t
 export interface AutoFormProps<S extends z.ZodObject, T extends boolean = true, N extends boolean = false> extends FormProps<S, T, N> {
     /**
      * 是否显示默认提交按钮
-     * @default true
+     * @defaultValue true
      */
     submitButton?: boolean;
     /** 提交按钮属性 */
@@ -16,6 +16,7 @@ export interface AutoFormProps<S extends z.ZodObject, T extends boolean = true,
     globalMeta?: ZodAutoFormFieldMeta;
     /** 数组字段添加按钮属性 */
     addButtonProps?: ButtonProps;
+    loadingAuto?: boolean;
 }
 export interface AutoFormEmits<S extends z.ZodObject, T extends boolean = true> extends FormEmits<S, T> {
 }
@@ -24,12 +25,15 @@ export type AutoFormSlots<T extends object> = {
     footer: (props: AutoFormSlotProps<T>) => any;
     submit: (props: AutoFormSlotProps<T>) => any;
 } & DynamicFormSlots<T>;
-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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<AutoFormProps<S, T, N> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "error", event: import("@nuxt/ui/.").FormErrorEvent) => void) & ((evt: "submit", event: import("@nuxt/ui/.").FormSubmitEvent<import("@nuxt/ui/.").FormData<S, T>>) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+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;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        formRef: Readonly<import("vue").ShallowRef<any>>;
+        formRef: Readonly<import("vue").ShallowRef<any, any>>;
         reset: () => void;
         clear: () => void;
     }>) => void;
@@ -41,6 +45,8 @@ declare const __VLS_export: <S extends z.ZodObject, T extends boolean = true, N
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -1,8 +1,12 @@
 import type { ColorChooserProps } from '../types/components.js';
-declare const __VLS_export: <P extends "click" | "hover" = "click">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ColorChooserProps<"click"> & {
+declare const __VLS_export: <P extends "click" | "hover" = "click">(__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<(ColorChooserProps<"click"> & {
         modelValue?: string;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "close:prevent") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string | undefined) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P_1;
     } ? P_1 : {});
     expose: (exposed: {}) => void;
@@ -22,6 +26,8 @@ declare const __VLS_export: <P extends "click" | "hover" = "click">(__VLS_props:
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -1,8 +1,12 @@
 import type { ColorChooserProps } from '../types/components.js';
-declare const __VLS_export: <P extends "click" | "hover" = "click">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(ColorChooserProps<"click"> & {
+declare const __VLS_export: <P extends "click" | "hover" = "click">(__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<(ColorChooserProps<"click"> & {
         modelValue?: string;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "close:prevent") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string | undefined) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P_1;
     } ? P_1 : {});
     expose: (exposed: {}) => void;
@@ -22,6 +26,8 @@ declare const __VLS_export: <P extends "click" | "hover" = "click">(__VLS_props:
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -1,9 +1,16 @@
 import type { DateValue } from '@internationalized/date';
 import type { DatePickerProps, ValueType } from '../types/components.js';
-declare const __VLS_export: <R extends boolean, M extends boolean, P extends "click" | "hover" = "click">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(DatePickerProps<R, M, P> & {
+declare const __VLS_export: <R extends boolean, M extends boolean, P extends "click" | "hover" = "click">(__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<(DatePickerProps<R, M, P> & {
         modelValue?: ValueType<R, M>;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:modelValue", date: R extends true ? import("reka-ui").DateRange | null : M extends true ? DateValue[] | undefined : DateValue | undefined) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: import("reka-ui").DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void) & ((evt: "close:prevent") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: ValueType<R, M>) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:modelValue"?: ((value: ValueType<R, M>) => any) | undefined;
+        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
+        "onUpdate:validModelValue"?: ((date: import("reka-ui").DateRange) => any) | undefined;
+        "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
+        "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P_1;
     } ? P_1 : {});
     expose: (exposed: {}) => void;
@@ -29,6 +36,8 @@ declare const __VLS_export: <R extends boolean, M extends boolean, P extends "cl
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -1,9 +1,16 @@
 import type { DateValue } from '@internationalized/date';
 import type { DatePickerProps, ValueType } from '../types/components.js';
-declare const __VLS_export: <R extends boolean, M extends boolean, P extends "click" | "hover" = "click">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<(DatePickerProps<R, M, P> & {
+declare const __VLS_export: <R extends boolean, M extends boolean, P extends "click" | "hover" = "click">(__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<(DatePickerProps<R, M, P> & {
         modelValue?: ValueType<R, M>;
-    }) & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:modelValue", date: R extends true ? import("reka-ui").DateRange | null : M extends true ? DateValue[] | undefined : DateValue | undefined) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: import("reka-ui").DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void) & ((evt: "close:prevent") => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: ValueType<R, M>) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+    }) & {
+        "onUpdate:modelValue"?: ((value: ValueType<R, M>) => any) | undefined;
+        "onUpdate:placeholder"?: ((...args: DateValue[]) => any) | undefined;
+        "onUpdate:validModelValue"?: ((date: import("reka-ui").DateRange) => any) | undefined;
+        "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
+        "onClose:prevent"?: (() => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P_1;
     } ? P_1 : {});
     expose: (exposed: {}) => void;
@@ -29,6 +36,8 @@ declare const __VLS_export: <R extends boolean, M extends boolean, P extends "cl
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -0,0 +1,107 @@
+import type { ClassNameValue } from 'tailwind-merge';
+export interface SlideVerifyProps {
+    /**
+     * 滑块宽度
+     * @defaultValue 50
+     */
+    sliderWidth?: number;
+    /**
+     * 滑块高度
+     * @defaultValue 44
+     */
+    height?: number;
+    /**
+     * 是否禁用
+     * @defaultValue false
+     */
+    disabled?: boolean;
+    /**
+     * 待滑动时的提示文本
+     * @defaultValue '请向右滑动验证'
+     */
+    text?: string;
+    /**
+     * 验证成功时的提示文本
+     * @defaultValue '验证成功'
+     */
+    successText?: string;
+    /**
+     * 滑块图标
+     * @defaultValue 'i-lucide-chevrons-right'
+     */
+    icon?: string;
+    /**
+     * 验证成功时的图标
+     * @defaultValue 'i-lucide-check'
+     */
+    successIcon?: string;
+    /**
+     * 完成验证所需的阈值百分比（0-1）
+     * @defaultValue 0.9
+     */
+    threshold?: number;
+    /**
+     * 自定义轨道样式
+     */
+    trackClass?: ClassNameValue;
+    /**
+     * 自定义滑块样式
+     */
+    sliderClass?: ClassNameValue;
+    /**
+     * 自定义文本样式
+     */
+    textClass?: ClassNameValue;
+    /**
+     * 自定义根元素样式
+     */
+    class?: ClassNameValue;
+}
+export interface SlideVerifyEmits {
+    success: [];
+    dragStart: [];
+    dragEnd: [success: boolean];
+}
+type __VLS_Props = SlideVerifyProps;
+declare function reset(): void;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_22: {
+    verified: boolean;
+    progress: number;
+};
+type __VLS_Slots = {} & {
+    slider?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    reset: typeof reset;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    success: () => any;
+    dragStart: () => any;
+    dragEnd: (success: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onSuccess?: (() => any) | undefined;
+    onDragStart?: (() => any) | undefined;
+    onDragEnd?: ((success: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    icon: string;
+    text: string;
+    height: number;
+    sliderWidth: number;
+    successText: string;
+    successIcon: string;
+    threshold: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};