@opendesign-plus/components 0.0.1-rc.6 → 0.0.1-rc.61

package/dist/{components/OHeaderSearch.vue.d.ts → treeshaking/components/search/internal/SearchImageInput.vue.d.ts}

@@ -1,62 +1,42 @@
-export interface OHeaderSearchPropsT {
+import { nextTick } from 'vue';
+import { OSearchUploadImageFn } from '../types';
+export interface SearchImageInputPropsT {
     modelValue?: string;
+    imageUrl?: string;
     placeholder?: string;
-    expandedPlaceholder?: string;
-    expandDirection?: 'left' | 'right';
+    imagePlaceholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    enableImageSearch?: boolean;
+    uploadImage?: OSearchUploadImageFn;
+    maxImageSize?: number;
+    imageUploadTooltip?: string;
+    /** Show preview block below input when true and image staged */
+    expanded?: boolean;
+    /** Whether to render the clear icon when there is content */
     clearable?: boolean;
-    historyItems?: string[];
-    maxHistoryCount?: number;
-    storeHistory?: boolean;
-    historyTitle?: string;
-    storageKey?: string;
-    hotItems?: string[];
-    hotTitle?: string;
-    recommendItems?: string[];
-    searchUrl?: string;
-    searchUrlOpenBlank?: boolean;
-    searchTextMobile?: string;
-}
-export interface OHeaderSearchEmitsT {
-    (e: 'update:modelValue', value: string): void;
-    (e: 'update:historyItems', value: string[]): void;
-    (e: 'clear'): void;
-    (e: 'search', value: string): void;
-    (e: 'delete-history', value: string[]): void;
-    (e: 'delete-history-item', value: string): void;
+    /** Show the right suffix area (upload + clear). When false, suffix is empty. */
+    showSuffix?: boolean;
+    /** When true, render thumbnail inline inside prefix area (compact mode) */
+    inlineThumbnail?: boolean;
+    preview?: boolean;
+    disabled?: boolean;
+    allowedImageTypes?: string[];
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        'input-prefix'?(_: {}): any;
-        'input-suffix'?(_: {}): any;
-        drawer?(_: {
-            recommendItems: string[];
-            historyItems: string[];
-            hotItems: string[];
-        }): any;
-        'recommend-header'?(_: {
-            recommend: string[];
-        }): any;
-        'recommend-content'?(_: {
-            recommend: string[];
-        }): any;
-        'history-header'?(_: {
-            history: string[];
-        }): any;
-        'history-content'?(_: {
-            history: string[];
-        }): any;
-        'hot-header'?(_: {
-            hot: string[];
+        prefix?(_: {}): any;
+        suffix?(_: {
+            hasValue: boolean;
         }): any;
-        'hot-content'?(_: {
-            hot: string[];
+        preview?(_: {
+            previewUrl: string;
+            remove: () => void;
         }): any;
     };
     refs: {
-        posWrapper: HTMLDivElement;
         inputRef: ({
-            $: import('../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+            $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 color: "normal" | "primary" | "success" | "warning" | "danger";
@@ -65,33 +45,39 @@ declare function __VLS_template(): {
                 variant: "solid" | "outline" | "text";
                 clearable: boolean;
                 readonly: boolean;
+                noKeyboard: boolean;
+                showLength: "auto" | "always" | "never";
                 inputOnOutlimit: boolean;
                 showPasswordEvent: "click" | "pointerdown";
                 autoWidth: boolean;
                 passwordPlaceholder: string;
+                onlyNumericInput: boolean;
             }> & Omit<{
                 readonly type: "text" | "password";
-                readonly color: "normal" | "primary" | "success" | "warning" | "danger";
-                readonly variant: "text" | "solid" | "outline";
+                readonly color: "danger" | "warning" | "success" | "primary" | "normal";
+                readonly variant: "solid" | "outline" | "text";
                 readonly disabled: boolean;
-                readonly clearable: boolean;
                 readonly readonly: boolean;
+                readonly noKeyboard: boolean;
+                readonly clearable: 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" | "large" | "medium" | undefined;
                 readonly round?: import('@opensig/opendesign').RoundT | undefined;
-                readonly placeholder?: string | undefined;
-                readonly defaultValue?: string | number | undefined;
                 readonly modelValue?: string | number | undefined;
+                readonly defaultValue?: 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?: ((inputValue: string, lastValidInputValue: string) => string) | 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;
@@ -99,34 +85,32 @@ declare function __VLS_template(): {
                 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, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder">;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: import('../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+                [name: string]: import('vue').Slot<any> | undefined;
             }>;
-            $root: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
-            $parent: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+            $emit: ((event: "change", value: string) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt?: Event | undefined) => 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<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                 size: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                    type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
                 };
                 round: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                    type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
                 };
                 color: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                    type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
                     default: string;
                 };
                 variant: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                    type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
                     default: string;
                 };
                 modelValue: {
@@ -136,7 +120,7 @@ declare function __VLS_template(): {
                     type: (NumberConstructor | StringConstructor)[];
                 };
                 type: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                    type: import('vue').PropType<"text" | "password">;
                     default: string;
                 };
                 placeholder: {
@@ -151,6 +135,9 @@ declare function __VLS_template(): {
                 readonly: {
                     type: BooleanConstructor;
                 };
+                noKeyboard: {
+                    type: BooleanConstructor;
+                };
                 clearable: {
                     type: BooleanConstructor;
                 };
@@ -160,24 +147,28 @@ declare function __VLS_template(): {
                 maxLength: {
                     type: NumberConstructor;
                 };
+                showLength: {
+                    type: import('vue').PropType<"always" | "auto" | "never">;
+                    default: string;
+                };
                 getLength: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                    type: import('vue').PropType<(val: string) => number>;
                 };
                 inputOnOutlimit: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
                 format: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                    type: import('vue').PropType<(value: string) => string>;
                 };
                 validate: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                    type: import('vue').PropType<(value: string) => boolean>;
                 };
                 valueOnInvalidChange: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+                    type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
                 };
                 showPasswordEvent: {
-                    type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                    type: import('vue').PropType<"click" | "pointerdown">;
                     default: string;
                 };
                 autoWidth: {
@@ -187,6 +178,9 @@ declare function __VLS_template(): {
                     type: StringConstructor;
                     default: string;
                 };
+                onlyNumericInput: {
+                    type: BooleanConstructor;
+                };
             }>> & Readonly<{
                 onInput?: ((evt: Event, value: string) => any) | undefined;
                 onClear?: ((evt?: Event | undefined) => any) | undefined;
@@ -199,9 +193,9 @@ declare function __VLS_template(): {
                 focus: () => void | undefined;
                 blur: () => void | undefined;
                 clear: () => void | undefined;
-                inputEl: () => HTMLInputElement | undefined;
+                inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
                 togglePassword: () => void | undefined;
-            }, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 input: (evt: Event, value: string) => any;
                 clear: (evt?: Event | undefined) => any;
                 blur: (evt: FocusEvent) => any;
@@ -216,11 +210,14 @@ declare function __VLS_template(): {
                 variant: "solid" | "outline" | "text";
                 clearable: boolean;
                 readonly: boolean;
+                noKeyboard: boolean;
+                showLength: "auto" | "always" | "never";
                 inputOnOutlimit: boolean;
                 showPasswordEvent: "click" | "pointerdown";
                 autoWidth: boolean;
                 passwordPlaceholder: 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> & {
+                onlyNumericInput: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -233,13 +230,13 @@ declare function __VLS_template(): {
                 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)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').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;
+            $nextTick: typeof 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').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             color: "normal" | "primary" | "success" | "warning" | "danger";
             type: "text" | "password";
@@ -247,23 +244,26 @@ declare function __VLS_template(): {
             variant: "solid" | "outline" | "text";
             clearable: boolean;
             readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
             inputOnOutlimit: boolean;
             showPasswordEvent: "click" | "pointerdown";
             autoWidth: boolean;
             passwordPlaceholder: string;
-        }> & Omit<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+            onlyNumericInput: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
             };
             round: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
             };
             color: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
                 default: string;
             };
             variant: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
                 default: string;
             };
             modelValue: {
@@ -273,7 +273,7 @@ declare function __VLS_template(): {
                 type: (NumberConstructor | StringConstructor)[];
             };
             type: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                type: import('vue').PropType<"text" | "password">;
                 default: string;
             };
             placeholder: {
@@ -288,6 +288,9 @@ declare function __VLS_template(): {
             readonly: {
                 type: BooleanConstructor;
             };
+            noKeyboard: {
+                type: BooleanConstructor;
+            };
             clearable: {
                 type: BooleanConstructor;
             };
@@ -297,24 +300,28 @@ declare function __VLS_template(): {
             maxLength: {
                 type: NumberConstructor;
             };
+            showLength: {
+                type: import('vue').PropType<"always" | "auto" | "never">;
+                default: string;
+            };
             getLength: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                type: import('vue').PropType<(val: string) => number>;
             };
             inputOnOutlimit: {
                 type: BooleanConstructor;
                 default: boolean;
             };
             format: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                type: import('vue').PropType<(value: string) => string>;
             };
             validate: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                type: import('vue').PropType<(value: string) => boolean>;
             };
             valueOnInvalidChange: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
             };
             showPasswordEvent: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                type: import('vue').PropType<"click" | "pointerdown">;
                 default: string;
             };
             autoWidth: {
@@ -324,6 +331,9 @@ declare function __VLS_template(): {
                 type: StringConstructor;
                 default: string;
             };
+            onlyNumericInput: {
+                type: BooleanConstructor;
+            };
         }>> & Readonly<{
             onInput?: ((evt: Event, value: string) => any) | undefined;
             onClear?: ((evt?: Event | undefined) => any) | undefined;
@@ -332,60 +342,64 @@ declare function __VLS_template(): {
             onFocus?: ((evt: FocusEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-        }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "inputEl" | "togglePassword"> & import('../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             clear: () => void | undefined;
-            inputEl: () => HTMLInputElement | undefined;
+            inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
             togglePassword: () => void | undefined;
-        }> & {} & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: Readonly<{
                 default(): any;
                 prepend(): any;
                 append(): any;
                 prefix(): any;
                 suffix(): any;
+                extra(): any;
             }> & {
                 default(): any;
                 prepend(): any;
                 append(): any;
                 prefix(): any;
                 suffix(): any;
+                extra(): any;
             };
         }) | null;
+        uploadBtnRef: HTMLSpanElement;
+        fileInputRef: HTMLInputElement;
     };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').DefineComponent<OHeaderSearchPropsT, {}, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {} & {
-    search: (value: string) => any;
-    clear: () => any;
-    "update:modelValue": (value: string) => any;
-    "update:historyItems": (value: string[]) => any;
-    "delete-history": (value: string[]) => any;
-    "delete-history-item": (value: string) => any;
-}, string, import('../../vue/dist/vue.esm-bundler.js').PublicProps, Readonly<OHeaderSearchPropsT> & Readonly<{
-    onSearch?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:historyItems"?: ((value: string[]) => any) | undefined;
-    "onDelete-history"?: ((value: string[]) => any) | undefined;
-    "onDelete-history-item"?: ((value: string) => any) | undefined;
+declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPropsT, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    awaitUpload: () => Promise<void>;
+    getUploadedUrl: () => string;
+    getIsUploading: () => boolean;
+    resetImage: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import('vue').PublicProps, Readonly<SearchImageInputPropsT> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    size: "small" | "medium" | "large";
+    disabled: boolean;
     modelValue: string;
-    expandDirection: "left" | "right";
     clearable: boolean;
-    historyItems: string[];
-    maxHistoryCount: number;
-    storeHistory: boolean;
-    storageKey: string;
-    hotItems: string[];
-    recommendItems: string[];
-    searchUrlOpenBlank: boolean;
-}, {}, {}, {}, string, import('../../vue/dist/vue.esm-bundler.js').ComponentProvideOptions, false, {
-    posWrapper: HTMLDivElement;
+    preview: boolean;
+    expanded: boolean;
+    imageUrl: string;
+    enableImageSearch: boolean;
+    maxImageSize: number;
+    showSuffix: boolean;
+    inlineThumbnail: boolean;
+    allowedImageTypes: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({
-        $: import('../../vue/dist/vue.esm-bundler.js').ComponentInternalInstance;
+        $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
             color: "normal" | "primary" | "success" | "warning" | "danger";
@@ -394,33 +408,39 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             variant: "solid" | "outline" | "text";
             clearable: boolean;
             readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
             inputOnOutlimit: boolean;
             showPasswordEvent: "click" | "pointerdown";
             autoWidth: boolean;
             passwordPlaceholder: string;
+            onlyNumericInput: boolean;
         }> & Omit<{
             readonly type: "text" | "password";
-            readonly color: "normal" | "primary" | "success" | "warning" | "danger";
-            readonly variant: "text" | "solid" | "outline";
+            readonly color: "danger" | "warning" | "success" | "primary" | "normal";
+            readonly variant: "solid" | "outline" | "text";
             readonly disabled: boolean;
-            readonly clearable: boolean;
             readonly readonly: boolean;
+            readonly noKeyboard: boolean;
+            readonly clearable: 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" | "large" | "medium" | undefined;
             readonly round?: import('@opensig/opendesign').RoundT | undefined;
-            readonly placeholder?: string | undefined;
-            readonly defaultValue?: string | number | undefined;
             readonly modelValue?: string | number | undefined;
+            readonly defaultValue?: 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?: ((inputValue: string, lastValidInputValue: string) => string) | 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;
@@ -428,34 +448,32 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             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, "type" | "color" | "variant" | "disabled" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "color" | "variant" | "disabled" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput">;
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import('../../vue/dist/vue.esm-bundler.js').Slot<any> | undefined;
+            [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
-        $parent: import('../../vue/dist/vue.esm-bundler.js').ComponentPublicInstance | null;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", evt: Event, value: string) => void) & ((event: "clear", evt?: Event | undefined) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "pressEnter", evt: KeyboardEvent) => void);
+        $emit: ((event: "change", value: string) => void) & ((event: "input", evt: Event, value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt?: Event | undefined) => 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<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
             size: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+                type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
             };
             round: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+                type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
             };
             color: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+                type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
                 default: string;
             };
             variant: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+                type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
                 default: string;
             };
             modelValue: {
@@ -465,7 +483,7 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
                 type: (NumberConstructor | StringConstructor)[];
             };
             type: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+                type: import('vue').PropType<"text" | "password">;
                 default: string;
             };
             placeholder: {
@@ -480,6 +498,9 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             readonly: {
                 type: BooleanConstructor;
             };
+            noKeyboard: {
+                type: BooleanConstructor;
+            };
             clearable: {
                 type: BooleanConstructor;
             };
@@ -489,24 +510,28 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             maxLength: {
                 type: NumberConstructor;
             };
+            showLength: {
+                type: import('vue').PropType<"always" | "auto" | "never">;
+                default: string;
+            };
             getLength: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+                type: import('vue').PropType<(val: string) => number>;
             };
             inputOnOutlimit: {
                 type: BooleanConstructor;
                 default: boolean;
             };
             format: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+                type: import('vue').PropType<(value: string) => string>;
             };
             validate: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+                type: import('vue').PropType<(value: string) => boolean>;
             };
             valueOnInvalidChange: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+                type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
             };
             showPasswordEvent: {
-                type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+                type: import('vue').PropType<"click" | "pointerdown">;
                 default: string;
             };
             autoWidth: {
@@ -516,6 +541,9 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
                 type: StringConstructor;
                 default: string;
             };
+            onlyNumericInput: {
+                type: BooleanConstructor;
+            };
         }>> & Readonly<{
             onInput?: ((evt: Event, value: string) => any) | undefined;
             onClear?: ((evt?: Event | undefined) => any) | undefined;
@@ -528,9 +556,9 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             focus: () => void | undefined;
             blur: () => void | undefined;
             clear: () => void | undefined;
-            inputEl: () => HTMLInputElement | undefined;
+            inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
             togglePassword: () => void | undefined;
-        }, {}, {}, {}, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm-bundler.js').ComponentOptionsMixin, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             input: (evt: Event, value: string) => any;
             clear: (evt?: Event | undefined) => any;
             blur: (evt: FocusEvent) => any;
@@ -545,11 +573,14 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             variant: "solid" | "outline" | "text";
             clearable: boolean;
             readonly: boolean;
+            noKeyboard: boolean;
+            showLength: "auto" | "always" | "never";
             inputOnOutlimit: boolean;
             showPasswordEvent: "click" | "pointerdown";
             autoWidth: boolean;
             passwordPlaceholder: 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> & {
+            onlyNumericInput: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -562,13 +593,13 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             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)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').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;
+        $nextTick: typeof 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').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         color: "normal" | "primary" | "success" | "warning" | "danger";
         type: "text" | "password";
@@ -576,23 +607,26 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
         variant: "solid" | "outline" | "text";
         clearable: boolean;
         readonly: boolean;
+        noKeyboard: boolean;
+        showLength: "auto" | "always" | "never";
         inputOnOutlimit: boolean;
         showPasswordEvent: "click" | "pointerdown";
         autoWidth: boolean;
         passwordPlaceholder: string;
-    }> & Omit<Readonly<import('../../vue/dist/vue.esm-bundler.js').ExtractPropTypes<{
+        onlyNumericInput: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
         size: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').SizeT>;
+            type: import('vue').PropType<import('@opensig/opendesign').SizeT>;
         };
         round: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').RoundT>;
+            type: import('vue').PropType<import('@opensig/opendesign').RoundT>;
         };
         color: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').Color2T>;
+            type: import('vue').PropType<import('@opensig/opendesign').Color2T>;
             default: string;
         };
         variant: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<import('@opensig/opendesign').VariantT>;
+            type: import('vue').PropType<import('@opensig/opendesign').VariantT>;
             default: string;
         };
         modelValue: {
@@ -602,7 +636,7 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             type: (NumberConstructor | StringConstructor)[];
         };
         type: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<"text" | "password">;
+            type: import('vue').PropType<"text" | "password">;
             default: string;
         };
         placeholder: {
@@ -617,6 +651,9 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
         readonly: {
             type: BooleanConstructor;
         };
+        noKeyboard: {
+            type: BooleanConstructor;
+        };
         clearable: {
             type: BooleanConstructor;
         };
@@ -626,24 +663,28 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
         maxLength: {
             type: NumberConstructor;
         };
+        showLength: {
+            type: import('vue').PropType<"always" | "auto" | "never">;
+            default: string;
+        };
         getLength: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(val: string) => number>;
+            type: import('vue').PropType<(val: string) => number>;
         };
         inputOnOutlimit: {
             type: BooleanConstructor;
             default: boolean;
         };
         format: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => string>;
+            type: import('vue').PropType<(value: string) => string>;
         };
         validate: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(value: string) => boolean>;
+            type: import('vue').PropType<(value: string) => boolean>;
         };
         valueOnInvalidChange: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<(inputValue: string, lastValidInputValue: string) => string>;
+            type: import('vue').PropType<boolean | ((inputValue: string, lastValidInputValue: string) => string)>;
         };
         showPasswordEvent: {
-            type: import('../../vue/dist/vue.esm-bundler.js').PropType<"click" | "pointerdown">;
+            type: import('vue').PropType<"click" | "pointerdown">;
             default: string;
         };
         autoWidth: {
@@ -653,6 +694,9 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
             type: StringConstructor;
             default: string;
         };
+        onlyNumericInput: {
+            type: BooleanConstructor;
+        };
     }>> & Readonly<{
         onInput?: ((evt: Event, value: string) => any) | undefined;
         onClear?: ((evt?: Event | undefined) => any) | undefined;
@@ -661,27 +705,31 @@ declare const __VLS_component: import('../../vue/dist/vue.esm-bundler.js').Defin
         onFocus?: ((evt: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onPressEnter?: ((evt: KeyboardEvent) => any) | undefined;
-    }>, "type" | "color" | "variant" | "disabled" | "clear" | "blur" | "focus" | "clearable" | "readonly" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "inputEl" | "togglePassword"> & import('../../vue/dist/vue.esm-bundler.js').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "type" | "color" | "variant" | "disabled" | "clear" | "readonly" | "noKeyboard" | "clearable" | "showLength" | "inputOnOutlimit" | "showPasswordEvent" | "autoWidth" | "passwordPlaceholder" | "onlyNumericInput" | "inputEl" | "togglePassword"> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         clear: () => void | undefined;
-        inputEl: () => HTMLInputElement | undefined;
+        inputEl: () => HTMLInputElement | HTMLTextAreaElement | undefined;
         togglePassword: () => void | undefined;
-    }> & {} & import('../../vue/dist/vue.esm-bundler.js').ComponentCustomProperties & {} & {
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: Readonly<{
             default(): any;
             prepend(): any;
             append(): any;
             prefix(): any;
             suffix(): any;
+            extra(): any;
         }> & {
             default(): any;
             prepend(): any;
             append(): any;
             prefix(): any;
             suffix(): any;
+            extra(): any;
         };
     }) | null;
+    uploadBtnRef: HTMLSpanElement;
+    fileInputRef: HTMLInputElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;