@movk/nuxt 1.2.0 → 1.3.0

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

@@ -1,164 +1,36 @@
-import type { ButtonProps, 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 } from '../types/auto-form.js';
-export interface SearchFormProps<S extends z.ZodObject, T extends boolean = true, N extends boolean = false> extends FormProps<S, T, N> {
-    /**
-     * Zod 对象 schema，定义搜索字段
-     */
-    schema: S;
-    /**
-     * 网格列数
-     * @defaultValue 3
-     */
-    cols?: number | {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-    };
-    /**
-     * 可见行数（折叠时显示的行数）
-     * @defaultValue 1
-     */
-    visibleRows?: number;
-    /**
-     * 自定义控件映射（复用 AutoForm 的控件系统）
-     */
-    controls?: AutoFormControls;
-    /**
-     * 全局字段元数据
-     */
-    globalMeta?: ZodAutoFormFieldMeta;
-    /**
-     * 搜索按钮属性
-     */
-    searchButtonProps?: ButtonProps;
-    /**
-     * 重置按钮属性
-     */
-    resetButtonProps?: ButtonProps;
-    /**
-     * 搜索按钮文本
-     * @defaultValue '搜索'
-     */
-    searchText?: string;
-    /**
-     * 重置按钮文本
-     * @defaultValue '重置'
-     */
-    resetText?: string;
-    /**
-     * 是否显示搜索按钮
-     * @defaultValue true
-     */
-    showSearchButton?: boolean;
-    /**
-     * 是否显示重置按钮
-     * @defaultValue true
-     */
-    showResetButton?: boolean;
-    /**
-     * 搜索按钮加载状态
-     * @defaultValue false
-     */
-    loading?: boolean;
-    /**
-     * 展开/收起按钮图标
-     * @defaultValue 'i-lucide-chevron-down'
-     */
-    icon?: string;
-    /**
-     * 展开按钮文本
-     * @defaultValue '展开'
-     */
-    expandText?: string;
-    /**
-     * 收起按钮文本
-     * @defaultValue '收起'
-     */
-    collapseText?: string;
-    /**
-     * 默认展开状态
-     * @defaultValue false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * 网格间距
-     * @defaultValue 'gap-4'
-     */
-    gap?: string;
-}
-export interface SearchFormActionSlots {
-    /** 替换默认按钮区域 */
-    actions: (props: {
-        expanded: boolean;
-        toggle: () => void;
-        search: () => void;
-        reset: () => void;
-        loading: boolean;
-    }) => any;
-    /** 追加在默认按钮后面 */
-    extraActions: (props: {
-        expanded: boolean;
-    }) => any;
-}
-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<(SearchFormProps<S, T, N> & {
+import type { AppConfig } from 'nuxt/schema';
+import theme from '#build/movk-ui/search-form';
+import type { SearchFormProps, SearchFormSlots } from '../types/auto-form/search-form';
+declare const __VLS_export: <S extends z.ZodObject>(__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<(SearchFormProps<S> & {
+        ui?: ComponentConfig<typeof theme, AppConfig, "searchForm">["slots"];
+    } & {
         modelValue?: Partial<InferInput<S>>;
+        expanded?: boolean;
     }) & {
-        [x: `on${Capitalize<string>}`]: ((...args: any) => any) | undefined;
+        onError?: ((event: import("@nuxt/ui").FormErrorEvent) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        onReset?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: Partial<InferInput<S>>) => any) | undefined;
+        onExpand?: ((expanded: boolean) => any) | undefined;
+        "onUpdate:expanded"?: ((value: boolean | undefined) => 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>>;
+        submit: () => void;
         reset: () => void;
         clear: () => void;
-        expanded: any;
+        setBaseline: (value?: Partial<InferInput<S>>) => void;
+        expanded: import("vue").WritableComputedRef<boolean, boolean>;
         toggle: () => void;
     }>) => void;
     attrs: any;
-    slots: SearchFormActionSlots & Record<string, (props: import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown> & {
-        "field-label": (props: {
-            label?: string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-        "field-hint": (props: {
-            hint?: string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-        "field-description": (props: {
-            description?: string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-        "field-help": (props: {
-            help?: string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-        "field-error": (props: {
-            error?: boolean | string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-        "field-default": (props: {
-            error?: boolean | string;
-        } & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, string>) => unknown;
-    } & { [Key in `field-label:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_2 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_2]> extends true ? K_2 | `${K_2}.${{ [K_3 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_2]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_2]>[K_3]> extends true ? K_3 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_2]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-label:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}` | `field-hint:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-hint:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}` | `field-description:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-description:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}` | `field-help:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-help:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}` | `field-error:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-error:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}` | `field-default:${{ [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]}` | `field-default:${Exclude<{ [K_1 in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_1]> extends true ? K_1 | `${K_1}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]>[K_4]> extends true ? K_4 : K_4; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_1]>[K_3]> & string]}` : K_3; }[keyof NonNullable<Partial<InferInput<S>>[K_1]> & string]}` : K_1; }[keyof InferInput<S> & string], { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string]>}`]: Key extends `field-${infer K_2 extends keyof import("../types/index.js").AutoFormFieldSlots}:${infer P extends { [K_3 in keyof T_1 & string]: import("@movk/core").IsPlainObject<T_1[K_3]> extends true ? K_3 | `${K_3}.${{ [K_5 in keyof NonNullable<T_1[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<T_1[K_3]>[K_5]> extends true ? K_5 | `${K_5}.${{ [K_6 in keyof NonNullable<NonNullable<T_1[K_3]>[K_5]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<T_1[K_3]>[K_5]>[K_6]> extends true ? K_6 : never; }[keyof NonNullable<NonNullable<T_1[K_3]>[K_5]> & string]}` : never; }[keyof NonNullable<T_1[K_3]> & string]}` : never; }[keyof T_1 & string] | (string & import("@movk/core").NonObjectFieldKeys<T_1>)}` ? (props: {
-        label: {
-            label?: string;
-        };
-        hint: {
-            hint?: string;
-        };
-        description: {
-            description?: string;
-        };
-        help: {
-            help?: string;
-        };
-        error: {
-            error?: boolean | string;
-        };
-        default: {
-            error?: boolean | string;
-        };
-    }[K_2] & import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, P>) => unknown : never; } & { [P in { [K in keyof InferInput<S> & string]: import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K]> extends true ? K | `${K}.${{ [K_3 in keyof NonNullable<Partial<InferInput<S>>[K]> & string]: import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K]>[K_3]> extends true ? K_3 | `${K_3}.${{ [K_4 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]: import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]>[K_4]> extends true ? K_4 : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K]>[K_3]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K]> & string]}` : never; }[keyof InferInput<S> & string] | { [K_2 in keyof InferInput<S> & string]: NonNullable<Partial<InferInput<S>>[K_2]> extends any[] ? K_2 : import("@movk/core").IsPlainObject<Partial<InferInput<S>>[K_2]> extends true ? `${K_2}.${{ [K_4 in keyof NonNullable<Partial<InferInput<S>>[K_2]> & string]: NonNullable<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]> extends any[] ? K_4 : import("@movk/core").IsPlainObject<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]> extends true ? `${K_4}.${{ [K_5 in keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]> & string]: NonNullable<NonNullable<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]>[K_5]> extends any[] ? K_5 : import("@movk/core").IsPlainObject<NonNullable<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]>[K_5]> extends true ? never : never; }[keyof NonNullable<NonNullable<Partial<InferInput<S>>[K_2]>[K_4]> & string]}` : never; }[keyof NonNullable<Partial<InferInput<S>>[K_2]> & string]}` : never; }[keyof InferInput<S> & string] as `field-content:${P}` | `field-before:${P}` | `field-after:${P}`]: (props: import("../types/index.js").AutoFormFieldContext<Partial<InferInput<S>>, P>) => unknown; };
-    emit: any & ((event: "update:modelValue", value: Partial<InferInput<S>> | undefined) => void);
+    slots: SearchFormSlots<S>;
+    emit: (((evt: "error", event: import("@nuxt/ui").FormErrorEvent) => void) & ((evt: "clear") => void) & ((evt: "reset") => void) & ((evt: "expand", expanded: boolean) => void) & ((evt: "update:expanded", expanded: boolean) => void)) & (((event: "update:modelValue", value: Partial<InferInput<S>>) => void) & ((event: "update:expanded", value: boolean | undefined) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,75 +1,36 @@
-import type { ClassNameValue } from '../types/index.js';
-export interface SlideVerifyProps {
-    /**
-     * 滑块宽度
-     * @defaultValue 50
-     */
-    sliderWidth?: number;
-    /**
-     * 滑块高度
-     * @defaultValue 32
-     */
-    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];
-}
-declare var __VLS_22: {
-    verified: any;
-    progress: any;
+import theme from '#build/movk-ui/slide-verify';
+import type { ComponentConfig } from '@nuxt/ui';
+import type { AppConfig } from 'nuxt/schema';
+import type { SlideVerifyProps, SlideVerifySlots } from '../types/components/slide-verify';
+type __VLS_Props = SlideVerifyProps & {
+    size?: ComponentConfig<typeof theme, AppConfig, 'slideVerify'>['variants']['size'];
+    ui?: ComponentConfig<typeof theme, AppConfig, 'slideVerify'>['slots'];
 };
-type __VLS_Slots = {} & {
-    slider?: (props: typeof __VLS_22) => any;
+type __VLS_Slots = SlideVerifySlots;
+declare function reset(): void;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
 };
-declare const __VLS_base: any;
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    reset: typeof reset;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    success: () => any;
+    "update:modelValue": (value: boolean) => any;
+    dragStart: () => any;
+    dragEnd: (success: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSuccess?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onDragStart?: (() => any) | undefined;
+    onDragEnd?: ((success: boolean) => any) | undefined;
+}>, {
+    icon: import("@nuxt/ui").IconProps["name"];
+    text: string;
+    successText: string;
+    successIcon: import("@nuxt/ui").IconProps["name"];
+    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;

package/dist/runtime/components/SlideVerify.vue

@@ -1,57 +1,114 @@
 <script setup>
 import { UIcon } from "#components";
+import { useAppConfig } from "#imports";
 import { useElementSize } from "@vueuse/core";
-import { Motion } from "motion-v";
 import { computed, ref, useTemplateRef } from "vue";
-defineOptions({ inheritAttrs: false });
+import theme from "#build/movk-ui/slide-verify";
+import { useExtendedTv } from "../utils/extend-theme";
+import { useFieldControl } from "../utils/form-control";
 const props = defineProps({
-  sliderWidth: { type: Number, required: false, default: 50 },
-  height: { type: Number, required: false, default: 32 },
-  disabled: { type: Boolean, required: false, default: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  size: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
   text: { type: String, required: false, default: "\u8BF7\u5411\u53F3\u6ED1\u52A8\u9A8C\u8BC1" },
   successText: { type: String, required: false, default: "\u9A8C\u8BC1\u6210\u529F" },
-  icon: { type: String, required: false, default: "i-lucide-chevrons-right" },
-  successIcon: { type: String, required: false, default: "i-lucide-check" },
+  icon: { type: null, required: false, default: "i-lucide-chevrons-right" },
+  successIcon: { type: null, required: false, default: "i-lucide-check" },
   threshold: { type: Number, required: false, default: 0.9 },
-  trackClass: { type: [Array, String, null, Number, Boolean], required: false, skipCheck: true },
-  sliderClass: { type: [Array, String, null, Number, Boolean], required: false, skipCheck: true },
-  textClass: { type: [Array, String, null, Number, Boolean], required: false, skipCheck: true },
-  class: { type: [Array, String, null, Number, Boolean], required: false, skipCheck: true }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
-const emit = defineEmits(["success", "dragStart", "dragEnd"]);
+const emits = defineEmits(["success", "dragStart", "dragEnd"]);
+defineSlots();
+defineOptions({ inheritAttrs: false });
 const isVerified = defineModel({ type: Boolean, ...{ default: false } });
-const trackRef = useTemplateRef("track");
-const { width: trackWidth } = useElementSize(trackRef);
+const {
+  id,
+  name,
+  size: effectiveSize,
+  disabled: effectiveDisabled,
+  fieldGroupOrientation,
+  ariaAttrs,
+  emitFormBlur,
+  emitFormChange,
+  emitFormFocus,
+  emitFormInput
+} = useFieldControl(props);
+const rootRef = useTemplateRef("root");
+const sliderRef = useTemplateRef("slider");
+const { width: rootWidth } = useElementSize(rootRef);
+const { width: sliderWidth } = useElementSize(sliderRef);
 const isDragging = ref(false);
 const dragX = ref(0);
+const pointerStartX = ref(0);
+const dragStartX = ref(0);
+const appConfig = useAppConfig();
+const { extendUi } = useExtendedTv(
+  { slots: {} },
+  theme,
+  () => appConfig.movk?.slideVerify,
+  () => ({
+    ui: {
+      ...props.ui,
+      root: [props.ui?.root, props.class]
+    },
+    variants: {
+      disabled: effectiveDisabled.value,
+      verified: isVerified.value,
+      size: effectiveSize.value,
+      fieldGroup: fieldGroupOrientation.value
+    }
+  })
+);
+const rootPaddingX = computed(() => {
+  void effectiveSize.value;
+  const root = rootRef.value;
+  if (!root) return 0;
+  const style = getComputedStyle(root);
+  return (Number.parseFloat(style.paddingLeft) || 0) + (Number.parseFloat(style.paddingRight) || 0);
+});
+const sliderOuterWidth = computed(
+  () => sliderWidth.value ? sliderRef.value?.offsetWidth || sliderWidth.value : 0
+);
 const maxDragDistance = computed(
-  () => trackWidth.value ? Math.max(0, trackWidth.value - props.sliderWidth - 8) : 0
+  () => rootWidth.value ? Math.max(0, (rootRef.value?.clientWidth || 0) - rootPaddingX.value - sliderOuterWidth.value) : 0
 );
 const progress = computed(
   () => isVerified.value ? 1 : maxDragDistance.value ? Math.min(dragX.value / maxDragDistance.value, 1) : 0
 );
-const canInteract = computed(() => !props.disabled && !isVerified.value && trackWidth.value > 0);
-const springTransition = { type: "spring", stiffness: 400, damping: 30 };
-function handleDragStart() {
+const canInteract = computed(() => !effectiveDisabled.value && !isVerified.value && rootWidth.value > 0);
+const currentTranslateX = computed(
+  () => isVerified.value ? maxDragDistance.value : dragX.value
+);
+function handlePointerDown(e) {
   if (!canInteract.value) return;
+  pointerStartX.value = e.clientX;
+  dragStartX.value = dragX.value;
   isDragging.value = true;
-  emit("dragStart");
+  e.currentTarget.setPointerCapture(e.pointerId);
+  emits("dragStart");
 }
-function handleDrag(_event, info) {
-  if (!canInteract.value) return;
-  dragX.value = Math.max(0, Math.min(info.offset.x, maxDragDistance.value));
+function handlePointerMove(e) {
+  if (!isDragging.value || !canInteract.value) return;
+  dragX.value = Math.max(0, Math.min(
+    dragStartX.value + (e.clientX - pointerStartX.value),
+    maxDragDistance.value
+  ));
 }
-function handleDragEnd() {
-  if (!canInteract.value) return;
+function handlePointerUp() {
+  if (!isDragging.value) return;
   isDragging.value = false;
   const success = progress.value >= props.threshold;
   if (success) {
     isVerified.value = true;
-    emit("success");
+    emits("success");
+    emitFormInput();
+    emitFormChange();
   } else {
     dragX.value = 0;
   }
-  emit("dragEnd", success);
+  emits("dragEnd", success);
 }
 function reset() {
   isVerified.value = false;
@@ -62,86 +119,56 @@ defineExpose({ reset });
 
 <template>
   <div
-    :class="[
-  'relative select-none overflow-hidden rounded-lg border transition-colors duration-300',
-  props.class,
-  disabled ? 'opacity-50 cursor-not-allowed' : '',
-  isVerified ? 'bg-success border-transparent' : 'bg-elevated border-default'
-]"
-    :style="{ height: `${height}px` }"
+    :id="id"
+    ref="root"
+    :name="name"
+    :class="extendUi.root"
     role="slider"
     :aria-label="text"
     :aria-valuenow="Math.round(progress * 100)"
     aria-valuemin="0"
     aria-valuemax="100"
-    :aria-disabled="disabled"
+    :aria-disabled="effectiveDisabled"
+    :tabindex="canInteract ? 0 : -1"
+    v-bind="ariaAttrs"
+    @blur="emitFormBlur"
+    @focus="emitFormFocus"
   >
-    <div ref="track" class="absolute inset-0" :class="trackClass">
-      <Motion
+    <div ref="track" :class="extendUi.track">
+      <div
         v-if="!isVerified"
-        as="div"
-        class="absolute inset-y-0 left-0 bg-primary/20"
-        :animate="{ width: `${progress * 100}%`, opacity: 0.6 }"
-        :transition="isDragging ? { duration: 0 } : springTransition"
+        :class="[extendUi.fill, isDragging ? 'transition-none' : 'transition-[width] duration-300']"
+        :style="{ width: `${progress * 100}%` }"
       />
 
-      <div
-        class="absolute inset-0 flex items-center justify-center text-sm font-medium pointer-events-none"
-        :class="textClass"
-      >
-        <Motion
+      <div :class="extendUi.text">
+        <span
           v-if="!isVerified"
-          as="span"
-          class="relative inline-block bg-size-[200%_100%] bg-clip-text text-transparent bg-no-repeat"
+          class="animate-[shimmer_2s_linear_infinite] [background-size:200%_100%] bg-clip-text text-transparent bg-no-repeat select-none"
           :style="{
-  backgroundImage: 'radial-gradient(circle at center, var(--color-gray-500), transparent), linear-gradient(var(--color-neutral-400), var(--color-neutral-400))',
+  backgroundImage: 'linear-gradient(90deg, var(--ui-text-dimmed) 0%, var(--ui-text-muted) 50%, var(--ui-text-dimmed) 100%)',
   opacity: 1 - progress * 0.5
 }"
-          :animate="{ backgroundPosition: '-200% 50%, 0 0' }"
-          :initial="{ backgroundPosition: '200% 50%, 0 0' }"
-          :transition="{
-  repeat: Infinity,
-  duration: 2,
-  ease: 'linear'
-}"
-        >
-          {{ text }}
-        </Motion>
-        <span v-else class="text-inverted font-medium">{{ successText }}</span>
+        >{{ text }}</span>
+        <span v-else class="font-medium text-inverted">{{ successText }}</span>
       </div>
     </div>
 
-    <Motion
-      as="div"
-      class="absolute inset-1"
-      :style="{ width: `${sliderWidth}px` }"
-      :initial="{ x: 0 }"
-      :animate="{ x: isVerified ? maxDragDistance : isDragging ? dragX : 0 }"
-      :transition="isDragging ? { duration: 0 } : springTransition"
-      :while-hover="canInteract ? { scale: 1.02 } : void 0"
-      :while-tap="canInteract ? { scale: 0.98 } : void 0"
-      :drag="canInteract ? 'x' : false"
-      :drag-constraints="{ left: 0, right: maxDragDistance }"
-      :drag-elastic="0"
-      :drag-momentum="false"
-      @drag-start="handleDragStart"
-      @drag="handleDrag"
-      @drag-end="handleDragEnd"
-    >
-      <div
-        class="size-full flex items-center justify-center rounded-md shadow-sm transition-colors"
-        :class="[
-  sliderClass,
-  isVerified ? 'bg-white/90' : 'bg-default cursor-grab active:cursor-grabbing ring-1 ring-default'
+    <div
+      ref="slider"
+      :class="[
+  extendUi.slider,
+  isDragging ? 'transition-none' : 'transition-transform duration-300 ease-out',
+  canInteract ? 'hover:scale-[1.02] active:scale-[0.98]' : ''
 ]"
-      >
-        <slot name="slider" :verified="isVerified" :progress="progress">
-          <UIcon
-            :name="isVerified ? successIcon : icon"
-            :class="['size-5', isVerified ? 'text-success' : 'text-primary']"
-          />
-        </slot>
-      </div>
-    </Motion>
+      :style="{ transform: `translateX(${currentTranslateX}px)` }"
+      @pointerdown="handlePointerDown"
+      @pointermove="handlePointerMove"
+      @pointerup="handlePointerUp"
+    >
+      <slot name="slider" :verified="isVerified" :progress="progress">
+        <UIcon :name="isVerified ? successIcon : icon" :class="extendUi.icon" />
+      </slot>
+    </div>
   </div>
 </template>