@movk/nuxt 1.2.0 → 1.3.0

package/dist/runtime/components/SearchForm.d.vue.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/SearchForm.vue

@@ -1,216 +1,274 @@
 <script setup>
 import { UButton, UCollapsible, UForm } from "#components";
-import { computed, ref, useTemplateRef, watch } from "vue";
-import { useAutoFormProvider } from "../auto-form/provider";
-import { extractPureSchema, introspectSchema } from "../auto-form/schema-introspector";
-import { useAutoForm } from "../composables/useAutoForm";
-import AutoFormRendererField from "./auto-form-renderer/AutoFormRendererField.vue";
-import { useAppConfig } from "#app";
-import { resolveGridClasses, resolveMaxCols } from "../constants/grid-cols";
-const {
-  schema,
-  controls,
-  globalMeta,
-  cols = 3,
-  visibleRows = 1,
-  icon = "i-lucide-chevron-down",
-  expandText = "\u5C55\u5F00",
-  collapseText = "\u6536\u8D77",
-  defaultExpanded = false,
-  gap = "gap-4",
-  searchText = "\u641C\u7D22",
-  resetText = "\u91CD\u7F6E",
-  searchButtonProps,
-  resetButtonProps,
-  showSearchButton = true,
-  showResetButton = true,
-  loading = false,
-  state: _state,
-  ...restProps
-} = defineProps({
+import { computed, onMounted, ref, toRaw, unref, useAttrs, useTemplateRef, watch } from "vue";
+import { deepClone, isFunction } from "@movk/core";
+import { useAutoFormProvider } from "../domains/auto-form/provider";
+import { extractPureSchema, introspectSchema } from "../domains/auto-form/schema";
+import { applyFieldDefaults } from "../domains/auto-form/fields";
+import { DEFAULT_CONTROLS } from "../domains/auto-form/controls";
+import { DEFAULT_SEARCH_ACTIONS } from "../domains/auto-form/actions";
+import AutoFormRendererField from "../domains/auto-form/components/Field.vue";
+import { useAppConfig } from "#imports";
+import theme from "#build/movk-ui/search-form";
+import { useExtendedTv } from "../utils/extend-theme";
+const props = defineProps({
+  cols: { type: [Number, Object], required: false, default: 3 },
+  visibleRows: { type: Number, required: false, default: 1 },
+  actions: { type: Array, required: false },
+  loading: { type: Boolean, required: false },
+  collapseButtonProps: { type: Object, required: false },
+  icon: { type: null, required: false, default: "i-lucide-chevron-down" },
+  expandText: { type: String, required: false, default: "\u5C55\u5F00" },
+  collapseText: { type: String, required: false, default: "\u6536\u8D77" },
+  expanded: { type: Boolean, required: false },
+  defaultExpanded: { type: Boolean, required: false, default: false },
   schema: { type: null, required: true },
-  cols: { type: [Number, Object], required: false },
-  visibleRows: { type: Number, required: false },
   controls: { type: Object, required: false },
   globalMeta: { type: Object, required: false },
-  searchButtonProps: { type: Object, required: false },
-  resetButtonProps: { type: Object, required: false },
-  searchText: { type: String, required: false },
-  resetText: { type: String, required: false },
-  showSearchButton: { type: Boolean, required: false },
-  showResetButton: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false },
-  icon: { type: String, required: false },
-  expandText: { type: String, required: false },
-  collapseText: { type: String, required: false },
-  defaultExpanded: { type: Boolean, required: false },
-  gap: { type: String, required: false },
-  id: { type: [String, Number], required: false },
-  state: { type: null, required: false },
-  validate: { type: Function, required: false },
-  validateOn: { type: Array, required: false },
-  disabled: { type: Boolean, required: false },
-  name: { type: null, required: false },
-  validateOnInputDelay: { type: Number, required: false },
-  transform: { type: null, required: false },
-  nested: { type: Boolean, required: false },
-  loadingAuto: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false, default: true },
+  validateOn: { type: Array, required: false, default: () => [] },
   class: { type: null, required: false },
-  ui: { type: Object, required: false },
-  onSubmit: { type: Function, required: false }
+  ui: { type: Object, required: false }
 });
-const emit = defineEmits(["search", "reset", "expand"]);
-const modelValue = defineModel({ type: Object });
-const _slots = defineSlots();
+const modelValue = defineModel({ type: Object, ...{ default: () => ({}) } });
+const expandedModel = defineModel("expanded", { type: Boolean });
+const emits = defineEmits(["reset", "clear", "expand", "update:expanded", "error"]);
+const slots = defineSlots();
 defineOptions({ inheritAttrs: false });
-const state = ref(modelValue.value ?? _state ?? {});
-const initialState = { ...modelValue.value ?? _state ?? {} };
-watch(() => state.value, (val) => {
-  if (val !== modelValue.value) {
-    modelValue.value = val;
+const attrs = useAttrs();
+let baseline = deepClone(toRaw(modelValue.value));
+const appConfig = useAppConfig();
+const formRef = useTemplateRef("formRef");
+const internalExpanded = ref(props.defaultExpanded ?? false);
+const expanded = computed({
+  get: () => expandedModel.value ?? internalExpanded.value,
+  set: (val) => {
+    internalExpanded.value = val;
+    if (expandedModel.value !== void 0) {
+      expandedModel.value = val;
+    }
   }
-}, { deep: true });
-watch(() => modelValue.value, (val) => {
-  if (val !== void 0 && val !== state.value) {
-    state.value = val ?? {};
+});
+const { baseUi, extraUi } = useExtendedTv(
+  { slots: { base: "" } },
+  theme,
+  () => appConfig.movk?.searchForm,
+  () => ({
+    ui: {
+      ...props.ui,
+      root: [props.ui?.root, props.class]
+    }
+  })
+);
+function maxCols(cols) {
+  if (typeof cols === "number") return cols;
+  if (!cols) return 1;
+  return Math.max(cols.sm ?? 1, cols.md ?? 1, cols.lg ?? 1, cols.xl ?? 1);
+}
+const gridStyle = computed(() => {
+  const c = props.cols;
+  const vars = {};
+  if (typeof c === "number") {
+    vars["--m-search-cols"] = String(c);
+  } else if (c) {
+    const base = c.sm ?? c.md ?? c.lg ?? c.xl ?? 1;
+    vars["--m-search-cols"] = String(base);
+    if (c.sm !== void 0) vars["--m-search-cols-sm"] = String(c.sm);
+    if (c.md !== void 0) vars["--m-search-cols-md"] = String(c.md);
+    if (c.lg !== void 0) vars["--m-search-cols-lg"] = String(c.lg);
+    if (c.xl !== void 0) vars["--m-search-cols-xl"] = String(c.xl);
   }
+  return vars;
 });
-const appConfig = useAppConfig();
-const formRef = useTemplateRef("formRef");
-const expanded = ref(defaultExpanded);
-const { DEFAULT_CONTROLS } = useAutoForm();
-useAutoFormProvider(state, _slots);
-const showActionsCell = computed(() => showSearchButton || showResetButton || !!_slots.actions || !!_slots.extraActions);
-const pureSchema = computed(() => schema ? extractPureSchema(schema) : schema);
-const controlsMapping = computed(() => ({
-  ...DEFAULT_CONTROLS,
-  ...controls
-}));
-const fields = computed(() => {
-  if (!schema) return [];
-  return introspectSchema(schema, controlsMapping.value, "", globalMeta);
+useAutoFormProvider(modelValue, slots);
+const resolvedButtonSize = computed(() => {
+  const size = props.globalMeta?.size;
+  if (size === void 0 || isFunction(size)) return void 0;
+  return unref(size);
+});
+const pureSchema = computed(() => extractPureSchema(props.schema));
+const controlsMapping = computed(() => ({ ...DEFAULT_CONTROLS, ...props.controls }));
+const fields = computed(() => introspectSchema(props.schema, controlsMapping.value, "", props.globalMeta));
+const actionsBag = { toggle, search: submit, reset, clear };
+function buildSlotProps(errors, loading) {
+  return {
+    ...actionsBag,
+    expanded: expanded.value,
+    loading: props.loading || loading,
+    state: modelValue.value,
+    errors
+  };
+}
+function resolveActions(slotCtx) {
+  const list = props.actions ?? DEFAULT_SEARCH_ACTIONS;
+  return list.filter((action) => {
+    if (action.visible === void 0) return true;
+    if (typeof action.visible === "function") {
+      return action.visible(slotCtx);
+    }
+    return action.visible;
+  });
+}
+const showActionsCell = computed(() => {
+  const list = props.actions ?? DEFAULT_SEARCH_ACTIONS;
+  return list.length > 0 || !!slots.actions || !!slots.extraActions;
 });
-const gridClass = computed(() => resolveGridClasses(cols, gap));
 const visibleCount = computed(() => {
-  const base = resolveMaxCols(cols) * visibleRows;
-  return Math.max(0, showActionsCell.value ? base - 1 : base);
+  const total = maxCols(props.cols) * props.visibleRows;
+  if (!showActionsCell.value) return total;
+  if (maxCols(props.cols) <= 1) return total;
+  return Math.max(0, total - 1);
 });
 const visibleFields = computed(() => fields.value.slice(0, visibleCount.value));
 const collapsedFields = computed(() => fields.value.slice(visibleCount.value));
 const needsCollapse = computed(() => collapsedFields.value.length > 0);
 function toggle() {
-  expanded.value = !expanded.value;
-  emit("expand", expanded.value);
+  const next = !expanded.value;
+  expanded.value = next;
+  emits("expand", next);
+  emits("update:expanded", next);
 }
-function handleSearch() {
-  emit("search", { ...state.value });
-}
-function triggerSearch() {
+function submit() {
   formRef.value?.submit();
 }
 function clear() {
-  state.value = {};
+  modelValue.value = {};
   formRef.value?.clear();
+  emits("clear");
 }
 function reset() {
-  state.value = { ...initialState };
+  modelValue.value = deepClone(baseline);
+  applyFieldDefaults(fields.value, modelValue.value);
   formRef.value?.clear();
-  emit("reset");
+  emits("reset");
+}
+function setBaseline(value) {
+  baseline = deepClone(toRaw(value ?? modelValue.value));
+}
+function handleAction(action, ctx) {
+  if (action.onClick) {
+    action.onClick(ctx);
+    return;
+  }
+  if (action.type === "submit") return;
+  if (action.key === "reset") reset();
+  else if (action.key === "search") submit();
+}
+function actionLoading(action, ctx) {
+  if (action.key === "search" || action.type === "submit") return ctx.loading;
+  return false;
 }
+watch(() => fields.value, () => {
+  applyFieldDefaults(fields.value, modelValue.value);
+}, { flush: "post" });
+watch(() => props.schema, () => {
+  formRef.value?.clear();
+});
+onMounted(() => {
+  applyFieldDefaults(fields.value, modelValue.value);
+  setBaseline();
+});
 defineExpose({
   formRef,
+  submit,
   reset,
   clear,
+  setBaseline,
   expanded,
   toggle
 });
 </script>
 
 <template>
-  <UForm
-    ref="formRef"
-    :state="state"
-    :schema="pureSchema"
-    v-bind="restProps"
-    @submit="handleSearch"
-  >
-    <template #default="{ errors, loading: formLoading }">
-      <div class="group/search pb-6 -mb-6">
-        <div class="relative">
-          <div :class="gridClass">
+  <div :class="extraUi.root" data-slot="root">
+    <UForm
+      ref="formRef"
+      :state="modelValue"
+      :schema="pureSchema"
+      :loading-auto="props.loadingAuto"
+      :validate-on="props.validateOn"
+      :ui="baseUi"
+      data-slot="form"
+      v-bind="attrs"
+      @error="emits('error', $event)"
+    >
+      <template #default="{ errors, loading }">
+        <div v-if="$slots.header" :class="extraUi.header" data-slot="header">
+          <slot name="header" v-bind="buildSlotProps(errors, loading)" />
+        </div>
+
+        <div :class="extraUi.visible" data-slot="visible">
+          <div :class="extraUi.grid" :style="gridStyle" data-slot="grid">
             <AutoFormRendererField
               v-for="field in visibleFields"
               :key="field.path"
               :field="field"
-              :schema="schema"
-              :extra-props="{ errors, loading: formLoading }"
+              :schema="props.schema"
+              :extra-props="{ errors, loading, state: modelValue }"
             />
 
             <slot
               v-if="showActionsCell"
               name="actions"
-              :expanded="expanded"
-              :toggle="toggle"
-              :search="triggerSearch"
-              :reset="reset"
-              :loading="loading"
+              v-bind="buildSlotProps(errors, loading)"
             >
-              <div class="flex items-end gap-2 justify-end">
-                <UButton
-                  v-if="showSearchButton"
-                  type="submit"
-                  icon="i-lucide-search"
-                  :label="searchText"
-                  :loading="loading"
-                  v-bind="searchButtonProps"
-                />
-                <UButton
-                  v-if="showResetButton"
-                  :label="resetText"
-                  color="neutral"
-                  variant="outline"
-                  icon="i-lucide-rotate-ccw"
-                  v-bind="resetButtonProps"
-                  @click="reset"
-                />
-                <slot name="extraActions" :expanded="expanded" />
+              <div :class="extraUi.actions" data-slot="actions">
+                <template v-for="action in resolveActions(buildSlotProps(errors, loading))" :key="action.key">
+                  <UButton
+                    :label="action.label"
+                    :type="action.type"
+                    :icon="action.icon"
+                    :color="action.color"
+                    :variant="action.variant"
+                    :loading="actionLoading(action, buildSlotProps(errors, loading))"
+                    :size="resolvedButtonSize"
+                    v-bind="action"
+                    @click="handleAction(action, buildSlotProps(errors, loading))"
+                  />
+                </template>
+                <slot name="extraActions" v-bind="buildSlotProps(errors, loading)" />
               </div>
             </slot>
           </div>
-
-          <div
-            v-if="needsCollapse"
-            class="absolute inset-x-0 top-full flex justify-center pointer-events-none z-10"
-          >
-            <UButton
-              :icon="icon || appConfig.ui.icons.chevronDown"
-              color="neutral"
-              size="xs"
-              variant="ghost"
-              :data-state="expanded ? 'open' : 'closed'"
-              :label="expanded ? collapseText : expandText"
-              tabindex="-1"
-              class="group pointer-events-auto opacity-30 group-hover/search:opacity-100 transition-opacity duration-200"
-              :ui="{ leadingIcon: 'size-3.5 group-data-[state=open]:rotate-180 transition-transform duration-200' }"
-              @click="toggle"
-            />
-          </div>
         </div>
 
         <UCollapsible v-if="needsCollapse" v-model:open="expanded">
           <template #content>
-            <div :class="gridClass" class="mt-4">
+            <div :class="[extraUi.grid, extraUi.collapsed]" :style="gridStyle" data-slot="collapsed">
               <AutoFormRendererField
                 v-for="field in collapsedFields"
                 :key="field.path"
                 :field="field"
-                :schema="schema"
-                :extra-props="{ errors, loading: formLoading }"
+                :schema="props.schema"
+                :extra-props="{ errors, loading, state: modelValue }"
               />
             </div>
           </template>
         </UCollapsible>
-      </div>
-    </template>
-  </UForm>
+
+        <div v-if="needsCollapse" :class="extraUi.toggleWrapper" data-slot="toggle-wrapper">
+          <UButton
+            :icon="icon"
+            color="neutral"
+            :size="resolvedButtonSize"
+            variant="ghost"
+            :data-state="expanded ? 'open' : 'closed'"
+            :label="expanded ? collapseText : expandText"
+            tabindex="-1"
+            :class="extraUi.toggle"
+            v-bind="collapseButtonProps"
+            :ui="{
+  ...collapseButtonProps?.ui ?? {},
+  leadingIcon: [collapseButtonProps?.ui?.leadingIcon, extraUi.toggleIcon].filter(Boolean).join(' ')
+}"
+            @click="toggle"
+          />
+        </div>
+
+        <div v-if="$slots.footer" :class="extraUi.footer" data-slot="footer">
+          <slot name="footer" v-bind="buildSlotProps(errors, loading)" />
+        </div>
+      </template>
+    </UForm>
+  </div>
 </template>