yc-pro-components 0.0.24 → 0.0.26

package/lib/components/search/index.d.ts

@@ -1,8 +1,8 @@
 import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
 import { LooseRequired } from '@vue/shared';
 import { Arrayable, EpPropFinalized, EpPropMergeType } from 'element-plus/es/utils';
-import { RowProps, ColProps, FormItemRule, CardProps, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult, ElTooltipProps, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
-import { FieldValues, PlusColumn, Mutable, RecordType, PlusFormGroupRow, PlusFormItemProps, PropsItemType, OmitTypes, CascaderProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps, OptionsType, RenderTypes, TableValueType, FormItemValueType, FieldValueType, OptionsRow } from 'packages/yc-components';
+import { ColProps, RowProps, FormItemRule, CardProps, FormItemProp, FormItemContext, FormValidateCallback, FormValidationResult, ElTooltipProps, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { PlusColumn, FieldValues, Mutable, RecordType, PlusFormGroupRow, PlusFormItemProps, PropsItemType, OmitTypes, CascaderProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps, OptionsType, RenderTypes, TableValueType, FormItemValueType, FieldValueType, OptionsRow } from 'packages/yc-components';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, CSSProperties, Component, Ref, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
 import { default as Search } from './src/index.vue';
 
@@ -10,14 +10,18 @@ export type PlusSearchInstance = InstanceType<typeof Search>;
 export * from './src/type';
 export declare const PlusSearch: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
         columns: {
             type: PropType< PlusColumn[]>;
             default: () => never[];
         };
+        layout: {
+            type: PropType<"grid" | "flex">;
+            default: "flex";
+        };
+        modelValue: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         labelPosition: {
             type: PropType<"top" | "right" | "left">;
             default: undefined;
@@ -30,19 +34,6 @@ export declare const PlusSearch: {
             type: PropType<number>;
             default: number;
         };
-        defaultValues: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
-        rowProps: {
-            type: PropType<Partial< Mutable<RowProps> & {
-                style?: CSSProperties | undefined;
-                class?: any;
-            } & RecordType>>;
-            default: () => {
-                gutter: number;
-            };
-        };
         colProps: {
             type: PropType<Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
@@ -56,6 +47,19 @@ export declare const PlusSearch: {
                 xl: number;
             };
         };
+        rowProps: {
+            type: PropType<Partial< Mutable<RowProps> & {
+                style?: CSSProperties | undefined;
+                class?: any;
+            } & RecordType>>;
+            default: () => {
+                gutter: number;
+            };
+        };
+        defaultValues: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         hasFooter: {
             type: PropType<boolean>;
             default: boolean;
@@ -115,69 +119,71 @@ export declare const PlusSearch: {
             $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                modelValue: FieldValues;
-                collapseDuration: number;
-                collapseTransition: boolean;
                 columns: PlusColumn[];
                 group: false | PlusFormGroupRow[];
+                layout: "grid" | "flex";
+                modelValue: FieldValues;
                 rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 labelPosition: "top" | "right" | "left";
                 labelWidth: string | number;
                 labelSuffix: string;
                 hasLabel: boolean;
-                defaultValues: FieldValues;
-                rowProps: Partial< Mutable<RowProps> & {
+                clearable: boolean;
+                colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                colProps: Partial< Mutable<ColProps> & {
+                collapseDuration: number;
+                collapseTransition: boolean;
+                rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                defaultValues: FieldValues;
                 hasErrorTip: boolean;
                 hasFooter: boolean;
                 hasReset: boolean;
                 submitText: string;
                 resetText: string;
                 submitLoading: boolean;
-                footerAlign: "center" | "right" | "left";
+                footerAlign: "right" | "left" | "center";
                 cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 prevent: boolean;
-                clearable: boolean;
             }> & Omit<{
-                readonly modelValue: FieldValues;
                 readonly columns: PlusColumn[];
                 readonly group: false | PlusFormGroupRow[];
+                readonly layout: "grid" | "flex";
+                readonly modelValue: FieldValues;
                 readonly rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 readonly labelPosition: "top" | "right" | "left";
                 readonly labelWidth: string | number;
                 readonly labelSuffix: string;
                 readonly hasLabel: boolean;
-                readonly defaultValues: FieldValues;
-                readonly rowProps: Partial< Mutable<RowProps> & {
+                readonly clearable: boolean;
+                readonly colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                readonly colProps: Partial< Mutable<ColProps> & {
+                readonly rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                readonly defaultValues: FieldValues;
                 readonly hasErrorTip: boolean;
                 readonly hasFooter: boolean;
                 readonly hasReset: boolean;
                 readonly submitText: string;
                 readonly resetText: string;
                 readonly submitLoading: boolean;
-                readonly footerAlign: "center" | "right" | "left";
+                readonly footerAlign: "right" | "left" | "center";
                 readonly cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 readonly prevent: boolean;
-                readonly clearable: boolean;
                 readonly collapseDuration?: number | undefined;
                 readonly collapseTransition?: boolean | undefined;
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
@@ -187,18 +193,6 @@ export declare const PlusSearch: {
                 onValidate?: ((...args: any[]) => any) | undefined;
                 onSubmitError?: ((errors: unknown) => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-                modelValue: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
-                };
-                collapseDuration: {
-                    type: PropType<number>;
-                    default: undefined;
-                };
-                collapseTransition: {
-                    type: PropType<boolean>;
-                    default: undefined;
-                };
                 columns: {
                     type: PropType< PlusColumn[]>;
                     default: () => never[];
@@ -207,6 +201,14 @@ export declare const PlusSearch: {
                     type: PropType<false | PlusFormGroupRow[]>;
                     default: boolean;
                 };
+                layout: {
+                    type: PropType<"grid" | "flex">;
+                    default: string;
+                };
+                modelValue: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 rules: {
                     type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                     default: () => {};
@@ -227,24 +229,36 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                defaultValues: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
+                clearable: {
+                    type: PropType<boolean>;
+                    default: boolean;
                 };
-                rowProps: {
-                    type: PropType<Partial< Mutable<RowProps> & {
+                colProps: {
+                    type: PropType<Partial< Mutable<ColProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
-                colProps: {
-                    type: PropType<Partial< Mutable<ColProps> & {
+                collapseDuration: {
+                    type: PropType<number>;
+                    default: undefined;
+                };
+                collapseTransition: {
+                    type: PropType<boolean>;
+                    default: undefined;
+                };
+                rowProps: {
+                    type: PropType<Partial< Mutable<RowProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
+                defaultValues: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 hasErrorTip: {
                     type: PropType<boolean>;
                     default: boolean;
@@ -270,7 +284,7 @@ export declare const PlusSearch: {
                     default: boolean;
                 };
                 footerAlign: {
-                    type: PropType<"center" | "right" | "left">;
+                    type: PropType<"right" | "left" | "center">;
                     default: string;
                 };
                 cardProps: {
@@ -284,10 +298,6 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                clearable: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
             }>> & {
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
                 onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -295,7 +305,7 @@ export declare const PlusSearch: {
                 onSubmit?: ((values: FieldValues) => any) | undefined;
                 onValidate?: ((...args: any[]) => any) | undefined;
                 onSubmitError?: ((errors: unknown) => any) | undefined;
-            }, "modelValue" | "collapseDuration" | "collapseTransition" | "columns" | "group" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "defaultValues" | "rowProps" | "colProps" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent" | "clearable">;
+            }, "columns" | "group" | "layout" | "modelValue" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "clearable" | "colProps" | "collapseDuration" | "collapseTransition" | "rowProps" | "defaultValues" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -307,21 +317,9 @@ export declare const PlusSearch: {
             }>;
             $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "update:modelValue", values: FieldValues) => void) & ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
+            $emit: ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "update:modelValue", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                modelValue: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
-                };
-                collapseDuration: {
-                    type: PropType<number>;
-                    default: undefined;
-                };
-                collapseTransition: {
-                    type: PropType<boolean>;
-                    default: undefined;
-                };
                 columns: {
                     type: PropType< PlusColumn[]>;
                     default: () => never[];
@@ -330,6 +328,14 @@ export declare const PlusSearch: {
                     type: PropType<false | PlusFormGroupRow[]>;
                     default: boolean;
                 };
+                layout: {
+                    type: PropType<"grid" | "flex">;
+                    default: string;
+                };
+                modelValue: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 rules: {
                     type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                     default: () => {};
@@ -350,24 +356,36 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                defaultValues: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
+                clearable: {
+                    type: PropType<boolean>;
+                    default: boolean;
                 };
-                rowProps: {
-                    type: PropType<Partial< Mutable<RowProps> & {
+                colProps: {
+                    type: PropType<Partial< Mutable<ColProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
-                colProps: {
-                    type: PropType<Partial< Mutable<ColProps> & {
+                collapseDuration: {
+                    type: PropType<number>;
+                    default: undefined;
+                };
+                collapseTransition: {
+                    type: PropType<boolean>;
+                    default: undefined;
+                };
+                rowProps: {
+                    type: PropType<Partial< Mutable<RowProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
+                defaultValues: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 hasErrorTip: {
                     type: PropType<boolean>;
                     default: boolean;
@@ -393,7 +411,7 @@ export declare const PlusSearch: {
                     default: boolean;
                 };
                 footerAlign: {
-                    type: PropType<"center" | "right" | "left">;
+                    type: PropType<"right" | "left" | "center">;
                     default: string;
                 };
                 cardProps: {
@@ -407,10 +425,6 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                clearable: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
             }>> & {
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
                 onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -711,38 +725,39 @@ export declare const PlusSearch: {
                 submitError: (errors: unknown) => void;
                 validate: (...args: any[]) => void;
             }, string, {
-                modelValue: FieldValues;
-                collapseDuration: number;
-                collapseTransition: boolean;
                 columns: PlusColumn[];
                 group: false | PlusFormGroupRow[];
+                layout: "grid" | "flex";
+                modelValue: FieldValues;
                 rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 labelPosition: "top" | "right" | "left";
                 labelWidth: string | number;
                 labelSuffix: string;
                 hasLabel: boolean;
-                defaultValues: FieldValues;
-                rowProps: Partial< Mutable<RowProps> & {
+                clearable: boolean;
+                colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                colProps: Partial< Mutable<ColProps> & {
+                collapseDuration: number;
+                collapseTransition: boolean;
+                rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                defaultValues: FieldValues;
                 hasErrorTip: boolean;
                 hasFooter: boolean;
                 hasReset: boolean;
                 submitText: string;
                 resetText: string;
                 submitLoading: boolean;
-                footerAlign: "center" | "right" | "left";
+                footerAlign: "right" | "left" | "center";
                 cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 prevent: boolean;
-                clearable: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -764,18 +779,6 @@ export declare const PlusSearch: {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
         } & Omit<Readonly< ExtractPropTypes<{
-            modelValue: {
-                type: PropType<FieldValues>;
-                default: () => {};
-            };
-            collapseDuration: {
-                type: PropType<number>;
-                default: undefined;
-            };
-            collapseTransition: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
             columns: {
                 type: PropType< PlusColumn[]>;
                 default: () => never[];
@@ -784,6 +787,14 @@ export declare const PlusSearch: {
                 type: PropType<false | PlusFormGroupRow[]>;
                 default: boolean;
             };
+            layout: {
+                type: PropType<"grid" | "flex">;
+                default: string;
+            };
+            modelValue: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             rules: {
                 type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                 default: () => {};
@@ -804,24 +815,36 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            defaultValues: {
-                type: PropType<FieldValues>;
-                default: () => {};
+            clearable: {
+                type: PropType<boolean>;
+                default: boolean;
             };
-            rowProps: {
-                type: PropType<Partial< Mutable<RowProps> & {
+            colProps: {
+                type: PropType<Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
-            colProps: {
-                type: PropType<Partial< Mutable<ColProps> & {
+            collapseDuration: {
+                type: PropType<number>;
+                default: undefined;
+            };
+            collapseTransition: {
+                type: PropType<boolean>;
+                default: undefined;
+            };
+            rowProps: {
+                type: PropType<Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
+            defaultValues: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             hasErrorTip: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -847,7 +870,7 @@ export declare const PlusSearch: {
                 default: boolean;
             };
             footerAlign: {
-                type: PropType<"center" | "right" | "left">;
+                type: PropType<"right" | "left" | "center">;
                 default: string;
             };
             cardProps: {
@@ -861,10 +884,6 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            clearable: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
             onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -1170,14 +1189,14 @@ export declare const PlusSearch: {
                 hideInGroup?: boolean | ComputedRef<boolean> | undefined;
                 columns?: PlusColumn[] | undefined;
             }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                     readonly label: string | ComputedRef<string>;
-                    readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                    readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                     readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                    readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                    readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
-                    } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                    } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
@@ -1199,7 +1218,7 @@ export declare const PlusSearch: {
                         };
                         rows: number;
                         autocomplete: string;
-                        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                        type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                         step: string | number;
                         format: string | ProgressFn | undefined;
@@ -1244,12 +1263,12 @@ export declare const PlusSearch: {
                 fieldInstance?: any;
                 valueIsReady?: Ref<boolean> | undefined;
                 prop: string;
-                modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -1278,14 +1297,14 @@ export declare const PlusSearch: {
                 clearable: boolean;
                 index: number;
             }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                     readonly label: string | ComputedRef<string>;
-                    readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                    readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                     readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                    readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                    readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
-                    } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                    } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
@@ -1307,7 +1326,7 @@ export declare const PlusSearch: {
                         };
                         rows: number;
                         autocomplete: string;
-                        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                        type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                         step: string | number;
                         format: string | ProgressFn | undefined;
@@ -1352,12 +1371,12 @@ export declare const PlusSearch: {
                 fieldInstance?: any;
                 valueIsReady?: Ref<boolean> | undefined;
                 prop: string;
-                modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -1409,14 +1428,18 @@ export declare const PlusSearch: {
         reset: (values: FieldValues) => void;
         collapse: (isShowUnfold: boolean) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
         columns: {
             type: PropType< PlusColumn[]>;
             default: () => never[];
         };
+        layout: {
+            type: PropType<"grid" | "flex">;
+            default: "flex";
+        };
+        modelValue: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         labelPosition: {
             type: PropType<"top" | "right" | "left">;
             default: undefined;
@@ -1429,19 +1452,6 @@ export declare const PlusSearch: {
             type: PropType<number>;
             default: number;
         };
-        defaultValues: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
-        rowProps: {
-            type: PropType<Partial< Mutable<RowProps> & {
-                style?: CSSProperties | undefined;
-                class?: any;
-            } & RecordType>>;
-            default: () => {
-                gutter: number;
-            };
-        };
         colProps: {
             type: PropType<Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
@@ -1455,6 +1465,19 @@ export declare const PlusSearch: {
                 xl: number;
             };
         };
+        rowProps: {
+            type: PropType<Partial< Mutable<RowProps> & {
+                style?: CSSProperties | undefined;
+                class?: any;
+            } & RecordType>>;
+            default: () => {
+                gutter: number;
+            };
+        };
+        defaultValues: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         hasFooter: {
             type: PropType<boolean>;
             default: boolean;
@@ -1510,20 +1533,21 @@ export declare const PlusSearch: {
         onSearch?: ((values: FieldValues) => any) | undefined;
         onCollapse?: ((isShowUnfold: boolean) => any) | undefined;
     }, {
-        modelValue: FieldValues;
         columns: PlusColumn[];
+        layout: "grid" | "flex";
+        modelValue: FieldValues;
         labelPosition: "top" | "right" | "left";
         inline: boolean;
         showNumber: number;
-        defaultValues: FieldValues;
-        rowProps: Partial< Mutable<RowProps> & {
+        colProps: Partial< Mutable<ColProps> & {
             style?: CSSProperties | undefined;
             class?: any;
         } & RecordType>;
-        colProps: Partial< Mutable<ColProps> & {
+        rowProps: Partial< Mutable<RowProps> & {
             style?: CSSProperties | undefined;
             class?: any;
         } & RecordType>;
+        defaultValues: FieldValues;
         hasFooter: boolean;
         hasReset: boolean;
         resetText: string;
@@ -1544,14 +1568,18 @@ export declare const PlusSearch: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
         columns: {
             type: PropType< PlusColumn[]>;
             default: () => never[];
         };
+        layout: {
+            type: PropType<"grid" | "flex">;
+            default: "flex";
+        };
+        modelValue: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         labelPosition: {
             type: PropType<"top" | "right" | "left">;
             default: undefined;
@@ -1564,19 +1592,6 @@ export declare const PlusSearch: {
             type: PropType<number>;
             default: number;
         };
-        defaultValues: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
-        rowProps: {
-            type: PropType<Partial< Mutable<RowProps> & {
-                style?: CSSProperties | undefined;
-                class?: any;
-            } & RecordType>>;
-            default: () => {
-                gutter: number;
-            };
-        };
         colProps: {
             type: PropType<Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
@@ -1590,6 +1605,19 @@ export declare const PlusSearch: {
                 xl: number;
             };
         };
+        rowProps: {
+            type: PropType<Partial< Mutable<RowProps> & {
+                style?: CSSProperties | undefined;
+                class?: any;
+            } & RecordType>>;
+            default: () => {
+                gutter: number;
+            };
+        };
+        defaultValues: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         hasFooter: {
             type: PropType<boolean>;
             default: boolean;
@@ -1649,69 +1677,71 @@ export declare const PlusSearch: {
             $: ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                modelValue: FieldValues;
-                collapseDuration: number;
-                collapseTransition: boolean;
                 columns: PlusColumn[];
                 group: false | PlusFormGroupRow[];
+                layout: "grid" | "flex";
+                modelValue: FieldValues;
                 rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 labelPosition: "top" | "right" | "left";
                 labelWidth: string | number;
                 labelSuffix: string;
                 hasLabel: boolean;
-                defaultValues: FieldValues;
-                rowProps: Partial< Mutable<RowProps> & {
+                clearable: boolean;
+                colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                colProps: Partial< Mutable<ColProps> & {
+                collapseDuration: number;
+                collapseTransition: boolean;
+                rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                defaultValues: FieldValues;
                 hasErrorTip: boolean;
                 hasFooter: boolean;
                 hasReset: boolean;
                 submitText: string;
                 resetText: string;
                 submitLoading: boolean;
-                footerAlign: "center" | "right" | "left";
+                footerAlign: "right" | "left" | "center";
                 cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 prevent: boolean;
-                clearable: boolean;
             }> & Omit<{
-                readonly modelValue: FieldValues;
                 readonly columns: PlusColumn[];
                 readonly group: false | PlusFormGroupRow[];
+                readonly layout: "grid" | "flex";
+                readonly modelValue: FieldValues;
                 readonly rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 readonly labelPosition: "top" | "right" | "left";
                 readonly labelWidth: string | number;
                 readonly labelSuffix: string;
                 readonly hasLabel: boolean;
-                readonly defaultValues: FieldValues;
-                readonly rowProps: Partial< Mutable<RowProps> & {
+                readonly clearable: boolean;
+                readonly colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                readonly colProps: Partial< Mutable<ColProps> & {
+                readonly rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                readonly defaultValues: FieldValues;
                 readonly hasErrorTip: boolean;
                 readonly hasFooter: boolean;
                 readonly hasReset: boolean;
                 readonly submitText: string;
                 readonly resetText: string;
                 readonly submitLoading: boolean;
-                readonly footerAlign: "center" | "right" | "left";
+                readonly footerAlign: "right" | "left" | "center";
                 readonly cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 readonly prevent: boolean;
-                readonly clearable: boolean;
                 readonly collapseDuration?: number | undefined;
                 readonly collapseTransition?: boolean | undefined;
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
@@ -1721,18 +1751,6 @@ export declare const PlusSearch: {
                 onValidate?: ((...args: any[]) => any) | undefined;
                 onSubmitError?: ((errors: unknown) => any) | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-                modelValue: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
-                };
-                collapseDuration: {
-                    type: PropType<number>;
-                    default: undefined;
-                };
-                collapseTransition: {
-                    type: PropType<boolean>;
-                    default: undefined;
-                };
                 columns: {
                     type: PropType< PlusColumn[]>;
                     default: () => never[];
@@ -1741,6 +1759,14 @@ export declare const PlusSearch: {
                     type: PropType<false | PlusFormGroupRow[]>;
                     default: boolean;
                 };
+                layout: {
+                    type: PropType<"grid" | "flex">;
+                    default: string;
+                };
+                modelValue: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 rules: {
                     type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                     default: () => {};
@@ -1761,24 +1787,36 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                defaultValues: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
+                clearable: {
+                    type: PropType<boolean>;
+                    default: boolean;
                 };
-                rowProps: {
-                    type: PropType<Partial< Mutable<RowProps> & {
+                colProps: {
+                    type: PropType<Partial< Mutable<ColProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
-                colProps: {
-                    type: PropType<Partial< Mutable<ColProps> & {
+                collapseDuration: {
+                    type: PropType<number>;
+                    default: undefined;
+                };
+                collapseTransition: {
+                    type: PropType<boolean>;
+                    default: undefined;
+                };
+                rowProps: {
+                    type: PropType<Partial< Mutable<RowProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
+                defaultValues: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 hasErrorTip: {
                     type: PropType<boolean>;
                     default: boolean;
@@ -1804,7 +1842,7 @@ export declare const PlusSearch: {
                     default: boolean;
                 };
                 footerAlign: {
-                    type: PropType<"center" | "right" | "left">;
+                    type: PropType<"right" | "left" | "center">;
                     default: string;
                 };
                 cardProps: {
@@ -1818,10 +1856,6 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                clearable: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
             }>> & {
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
                 onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -1829,7 +1863,7 @@ export declare const PlusSearch: {
                 onSubmit?: ((values: FieldValues) => any) | undefined;
                 onValidate?: ((...args: any[]) => any) | undefined;
                 onSubmitError?: ((errors: unknown) => any) | undefined;
-            }, "modelValue" | "collapseDuration" | "collapseTransition" | "columns" | "group" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "defaultValues" | "rowProps" | "colProps" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent" | "clearable">;
+            }, "columns" | "group" | "layout" | "modelValue" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "clearable" | "colProps" | "collapseDuration" | "collapseTransition" | "rowProps" | "defaultValues" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1841,21 +1875,9 @@ export declare const PlusSearch: {
             }>;
             $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "update:modelValue", values: FieldValues) => void) & ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
+            $emit: ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "update:modelValue", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
             $el: any;
             $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-                modelValue: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
-                };
-                collapseDuration: {
-                    type: PropType<number>;
-                    default: undefined;
-                };
-                collapseTransition: {
-                    type: PropType<boolean>;
-                    default: undefined;
-                };
                 columns: {
                     type: PropType< PlusColumn[]>;
                     default: () => never[];
@@ -1864,6 +1886,14 @@ export declare const PlusSearch: {
                     type: PropType<false | PlusFormGroupRow[]>;
                     default: boolean;
                 };
+                layout: {
+                    type: PropType<"grid" | "flex">;
+                    default: string;
+                };
+                modelValue: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 rules: {
                     type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                     default: () => {};
@@ -1884,24 +1914,36 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                defaultValues: {
-                    type: PropType<FieldValues>;
-                    default: () => {};
+                clearable: {
+                    type: PropType<boolean>;
+                    default: boolean;
                 };
-                rowProps: {
-                    type: PropType<Partial< Mutable<RowProps> & {
+                colProps: {
+                    type: PropType<Partial< Mutable<ColProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
-                colProps: {
-                    type: PropType<Partial< Mutable<ColProps> & {
+                collapseDuration: {
+                    type: PropType<number>;
+                    default: undefined;
+                };
+                collapseTransition: {
+                    type: PropType<boolean>;
+                    default: undefined;
+                };
+                rowProps: {
+                    type: PropType<Partial< Mutable<RowProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
                     default: () => {};
                 };
+                defaultValues: {
+                    type: PropType<FieldValues>;
+                    default: () => {};
+                };
                 hasErrorTip: {
                     type: PropType<boolean>;
                     default: boolean;
@@ -1927,7 +1969,7 @@ export declare const PlusSearch: {
                     default: boolean;
                 };
                 footerAlign: {
-                    type: PropType<"center" | "right" | "left">;
+                    type: PropType<"right" | "left" | "center">;
                     default: string;
                 };
                 cardProps: {
@@ -1941,10 +1983,6 @@ export declare const PlusSearch: {
                     type: PropType<boolean>;
                     default: boolean;
                 };
-                clearable: {
-                    type: PropType<boolean>;
-                    default: boolean;
-                };
             }>> & {
                 "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
                 onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -2245,38 +2283,39 @@ export declare const PlusSearch: {
                 submitError: (errors: unknown) => void;
                 validate: (...args: any[]) => void;
             }, string, {
-                modelValue: FieldValues;
-                collapseDuration: number;
-                collapseTransition: boolean;
                 columns: PlusColumn[];
                 group: false | PlusFormGroupRow[];
+                layout: "grid" | "flex";
+                modelValue: FieldValues;
                 rules: Partial<Record<string, Arrayable<FormItemRule>>>;
                 labelPosition: "top" | "right" | "left";
                 labelWidth: string | number;
                 labelSuffix: string;
                 hasLabel: boolean;
-                defaultValues: FieldValues;
-                rowProps: Partial< Mutable<RowProps> & {
+                clearable: boolean;
+                colProps: Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
-                colProps: Partial< Mutable<ColProps> & {
+                collapseDuration: number;
+                collapseTransition: boolean;
+                rowProps: Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
+                defaultValues: FieldValues;
                 hasErrorTip: boolean;
                 hasFooter: boolean;
                 hasReset: boolean;
                 submitText: string;
                 resetText: string;
                 submitLoading: boolean;
-                footerAlign: "center" | "right" | "left";
+                footerAlign: "right" | "left" | "center";
                 cardProps: Partial< Mutable<CardProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>;
                 prevent: boolean;
-                clearable: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2298,18 +2337,6 @@ export declare const PlusSearch: {
             $nextTick: nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
         } & Omit<Readonly< ExtractPropTypes<{
-            modelValue: {
-                type: PropType<FieldValues>;
-                default: () => {};
-            };
-            collapseDuration: {
-                type: PropType<number>;
-                default: undefined;
-            };
-            collapseTransition: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
             columns: {
                 type: PropType< PlusColumn[]>;
                 default: () => never[];
@@ -2318,6 +2345,14 @@ export declare const PlusSearch: {
                 type: PropType<false | PlusFormGroupRow[]>;
                 default: boolean;
             };
+            layout: {
+                type: PropType<"grid" | "flex">;
+                default: string;
+            };
+            modelValue: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             rules: {
                 type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                 default: () => {};
@@ -2334,13 +2369,28 @@ export declare const PlusSearch: {
                 type: PropType<string>;
                 default: string;
             };
-            hasLabel: {
-                type: PropType<boolean>;
-                default: boolean;
+            hasLabel: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            clearable: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            colProps: {
+                type: PropType<Partial< Mutable<ColProps> & {
+                    style?: CSSProperties | undefined;
+                    class?: any;
+                } & RecordType>>;
+                default: () => {};
+            };
+            collapseDuration: {
+                type: PropType<number>;
+                default: undefined;
             };
-            defaultValues: {
-                type: PropType<FieldValues>;
-                default: () => {};
+            collapseTransition: {
+                type: PropType<boolean>;
+                default: undefined;
             };
             rowProps: {
                 type: PropType<Partial< Mutable<RowProps> & {
@@ -2349,11 +2399,8 @@ export declare const PlusSearch: {
                 } & RecordType>>;
                 default: () => {};
             };
-            colProps: {
-                type: PropType<Partial< Mutable<ColProps> & {
-                    style?: CSSProperties | undefined;
-                    class?: any;
-                } & RecordType>>;
+            defaultValues: {
+                type: PropType<FieldValues>;
                 default: () => {};
             };
             hasErrorTip: {
@@ -2381,7 +2428,7 @@ export declare const PlusSearch: {
                 default: boolean;
             };
             footerAlign: {
-                type: PropType<"center" | "right" | "left">;
+                type: PropType<"right" | "left" | "center">;
                 default: string;
             };
             cardProps: {
@@ -2395,10 +2442,6 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            clearable: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
             onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -2704,14 +2747,14 @@ export declare const PlusSearch: {
                 hideInGroup?: boolean | ComputedRef<boolean> | undefined;
                 columns?: PlusColumn[] | undefined;
             }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                     readonly label: string | ComputedRef<string>;
-                    readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                    readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                     readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                    readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                    readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
-                    } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                    } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
@@ -2733,7 +2776,7 @@ export declare const PlusSearch: {
                         };
                         rows: number;
                         autocomplete: string;
-                        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                        type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                         step: string | number;
                         format: string | ProgressFn | undefined;
@@ -2778,12 +2821,12 @@ export declare const PlusSearch: {
                 fieldInstance?: any;
                 valueIsReady?: Ref<boolean> | undefined;
                 prop: string;
-                modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -2812,14 +2855,14 @@ export declare const PlusSearch: {
                 clearable: boolean;
                 index: number;
             }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+                column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                     readonly label: string | ComputedRef<string>;
-                    readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                    readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                     readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                    readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                    readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
-                    } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                    } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                         style?: CSSProperties | undefined;
                         class?: any;
                     } & RecordType>>;
@@ -2841,7 +2884,7 @@ export declare const PlusSearch: {
                         };
                         rows: number;
                         autocomplete: string;
-                        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                        type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                         step: string | number;
                         format: string | ProgressFn | undefined;
@@ -2886,12 +2929,12 @@ export declare const PlusSearch: {
                 fieldInstance?: any;
                 valueIsReady?: Ref<boolean> | undefined;
                 prop: string;
-                modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -2937,20 +2980,21 @@ export declare const PlusSearch: {
         handleSearch: () => void;
         handleUnfold: (e: MouseEvent) => void;
     }, {}, {}, {}, {
-        modelValue: FieldValues;
         columns: PlusColumn[];
+        layout: "grid" | "flex";
+        modelValue: FieldValues;
         labelPosition: "top" | "right" | "left";
         inline: boolean;
         showNumber: number;
-        defaultValues: FieldValues;
-        rowProps: Partial< Mutable<RowProps> & {
+        colProps: Partial< Mutable<ColProps> & {
             style?: CSSProperties | undefined;
             class?: any;
         } & RecordType>;
-        colProps: Partial< Mutable<ColProps> & {
+        rowProps: Partial< Mutable<RowProps> & {
             style?: CSSProperties | undefined;
             class?: any;
         } & RecordType>;
+        defaultValues: FieldValues;
         hasFooter: boolean;
         hasReset: boolean;
         resetText: string;
@@ -2968,14 +3012,18 @@ export declare const PlusSearch: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    modelValue: {
-        type: PropType<FieldValues>;
-        default: () => {};
-    };
     columns: {
         type: PropType< PlusColumn[]>;
         default: () => never[];
     };
+    layout: {
+        type: PropType<"grid" | "flex">;
+        default: "flex";
+    };
+    modelValue: {
+        type: PropType<FieldValues>;
+        default: () => {};
+    };
     labelPosition: {
         type: PropType<"top" | "right" | "left">;
         default: undefined;
@@ -2988,19 +3036,6 @@ export declare const PlusSearch: {
         type: PropType<number>;
         default: number;
     };
-    defaultValues: {
-        type: PropType<FieldValues>;
-        default: () => {};
-    };
-    rowProps: {
-        type: PropType<Partial< Mutable<RowProps> & {
-            style?: CSSProperties | undefined;
-            class?: any;
-        } & RecordType>>;
-        default: () => {
-            gutter: number;
-        };
-    };
     colProps: {
         type: PropType<Partial< Mutable<ColProps> & {
             style?: CSSProperties | undefined;
@@ -3014,6 +3049,19 @@ export declare const PlusSearch: {
             xl: number;
         };
     };
+    rowProps: {
+        type: PropType<Partial< Mutable<RowProps> & {
+            style?: CSSProperties | undefined;
+            class?: any;
+        } & RecordType>>;
+        default: () => {
+            gutter: number;
+        };
+    };
+    defaultValues: {
+        type: PropType<FieldValues>;
+        default: () => {};
+    };
     hasFooter: {
         type: PropType<boolean>;
         default: boolean;
@@ -3073,69 +3121,71 @@ export declare const PlusSearch: {
         $: ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            modelValue: FieldValues;
-            collapseDuration: number;
-            collapseTransition: boolean;
             columns: PlusColumn[];
             group: false | PlusFormGroupRow[];
+            layout: "grid" | "flex";
+            modelValue: FieldValues;
             rules: Partial<Record<string, Arrayable<FormItemRule>>>;
             labelPosition: "top" | "right" | "left";
             labelWidth: string | number;
             labelSuffix: string;
             hasLabel: boolean;
-            defaultValues: FieldValues;
-            rowProps: Partial< Mutable<RowProps> & {
+            clearable: boolean;
+            colProps: Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
-            colProps: Partial< Mutable<ColProps> & {
+            collapseDuration: number;
+            collapseTransition: boolean;
+            rowProps: Partial< Mutable<RowProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
+            defaultValues: FieldValues;
             hasErrorTip: boolean;
             hasFooter: boolean;
             hasReset: boolean;
             submitText: string;
             resetText: string;
             submitLoading: boolean;
-            footerAlign: "center" | "right" | "left";
+            footerAlign: "right" | "left" | "center";
             cardProps: Partial< Mutable<CardProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
             prevent: boolean;
-            clearable: boolean;
         }> & Omit<{
-            readonly modelValue: FieldValues;
             readonly columns: PlusColumn[];
             readonly group: false | PlusFormGroupRow[];
+            readonly layout: "grid" | "flex";
+            readonly modelValue: FieldValues;
             readonly rules: Partial<Record<string, Arrayable<FormItemRule>>>;
             readonly labelPosition: "top" | "right" | "left";
             readonly labelWidth: string | number;
             readonly labelSuffix: string;
             readonly hasLabel: boolean;
-            readonly defaultValues: FieldValues;
-            readonly rowProps: Partial< Mutable<RowProps> & {
+            readonly clearable: boolean;
+            readonly colProps: Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
-            readonly colProps: Partial< Mutable<ColProps> & {
+            readonly rowProps: Partial< Mutable<RowProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
+            readonly defaultValues: FieldValues;
             readonly hasErrorTip: boolean;
             readonly hasFooter: boolean;
             readonly hasReset: boolean;
             readonly submitText: string;
             readonly resetText: string;
             readonly submitLoading: boolean;
-            readonly footerAlign: "center" | "right" | "left";
+            readonly footerAlign: "right" | "left" | "center";
             readonly cardProps: Partial< Mutable<CardProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
             readonly prevent: boolean;
-            readonly clearable: boolean;
             readonly collapseDuration?: number | undefined;
             readonly collapseTransition?: boolean | undefined;
             "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
@@ -3145,18 +3195,6 @@ export declare const PlusSearch: {
             onValidate?: ((...args: any[]) => any) | undefined;
             onSubmitError?: ((errors: unknown) => any) | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-            modelValue: {
-                type: PropType<FieldValues>;
-                default: () => {};
-            };
-            collapseDuration: {
-                type: PropType<number>;
-                default: undefined;
-            };
-            collapseTransition: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
             columns: {
                 type: PropType< PlusColumn[]>;
                 default: () => never[];
@@ -3165,6 +3203,14 @@ export declare const PlusSearch: {
                 type: PropType<false | PlusFormGroupRow[]>;
                 default: boolean;
             };
+            layout: {
+                type: PropType<"grid" | "flex">;
+                default: string;
+            };
+            modelValue: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             rules: {
                 type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                 default: () => {};
@@ -3185,24 +3231,36 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            defaultValues: {
-                type: PropType<FieldValues>;
-                default: () => {};
+            clearable: {
+                type: PropType<boolean>;
+                default: boolean;
             };
-            rowProps: {
-                type: PropType<Partial< Mutable<RowProps> & {
+            colProps: {
+                type: PropType<Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
-            colProps: {
-                type: PropType<Partial< Mutable<ColProps> & {
+            collapseDuration: {
+                type: PropType<number>;
+                default: undefined;
+            };
+            collapseTransition: {
+                type: PropType<boolean>;
+                default: undefined;
+            };
+            rowProps: {
+                type: PropType<Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
+            defaultValues: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             hasErrorTip: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -3228,7 +3286,7 @@ export declare const PlusSearch: {
                 default: boolean;
             };
             footerAlign: {
-                type: PropType<"center" | "right" | "left">;
+                type: PropType<"right" | "left" | "center">;
                 default: string;
             };
             cardProps: {
@@ -3242,10 +3300,6 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            clearable: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
             onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -3253,7 +3307,7 @@ export declare const PlusSearch: {
             onSubmit?: ((values: FieldValues) => any) | undefined;
             onValidate?: ((...args: any[]) => any) | undefined;
             onSubmitError?: ((errors: unknown) => any) | undefined;
-        }, "modelValue" | "collapseDuration" | "collapseTransition" | "columns" | "group" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "defaultValues" | "rowProps" | "colProps" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent" | "clearable">;
+        }, "columns" | "group" | "layout" | "modelValue" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "hasLabel" | "clearable" | "colProps" | "collapseDuration" | "collapseTransition" | "rowProps" | "defaultValues" | "hasErrorTip" | "hasFooter" | "hasReset" | "submitText" | "resetText" | "submitLoading" | "footerAlign" | "cardProps" | "prevent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3265,21 +3319,9 @@ export declare const PlusSearch: {
         }>;
         $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: ((event: "update:modelValue", values: FieldValues) => void) & ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
+        $emit: ((event: "reset", values: FieldValues) => void) & ((event: "submit", values: FieldValues) => void) & ((event: "update:modelValue", values: FieldValues) => void) & ((event: "change", values: FieldValues, column: PlusColumn) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "submitError", errors: unknown) => void);
         $el: any;
         $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
-            modelValue: {
-                type: PropType<FieldValues>;
-                default: () => {};
-            };
-            collapseDuration: {
-                type: PropType<number>;
-                default: undefined;
-            };
-            collapseTransition: {
-                type: PropType<boolean>;
-                default: undefined;
-            };
             columns: {
                 type: PropType< PlusColumn[]>;
                 default: () => never[];
@@ -3288,6 +3330,14 @@ export declare const PlusSearch: {
                 type: PropType<false | PlusFormGroupRow[]>;
                 default: boolean;
             };
+            layout: {
+                type: PropType<"grid" | "flex">;
+                default: string;
+            };
+            modelValue: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             rules: {
                 type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
                 default: () => {};
@@ -3308,24 +3358,36 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            defaultValues: {
-                type: PropType<FieldValues>;
-                default: () => {};
+            clearable: {
+                type: PropType<boolean>;
+                default: boolean;
             };
-            rowProps: {
-                type: PropType<Partial< Mutable<RowProps> & {
+            colProps: {
+                type: PropType<Partial< Mutable<ColProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
-            colProps: {
-                type: PropType<Partial< Mutable<ColProps> & {
+            collapseDuration: {
+                type: PropType<number>;
+                default: undefined;
+            };
+            collapseTransition: {
+                type: PropType<boolean>;
+                default: undefined;
+            };
+            rowProps: {
+                type: PropType<Partial< Mutable<RowProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
                 default: () => {};
             };
+            defaultValues: {
+                type: PropType<FieldValues>;
+                default: () => {};
+            };
             hasErrorTip: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -3351,7 +3413,7 @@ export declare const PlusSearch: {
                 default: boolean;
             };
             footerAlign: {
-                type: PropType<"center" | "right" | "left">;
+                type: PropType<"right" | "left" | "center">;
                 default: string;
             };
             cardProps: {
@@ -3365,10 +3427,6 @@ export declare const PlusSearch: {
                 type: PropType<boolean>;
                 default: boolean;
             };
-            clearable: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
         }>> & {
             "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
             onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -3669,38 +3727,39 @@ export declare const PlusSearch: {
             submitError: (errors: unknown) => void;
             validate: (...args: any[]) => void;
         }, string, {
-            modelValue: FieldValues;
-            collapseDuration: number;
-            collapseTransition: boolean;
             columns: PlusColumn[];
             group: false | PlusFormGroupRow[];
+            layout: "grid" | "flex";
+            modelValue: FieldValues;
             rules: Partial<Record<string, Arrayable<FormItemRule>>>;
             labelPosition: "top" | "right" | "left";
             labelWidth: string | number;
             labelSuffix: string;
             hasLabel: boolean;
-            defaultValues: FieldValues;
-            rowProps: Partial< Mutable<RowProps> & {
+            clearable: boolean;
+            colProps: Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
-            colProps: Partial< Mutable<ColProps> & {
+            collapseDuration: number;
+            collapseTransition: boolean;
+            rowProps: Partial< Mutable<RowProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
+            defaultValues: FieldValues;
             hasErrorTip: boolean;
             hasFooter: boolean;
             hasReset: boolean;
             submitText: string;
             resetText: string;
             submitLoading: boolean;
-            footerAlign: "center" | "right" | "left";
+            footerAlign: "right" | "left" | "center";
             cardProps: Partial< Mutable<CardProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>;
             prevent: boolean;
-            clearable: boolean;
         }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -3722,18 +3781,6 @@ export declare const PlusSearch: {
         $nextTick: nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
     } & Omit<Readonly< ExtractPropTypes<{
-        modelValue: {
-            type: PropType<FieldValues>;
-            default: () => {};
-        };
-        collapseDuration: {
-            type: PropType<number>;
-            default: undefined;
-        };
-        collapseTransition: {
-            type: PropType<boolean>;
-            default: undefined;
-        };
         columns: {
             type: PropType< PlusColumn[]>;
             default: () => never[];
@@ -3742,6 +3789,14 @@ export declare const PlusSearch: {
             type: PropType<false | PlusFormGroupRow[]>;
             default: boolean;
         };
+        layout: {
+            type: PropType<"grid" | "flex">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         rules: {
             type: PropType<Partial<Record<string, Arrayable<FormItemRule>>>>;
             default: () => {};
@@ -3762,24 +3817,36 @@ export declare const PlusSearch: {
             type: PropType<boolean>;
             default: boolean;
         };
-        defaultValues: {
-            type: PropType<FieldValues>;
-            default: () => {};
+        clearable: {
+            type: PropType<boolean>;
+            default: boolean;
         };
-        rowProps: {
-            type: PropType<Partial< Mutable<RowProps> & {
+        colProps: {
+            type: PropType<Partial< Mutable<ColProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>>;
             default: () => {};
         };
-        colProps: {
-            type: PropType<Partial< Mutable<ColProps> & {
+        collapseDuration: {
+            type: PropType<number>;
+            default: undefined;
+        };
+        collapseTransition: {
+            type: PropType<boolean>;
+            default: undefined;
+        };
+        rowProps: {
+            type: PropType<Partial< Mutable<RowProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>>;
             default: () => {};
         };
+        defaultValues: {
+            type: PropType<FieldValues>;
+            default: () => {};
+        };
         hasErrorTip: {
             type: PropType<boolean>;
             default: boolean;
@@ -3805,7 +3872,7 @@ export declare const PlusSearch: {
             default: boolean;
         };
         footerAlign: {
-            type: PropType<"center" | "right" | "left">;
+            type: PropType<"right" | "left" | "center">;
             default: string;
         };
         cardProps: {
@@ -3819,10 +3886,6 @@ export declare const PlusSearch: {
             type: PropType<boolean>;
             default: boolean;
         };
-        clearable: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
     }>> & {
         "onUpdate:modelValue"?: ((values: FieldValues) => any) | undefined;
         onChange?: ((values: FieldValues, column: PlusColumn) => any) | undefined;
@@ -4128,14 +4191,14 @@ export declare const PlusSearch: {
             hideInGroup?: boolean | ComputedRef<boolean> | undefined;
             columns?: PlusColumn[] | undefined;
         }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                 readonly label: string | ComputedRef<string>;
-                readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -4157,7 +4220,7 @@ export declare const PlusSearch: {
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -4202,12 +4265,12 @@ export declare const PlusSearch: {
             fieldInstance?: any;
             valueIsReady?: Ref<boolean> | undefined;
             prop: string;
-            modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+            modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
             hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-            tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+            tooltip: string | Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
-            } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+            } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>>;
@@ -4236,14 +4299,14 @@ export declare const PlusSearch: {
             clearable: boolean;
             index: number;
         }) => any>> & Partial<Record<NonNullable<string | number>, (_: {
-            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+            column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
                 readonly label: string | ComputedRef<string>;
-                readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+                readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
                 readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-                readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+                readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
-                } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+                } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                     style?: CSSProperties | undefined;
                     class?: any;
                 } & RecordType>>;
@@ -4265,7 +4328,7 @@ export declare const PlusSearch: {
                     };
                     rows: number;
                     autocomplete: string;
-                    type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                    type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                     loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                     step: string | number;
                     format: string | ProgressFn | undefined;
@@ -4310,12 +4373,12 @@ export declare const PlusSearch: {
             fieldInstance?: any;
             valueIsReady?: Ref<boolean> | undefined;
             prop: string;
-            modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+            modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
             hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-            tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+            tooltip: string | Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
-            } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+            } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>>;
@@ -4367,20 +4430,21 @@ export declare const PlusSearch: {
     reset: (values: FieldValues) => void;
     collapse: (isShowUnfold: boolean) => void;
 }, string, {
-    modelValue: FieldValues;
     columns: PlusColumn[];
+    layout: "grid" | "flex";
+    modelValue: FieldValues;
     labelPosition: "top" | "right" | "left";
     inline: boolean;
     showNumber: number;
-    defaultValues: FieldValues;
-    rowProps: Partial< Mutable<RowProps> & {
+    colProps: Partial< Mutable<ColProps> & {
         style?: CSSProperties | undefined;
         class?: any;
     } & RecordType>;
-    colProps: Partial< Mutable<ColProps> & {
+    rowProps: Partial< Mutable<RowProps> & {
         style?: CSSProperties | undefined;
         class?: any;
     } & RecordType>;
+    defaultValues: FieldValues;
     hasFooter: boolean;
     hasReset: boolean;
     resetText: string;
@@ -4395,14 +4459,14 @@ export declare const PlusSearch: {
     resetIcon: Component | null;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<NonNullable<string | number>, (_: {
-        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "modelValue" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "renderField" | "valueType" | "optionsMap" | "autoDict" | "renderLabel" | "renderErrorMessage">> & {
             readonly label: string | ComputedRef<string>;
-            readonly modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+            readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
             readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-            readonly tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+            readonly tooltip: string | Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
-            } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+            } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
                 style?: CSSProperties | undefined;
                 class?: any;
             } & RecordType>>;
@@ -4424,7 +4488,7 @@ export declare const PlusSearch: {
                 };
                 rows: number;
                 autocomplete: string;
-                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                type: "" | "number" | "default" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "search" | "time" | "image" | "line" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                 loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                 step: string | number;
                 format: string | ProgressFn | undefined;
@@ -4469,12 +4533,12 @@ export declare const PlusSearch: {
         fieldInstance?: any;
         valueIsReady?: Ref<boolean> | undefined;
         prop: string;
-        modelValue: string | number | boolean | string[] | [string, string] | boolean[] | RecordType | Date | number[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
+        modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
         hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
-        tooltip: string | ComputedRef<string> | Partial< Mutable<ElTooltipProps> & {
+        tooltip: string | Partial< Mutable<ElTooltipProps> & {
             style?: CSSProperties | undefined;
             class?: any;
-        } & RecordType> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
+        } & RecordType> | ComputedRef<string> | ComputedRef<Partial< Mutable<ElTooltipProps> & {
             style?: CSSProperties | undefined;
             class?: any;
         } & RecordType>>;