@opendesign-plus/components 0.0.1-rc.25 → 0.0.1-rc.26

package/dist/components/search/OSearchInput.vue.d.ts

@@ -0,0 +1,1005 @@
+import { OSearchRecommendItem, OSearchUploadImageFn } from './types';
+export interface OSearchInputPropsT {
+    modelValue?: string;
+    imageUrl?: string;
+    size?: 'small' | 'medium' | 'large';
+    placeholder?: string;
+    imagePlaceholder?: string;
+    /** ---- Image search ---- */
+    enableImageSearch?: boolean;
+    uploadImage?: OSearchUploadImageFn;
+    maxImageSize?: number;
+    imageUploadTooltip?: string;
+    allowedImageTypes?: string[];
+    /** ---- Recommendation lists (controlled by parent) ---- */
+    suggestItems?: OSearchRecommendItem[];
+    onestepItems?: OSearchRecommendItem[];
+    suggestTitle?: string;
+    onestepTitle?: string;
+    noDataText?: string;
+    /** When true, show "no data" placeholder for empty suggest while typing */
+    showSuggestEmpty?: boolean;
+    highlightKeyword?: boolean;
+    debounce?: number;
+    /** ---- History ---- */
+    enableHistory?: boolean;
+    historyItems?: string[];
+    maxHistoryCount?: number;
+    storeHistory?: boolean;
+    storageKey?: string;
+    historyTitle?: string;
+    /** Auto-record history on search; default true */
+    autoSaveHistory?: boolean;
+    /** ---- Hot searches (shown alongside history when no keyword) ---- */
+    hotItems?: string[];
+    hotTitle?: string;
+    /** ---- "Did you mean" list (below input) ---- */
+    suggestList?: string[];
+    suggestListLabel?: string;
+    /** ---- Misc ---- */
+    clearable?: boolean;
+    closeOnSearch?: boolean;
+    closeOnClickOutside?: boolean;
+    /** Show dropdown on focus even when empty (history) */
+    openOnFocus?: boolean;
+    /** Always show image as inline thumbnail inside the input; never expand preview below */
+    alwaysInlineThumbnail?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'input-prefix'?(_: {}): any;
+        'input-suffix'?(_: {
+            hasValue: boolean;
+        }): any;
+        'image-preview'?(_: {
+            previewUrl: string;
+            remove: () => void;
+        }): any;
+        dropdown?(_: {
+            keyword: string;
+        }): any;
+        'onestep-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'onestep-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'suggest-header'?(_: {
+            items: OSearchRecommendItem[];
+        }): any;
+        'suggest-content'?(_: {
+            items: OSearchRecommendItem[];
+            keyword: string;
+        }): any;
+        'history-header'?(_: {
+            items: string[];
+        }): any;
+        'history-content'?(_: {
+            items: string[];
+        }): any;
+        'suggest-list'?(_: {
+            items: string[];
+        }): any;
+    };
+    refs: {
+        wrapperRef: HTMLDivElement;
+        inputRef: ({
+            $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+                readonly modelValue?: string | undefined;
+                readonly imageUrl?: string | undefined;
+                readonly placeholder?: string | undefined;
+                readonly imagePlaceholder?: string | undefined;
+                readonly size?: "small" | "medium" | "large" | undefined;
+                readonly enableImageSearch?: boolean | undefined;
+                readonly uploadImage?: OSearchUploadImageFn | undefined;
+                readonly maxImageSize?: number | undefined;
+                readonly imageUploadTooltip?: string | undefined;
+                readonly expanded?: boolean | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly showSuffix?: boolean | undefined;
+                readonly inlineThumbnail?: boolean | undefined;
+                readonly preview?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly allowedImageTypes?: string[] | undefined;
+            } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps;
+            $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                inputRef: ({
+                    $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        color: "normal" | "primary" | "success" | "warning" | "danger";
+                        type: "text" | "password";
+                        disabled: boolean;
+                        variant: "solid" | "outline" | "text";
+                        clearable: boolean;
+                        readonly: boolean;
+                        showLength: "auto" | "always" | "never";
+                        inputOnOutlimit: boolean;
+                        showPasswordEvent: "click" | "pointerdown";
+                        autoWidth: boolean;
+                        passwordPlaceholder: string;
+                        onlyNumericInput: boolean;
+                    }> & Omit<{
+                        readonly color: "primary" | "normal" | "success" | "warning" | "danger";
+                        readonly variant: "text" | "solid" | "outline";
+                        readonly disabled: boolean;
+                        readonly type: "text" | "password";
+                        readonly clearable: boolean;
+                        readonly readonly: boolean;
+                        readonly showLength: "auto" | "always" | "never";
+                        readonly inputOnOutlimit: boolean;
+                        readonly showPasswordEvent: "click" | "pointerdown";
+                        readonly autoWidth: boolean;
+                        readonly passwordPlaceholder: string;
+                        readonly onlyNumericInput: boolean;
+                        readonly size?: "small" | "medium" | "large" | undefined;
+                        readonly defaultValue?: string | number | undefined;
+                        readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                        readonly modelValue?: string | number | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly inputId?: string | undefined;
+                        readonly minLength?: number | undefined;
+                        readonly maxLength?: number | undefined;
+                        readonly getLength?: ((val: string) => number) | undefined;
+                        readonly format?: ((value: string) => string) | undefined;
+                        readonly validate?: ((value: string) => boolean) | undefined;
+                        readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
+                        readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
+                        readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
+                        readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+                        readonly onChange?: ((value: string) => any) | undefined | undefined;
+                        readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+                        readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
+                    } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "color" | "variant" | "disabled" | "type" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+                    $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+                    }>;
+                    $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+                    $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+                    $el: any;
+                    $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                        size: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                        };
+                        round: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                        };
+                        color: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                            default: string;
+                        };
+                        variant: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                            default: string;
+                        };
+                        modelValue: {
+                            type: (NumberConstructor | StringConstructor)[];
+                        };
+                        defaultValue: {
+                            type: (NumberConstructor | StringConstructor)[];
+                        };
+                        type: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                            default: string;
+                        };
+                        placeholder: {
+                            type: StringConstructor;
+                        };
+                        inputId: {
+                            type: StringConstructor;
+                        };
+                        disabled: {
+                            type: BooleanConstructor;
+                        };
+                        readonly: {
+                            type: BooleanConstructor;
+                        };
+                        clearable: {
+                            type: BooleanConstructor;
+                        };
+                        minLength: {
+                            type: NumberConstructor;
+                        };
+                        maxLength: {
+                            type: NumberConstructor;
+                        };
+                        showLength: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
+                            default: string;
+                        };
+                        getLength: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                        };
+                        inputOnOutlimit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        format: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                        };
+                        validate: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                        };
+                        valueOnInvalidChange: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+                        };
+                        showPasswordEvent: {
+                            type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                            default: string;
+                        };
+                        autoWidth: {
+                            type: BooleanConstructor;
+                        };
+                        passwordPlaceholder: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        onlyNumericInput: {
+                            type: BooleanConstructor;
+                        };
+                    }>> & Readonly<{
+                        onInput?: ((evt: Event, value: string) => any) | undefined;
+                        onClear?: ((evt?: Event | undefined) => any) | undefined;
+                        onBlur?: ((evt: FocusEvent) => any) | undefined;
+                        onChange?: ((value: string) => any) | undefined;
+                        onFocus?: ((evt: FocusEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                        onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+                    }>, {
+                        focus: () => void | undefined;
+                        blur: () => void | undefined;
+                        clear: () => void | undefined;
+                        inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+                        togglePassword: () => void | undefined;
+                    }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+                        input: (evt: Event, value: string) => any;
+                        clear: (evt?: Event | undefined) => any;
+                        blur: (evt: FocusEvent) => any;
+                        change: (value: string) => any;
+                        focus: (evt: FocusEvent) => any;
+                        "update:modelValue": (value: string) => any;
+                        pressEnter: (evt: KeyboardEvent) => any;
+                    }, string, {
+                        color: "normal" | "primary" | "success" | "warning" | "danger";
+                        type: "text" | "password";
+                        disabled: boolean;
+                        variant: "solid" | "outline" | "text";
+                        clearable: boolean;
+                        readonly: boolean;
+                        showLength: "auto" | "always" | "never";
+                        inputOnOutlimit: boolean;
+                        showPasswordEvent: "click" | "pointerdown";
+                        autoWidth: boolean;
+                        passwordPlaceholder: string;
+                        onlyNumericInput: boolean;
+                    }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+                } & Readonly<{
+                    color: "normal" | "primary" | "success" | "warning" | "danger";
+                    type: "text" | "password";
+                    disabled: boolean;
+                    variant: "solid" | "outline" | "text";
+                    clearable: boolean;
+                    readonly: boolean;
+                    showLength: "auto" | "always" | "never";
+                    inputOnOutlimit: boolean;
+                    showPasswordEvent: "click" | "pointerdown";
+                    autoWidth: boolean;
+                    passwordPlaceholder: string;
+                    onlyNumericInput: boolean;
+                }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                    size: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                    };
+                    round: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                    };
+                    color: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                        default: string;
+                    };
+                    variant: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                        default: string;
+                    };
+                    modelValue: {
+                        type: (NumberConstructor | StringConstructor)[];
+                    };
+                    defaultValue: {
+                        type: (NumberConstructor | StringConstructor)[];
+                    };
+                    type: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                    };
+                    inputId: {
+                        type: StringConstructor;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                    };
+                    readonly: {
+                        type: BooleanConstructor;
+                    };
+                    clearable: {
+                        type: BooleanConstructor;
+                    };
+                    minLength: {
+                        type: NumberConstructor;
+                    };
+                    maxLength: {
+                        type: NumberConstructor;
+                    };
+                    showLength: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
+                        default: string;
+                    };
+                    getLength: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                    };
+                    inputOnOutlimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    format: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                    };
+                    validate: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                    };
+                    valueOnInvalidChange: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+                    };
+                    showPasswordEvent: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                        default: string;
+                    };
+                    autoWidth: {
+                        type: BooleanConstructor;
+                    };
+                    passwordPlaceholder: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    onlyNumericInput: {
+                        type: BooleanConstructor;
+                    };
+                }>> & Readonly<{
+                    onInput?: ((evt: Event, value: string) => any) | undefined;
+                    onClear?: ((evt?: Event | undefined) => any) | undefined;
+                    onBlur?: ((evt: FocusEvent) => any) | undefined;
+                    onChange?: ((value: string) => any) | undefined;
+                    onFocus?: ((evt: FocusEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+                }>, "clear" | "blur" | "focus" | "color" | "variant" | "disabled" | "type" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                    clear: () => void | undefined;
+                    inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+                    togglePassword: () => void | undefined;
+                } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+                    $slots: Readonly<{
+                        default(): any;
+                        prepend(): any;
+                        append(): any;
+                        prefix(): any;
+                        suffix(): any;
+                    }> & {
+                        default(): any;
+                        prepend(): any;
+                        append(): any;
+                        prefix(): any;
+                        suffix(): any;
+                    };
+                }) | null;
+                uploadBtnRef: HTMLSpanElement;
+                fileInputRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            }>;
+            $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: HTMLDivElement;
+            $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
+                [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+            }>, {
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                awaitUpload: () => Promise<void>;
+                getUploadedUrl: () => string;
+                getIsUploading: () => boolean;
+                resetImage: () => void;
+            }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+                [x: string]: any;
+            } & {
+                [x: string]: any;
+            }, string, {
+                size: "small" | "medium" | "large";
+                disabled: boolean;
+                modelValue: string;
+                imageUrl: string;
+                enableImageSearch: boolean;
+                maxImageSize: number;
+                expanded: boolean;
+                clearable: boolean;
+                showSuffix: boolean;
+                inlineThumbnail: boolean;
+                preview: boolean;
+                allowedImageTypes: string[];
+            }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+        } & Readonly<{
+            size: "small" | "medium" | "large";
+            disabled: boolean;
+            modelValue: string;
+            imageUrl: string;
+            enableImageSearch: boolean;
+            maxImageSize: number;
+            expanded: boolean;
+            clearable: boolean;
+            showSuffix: boolean;
+            inlineThumbnail: boolean;
+            preview: boolean;
+            allowedImageTypes: string[];
+        }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "expanded" | "clearable" | "showSuffix" | "inlineThumbnail" | "preview" | "allowedImageTypes")> & {
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            awaitUpload: () => Promise<void>;
+            getUploadedUrl: () => string;
+            getIsUploading: () => boolean;
+            resetImage: () => void;
+        } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+            $slots: {
+                prefix?(_: {}): any;
+                suffix?(_: {
+                    hasValue: boolean;
+                }): any;
+                preview?(_: {
+                    previewUrl: string;
+                    remove: () => void;
+                }): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('../../../vue/dist/vue.esm-bundler.js').DefineComponent<OSearchInputPropsT, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    search: (overrideKeyword?: string) => Promise<void>;
+    saveHistory: (val?: string) => void;
+}, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import('../../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<OSearchInputPropsT> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    modelValue: string;
+    imageUrl: string;
+    enableImageSearch: boolean;
+    maxImageSize: number;
+    clearable: boolean;
+    onestepItems: OSearchRecommendItem[];
+    suggestItems: OSearchRecommendItem[];
+    historyItems: string[];
+    hotItems: string[];
+    highlightKeyword: boolean;
+    showSuggestEmpty: boolean;
+    storageKey: string;
+    storeHistory: boolean;
+    maxHistoryCount: number;
+    debounce: number;
+    autoSaveHistory: boolean;
+    enableHistory: boolean;
+    suggestList: string[];
+    closeOnSearch: boolean;
+    closeOnClickOutside: boolean;
+    openOnFocus: boolean;
+}, {}, {}, {}, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    inputRef: ({
+        $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+            readonly modelValue?: string | undefined;
+            readonly imageUrl?: string | undefined;
+            readonly placeholder?: string | undefined;
+            readonly imagePlaceholder?: string | undefined;
+            readonly size?: "small" | "medium" | "large" | undefined;
+            readonly enableImageSearch?: boolean | undefined;
+            readonly uploadImage?: OSearchUploadImageFn | undefined;
+            readonly maxImageSize?: number | undefined;
+            readonly imageUploadTooltip?: string | undefined;
+            readonly expanded?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly showSuffix?: boolean | undefined;
+            readonly inlineThumbnail?: boolean | undefined;
+            readonly preview?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly allowedImageTypes?: string[] | undefined;
+        } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps;
+        $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: ({
+                $: import('../../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    color: "normal" | "primary" | "success" | "warning" | "danger";
+                    type: "text" | "password";
+                    disabled: boolean;
+                    variant: "solid" | "outline" | "text";
+                    clearable: boolean;
+                    readonly: boolean;
+                    showLength: "auto" | "always" | "never";
+                    inputOnOutlimit: boolean;
+                    showPasswordEvent: "click" | "pointerdown";
+                    autoWidth: boolean;
+                    passwordPlaceholder: string;
+                    onlyNumericInput: boolean;
+                }> & Omit<{
+                    readonly color: "primary" | "normal" | "success" | "warning" | "danger";
+                    readonly variant: "text" | "solid" | "outline";
+                    readonly disabled: boolean;
+                    readonly type: "text" | "password";
+                    readonly clearable: boolean;
+                    readonly readonly: boolean;
+                    readonly showLength: "auto" | "always" | "never";
+                    readonly inputOnOutlimit: boolean;
+                    readonly showPasswordEvent: "click" | "pointerdown";
+                    readonly autoWidth: boolean;
+                    readonly passwordPlaceholder: string;
+                    readonly onlyNumericInput: boolean;
+                    readonly size?: "small" | "medium" | "large" | undefined;
+                    readonly defaultValue?: string | number | undefined;
+                    readonly round?: import('@opensig/opendesign').RoundT | undefined;
+                    readonly modelValue?: string | number | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly inputId?: string | undefined;
+                    readonly minLength?: number | undefined;
+                    readonly maxLength?: number | undefined;
+                    readonly getLength?: ((val: string) => number) | undefined;
+                    readonly format?: ((value: string) => string) | undefined;
+                    readonly validate?: ((value: string) => boolean) | undefined;
+                    readonly valueOnInvalidChange?: boolean | ((inputValue: string, lastValidInputValue: string) => string) | undefined;
+                    readonly onInput?: ((evt: Event, value: string) => any) | undefined | undefined;
+                    readonly onClear?: ((evt?: Event | undefined) => any) | undefined | undefined;
+                    readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+                    readonly onChange?: ((value: string) => any) | undefined | undefined;
+                    readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+                    readonly onPressEnter?: ((evt: KeyboardEvent) => any) | undefined | undefined;
+                } & import('../../../vue/dist/vue.esm-bundler.js').VNodeProps & import('../../../vue/dist/vue.esm-bundler.js').AllowedComponentProps & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProps, "color" | "variant" | "disabled" | "type" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+                $attrs: import('../../../vue/dist/vue.esm-bundler.js').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+                }>;
+                $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+                $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+                $el: any;
+                $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                    size: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                    };
+                    round: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                    };
+                    color: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                        default: string;
+                    };
+                    variant: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                        default: string;
+                    };
+                    modelValue: {
+                        type: (NumberConstructor | StringConstructor)[];
+                    };
+                    defaultValue: {
+                        type: (NumberConstructor | StringConstructor)[];
+                    };
+                    type: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                        default: string;
+                    };
+                    placeholder: {
+                        type: StringConstructor;
+                    };
+                    inputId: {
+                        type: StringConstructor;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                    };
+                    readonly: {
+                        type: BooleanConstructor;
+                    };
+                    clearable: {
+                        type: BooleanConstructor;
+                    };
+                    minLength: {
+                        type: NumberConstructor;
+                    };
+                    maxLength: {
+                        type: NumberConstructor;
+                    };
+                    showLength: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
+                        default: string;
+                    };
+                    getLength: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                    };
+                    inputOnOutlimit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    format: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                    };
+                    validate: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                    };
+                    valueOnInvalidChange: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+                    };
+                    showPasswordEvent: {
+                        type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                        default: string;
+                    };
+                    autoWidth: {
+                        type: BooleanConstructor;
+                    };
+                    passwordPlaceholder: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    onlyNumericInput: {
+                        type: BooleanConstructor;
+                    };
+                }>> & Readonly<{
+                    onInput?: ((evt: Event, value: string) => any) | undefined;
+                    onClear?: ((evt?: Event | undefined) => any) | undefined;
+                    onBlur?: ((evt: FocusEvent) => any) | undefined;
+                    onChange?: ((value: string) => any) | undefined;
+                    onFocus?: ((evt: FocusEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+                }>, {
+                    focus: () => void | undefined;
+                    blur: () => void | undefined;
+                    clear: () => void | undefined;
+                    inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+                    togglePassword: () => void | undefined;
+                }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+                    input: (evt: Event, value: string) => any;
+                    clear: (evt?: Event | undefined) => any;
+                    blur: (evt: FocusEvent) => any;
+                    change: (value: string) => any;
+                    focus: (evt: FocusEvent) => any;
+                    "update:modelValue": (value: string) => any;
+                    pressEnter: (evt: KeyboardEvent) => any;
+                }, string, {
+                    color: "normal" | "primary" | "success" | "warning" | "danger";
+                    type: "text" | "password";
+                    disabled: boolean;
+                    variant: "solid" | "outline" | "text";
+                    clearable: boolean;
+                    readonly: boolean;
+                    showLength: "auto" | "always" | "never";
+                    inputOnOutlimit: boolean;
+                    showPasswordEvent: "click" | "pointerdown";
+                    autoWidth: boolean;
+                    passwordPlaceholder: string;
+                    onlyNumericInput: boolean;
+                }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+            } & Readonly<{
+                color: "normal" | "primary" | "success" | "warning" | "danger";
+                type: "text" | "password";
+                disabled: boolean;
+                variant: "solid" | "outline" | "text";
+                clearable: boolean;
+                readonly: boolean;
+                showLength: "auto" | "always" | "never";
+                inputOnOutlimit: boolean;
+                showPasswordEvent: "click" | "pointerdown";
+                autoWidth: boolean;
+                passwordPlaceholder: string;
+                onlyNumericInput: boolean;
+            }> & Omit<Readonly<import('../../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+                size: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                };
+                round: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                };
+                color: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                    default: string;
+                };
+                variant: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                    default: string;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                defaultValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                type: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                    default: string;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                inputId: {
+                    type: StringConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                };
+                minLength: {
+                    type: NumberConstructor;
+                };
+                maxLength: {
+                    type: NumberConstructor;
+                };
+                showLength: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"always" | "auto" | "never">;
+                    default: string;
+                };
+                getLength: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                };
+                inputOnOutlimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                format: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                };
+                validate: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                };
+                valueOnInvalidChange: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
+                };
+                showPasswordEvent: {
+                    type: import('../../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                    default: string;
+                };
+                autoWidth: {
+                    type: BooleanConstructor;
+                };
+                passwordPlaceholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                onlyNumericInput: {
+                    type: BooleanConstructor;
+                };
+            }>> & Readonly<{
+                onInput?: ((evt: Event, value: string) => any) | undefined;
+                onClear?: ((evt?: Event | undefined) => any) | undefined;
+                onBlur?: ((evt: FocusEvent) => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
+                onFocus?: ((evt: FocusEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
+            }>, "clear" | "blur" | "focus" | "color" | "variant" | "disabled" | "type" | "clearable" | "readonly" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                clear: () => void | undefined;
+                inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
+                togglePassword: () => void | undefined;
+            } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+                $slots: Readonly<{
+                    default(): any;
+                    prepend(): any;
+                    append(): any;
+                    prefix(): any;
+                    suffix(): any;
+                }> & {
+                    default(): any;
+                    prepend(): any;
+                    append(): any;
+                    prefix(): any;
+                    suffix(): any;
+                };
+            }) | null;
+            uploadBtnRef: HTMLSpanElement;
+            fileInputRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('../../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+        }>;
+        $root: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $parent: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: HTMLDivElement;
+        $options: import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsBase<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
+            [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+        }>, {
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            awaitUpload: () => Promise<void>;
+            getUploadedUrl: () => string;
+            getIsUploading: () => boolean;
+            resetImage: () => void;
+        }, {}, {}, {}, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+            [x: string]: any;
+        } & {
+            [x: string]: any;
+        }, string, {
+            size: "small" | "medium" | "large";
+            disabled: boolean;
+            modelValue: string;
+            imageUrl: string;
+            enableImageSearch: boolean;
+            maxImageSize: number;
+            expanded: boolean;
+            clearable: boolean;
+            showSuffix: boolean;
+            inlineThumbnail: boolean;
+            preview: boolean;
+            allowedImageTypes: string[];
+        }, {}, string, {}, import('../../../vue/dist/vue.esm-bundler.js').GlobalComponents, import('../../../vue/dist/vue.esm-bundler.js').GlobalDirectives, string, import('../../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void) | ((e: import('../../../vue/dist/vue.esm-bundler.js').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('../../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('../../../vue/dist/vue.esm-bundler.js').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('../../../vue/dist/vue.esm-bundler.js').WatchOptions): import('../../../vue/dist/vue.esm-bundler.js').WatchStopHandle;
+    } & Readonly<{
+        size: "small" | "medium" | "large";
+        disabled: boolean;
+        modelValue: string;
+        imageUrl: string;
+        enableImageSearch: boolean;
+        maxImageSize: number;
+        expanded: boolean;
+        clearable: boolean;
+        showSuffix: boolean;
+        inlineThumbnail: boolean;
+        preview: boolean;
+        allowedImageTypes: string[];
+    }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
+        [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "expanded" | "clearable" | "showSuffix" | "inlineThumbnail" | "preview" | "allowedImageTypes")> & {
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        awaitUpload: () => Promise<void>;
+        getUploadedUrl: () => string;
+        getIsUploading: () => boolean;
+        resetImage: () => void;
+    } & {} & import('../../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        $slots: {
+            prefix?(_: {}): any;
+            suffix?(_: {
+                hasValue: boolean;
+            }): any;
+            preview?(_: {
+                previewUrl: string;
+                remove: () => void;
+            }): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};