bkui-vue 0.0.1-beta.47 → 0.0.1-beta.470

package/lib/input/index.d.ts

@@ -2,112 +2,89 @@ declare const BkInput: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{
-            type: string;
-            placeholder: string;
-            prefix: string;
-            step: number;
-            disabled: boolean;
-            modelValue: string | number;
-            readonly: boolean;
-            clearable: boolean;
-            behavior: string;
-            max: number;
-            min: number;
-            maxlength: number;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
-            showWordLimit: boolean;
-            showControl: boolean;
-            showClearOnlyHover: boolean;
-            precision: number;
-            rows: number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            type: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            } & {
-                default: string;
-            };
-            clearable: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            };
-            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            };
-            readonly: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            };
-            placeholder: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            suffixIcon: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            suffix: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            prefix: import("vue-types").VueTypeValidableDef<string> & {
-                default: string;
-            };
-            step: import("vue-types").VueTypeDef<number> & {
-                default: number;
-            };
-            max: import("vue-types").VueTypeDef<number> & {
-                default: number;
-            };
-            min: import("vue-types").VueTypeDef<number> & {
-                default: number;
-            };
-            maxlength: import("vue-types").VueTypeDef<number> & {
-                default: number;
-            };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
-            };
-            showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            };
-            showControl: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            showClearOnlyHover: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
-            };
-            precision: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            } & {
-                default: number;
-            } & {
-                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
-            };
-            modelValue: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            size: import("vue-types").VueTypeDef<string>;
-            rows: import("vue-types").VueTypeValidableDef<number> & {
-                default: number;
-            };
-        }>> & {
-            onPaste?: (...args: any[]) => any;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            onKeypress?: (...args: any[]) => any;
-            onKeyup?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "prefix" | "step" | "disabled" | "modelValue" | "readonly" | "clearable" | "behavior" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "showClearOnlyHover" | "precision" | "rows">;
+        $props: {
+            type?: string;
+            prefix?: string;
+            disabled?: boolean;
+            placeholder?: string;
+            step?: number;
+            max?: number;
+            min?: number;
+            maxlength?: number;
+            behavior?: "normal" | "simplicity";
+            clearable?: boolean;
+            readonly?: boolean;
+            prefixIcon?: string;
+            suffixIcon?: string;
+            suffix?: string;
+            showWordLimit?: boolean;
+            showControl?: boolean;
+            showClearOnlyHover?: boolean;
+            precision?: number;
+            rows?: number;
+            selectReadonly?: boolean;
+            withValidate?: boolean;
+            class?: unknown;
+            style?: unknown;
+            onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+            onCompositionend?: (evt: CompositionEvent) => any;
+            onCompositionstart?: (evt: CompositionEvent) => any;
+            onCompositionupdate?: (evt: CompositionEvent) => any;
+            onFocus?: (evt: FocusEvent) => any;
+            onBlur?: (evt: FocusEvent) => any;
+            onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+            onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+            key?: string | number | symbol;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly size?: "default" | "small" | "large";
+            readonly modelValue?: string | number;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+            onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+        };
         $attrs: {
             [x: string]: unknown;
         };
@@ -115,11 +92,11 @@ declare const BkInput: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            [name: string]: import("vue").Slot;
+            [name: string]: import("vue").Slot<any>;
         }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", ...args: any[]) => void;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: ((event: import("./input").EVENTS.UPDATE, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.FOCUS, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.BLUR, evt: FocusEvent) => void) & ((event: import("./input").EVENTS.CHANGE, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.CLEAR) => void) & ((event: import("./input").EVENTS.INPUT, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYPRESS, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYDOWN, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.KEYUP, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.ENTER, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.PASTE, _value: any, _evt?: KeyboardEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONSTART, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONUPDATE, evt: CompositionEvent) => void) & ((event: import("./input").EVENTS.COMPOSITIONEND, evt: CompositionEvent) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: import("vue-types").VueTypeValidableDef<string> & {
@@ -138,6 +115,8 @@ declare const BkInput: {
             };
             placeholder: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
+            } & {
+                default: string;
             };
             prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -163,8 +142,8 @@ declare const BkInput: {
             maxlength: import("vue-types").VueTypeDef<number> & {
                 default: number;
             };
-            behavior: import("vue-types").VueTypeDef<string> & {
-                default: string;
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
             };
             showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -186,38 +165,63 @@ declare const BkInput: {
             } & {
                 validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
             };
-            modelValue: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
-            size: import("vue-types").VueTypeDef<string>;
+            modelValue: import("vue-types").VueTypeDef<string | number>;
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
             rows: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             };
+            selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onPaste?: (...args: any[]) => any;
-            onFocus?: (...args: any[]) => any;
-            onBlur?: (...args: any[]) => any;
-            onChange?: (...args: any[]) => any;
-            onInput?: (...args: any[]) => any;
-            onKeydown?: (...args: any[]) => any;
-            onKeypress?: (...args: any[]) => any;
-            onKeyup?: (...args: any[]) => any;
-            "onUpdate:modelValue"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
-            onEnter?: (...args: any[]) => any;
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], string, {
+            onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+            onCompositionend?: (evt: CompositionEvent) => any;
+            onCompositionstart?: (evt: CompositionEvent) => any;
+            onCompositionupdate?: (evt: CompositionEvent) => any;
+            onFocus?: (evt: FocusEvent) => any;
+            onBlur?: (evt: FocusEvent) => any;
+            onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+            onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+            onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+            onClear?: () => any;
+            "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+            onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (_value: any, _evt?: KeyboardEvent) => any;
+            focus: (evt: FocusEvent) => FocusEvent;
+            blur: (evt: FocusEvent) => FocusEvent;
+            change: (_value: any, _evt?: KeyboardEvent) => any;
+            clear: () => boolean;
+            input: (_value: any, _evt?: KeyboardEvent) => any;
+            keypress: (_value: any, _evt?: KeyboardEvent) => any;
+            keydown: (_value: any, _evt?: KeyboardEvent) => any;
+            keyup: (_value: any, _evt?: KeyboardEvent) => any;
+            enter: (_value: any, _evt?: KeyboardEvent) => any;
+            paste: (_value: any, _evt?: KeyboardEvent) => any;
+            compositionstart: (evt: CompositionEvent) => CompositionEvent;
+            compositionupdate: (evt: CompositionEvent) => CompositionEvent;
+            compositionend: (evt: CompositionEvent) => CompositionEvent;
+        }, string, {
             type: string;
-            placeholder: string;
             prefix: string;
-            step: number;
             disabled: boolean;
-            modelValue: string | number;
-            readonly: boolean;
-            clearable: boolean;
-            behavior: string;
+            placeholder: string;
+            step: number;
             max: number;
             min: number;
             maxlength: number;
+            behavior: "normal" | "simplicity";
+            clearable: boolean;
+            readonly: boolean;
             prefixIcon: string;
             suffixIcon: string;
             suffix: string;
@@ -226,7 +230,9 @@ declare const BkInput: {
             showClearOnlyHover: boolean;
             precision: number;
             rows: number;
-        }> & {
+            selectReadonly: boolean;
+            withValidate: boolean;
+        }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
             beforeMount?: (() => void) | (() => void)[];
@@ -241,11 +247,11 @@ declare const BkInput: {
             unmounted?: (() => void) | (() => 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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         type: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -263,6 +269,8 @@ declare const BkInput: {
         };
         placeholder: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -288,8 +296,8 @@ declare const BkInput: {
         maxlength: import("vue-types").VueTypeDef<number> & {
             default: number;
         };
-        behavior: import("vue-types").VueTypeDef<string> & {
-            default: string;
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
         };
         showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -311,26 +319,37 @@ declare const BkInput: {
         } & {
             validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
         };
-        modelValue: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        size: import("vue-types").VueTypeDef<string>;
+        modelValue: import("vue-types").VueTypeDef<string | number>;
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
         rows: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
+        selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onPaste?: (...args: any[]) => any;
-        onFocus?: (...args: any[]) => any;
-        onBlur?: (...args: any[]) => any;
-        onChange?: (...args: any[]) => any;
-        onInput?: (...args: any[]) => any;
-        onKeydown?: (...args: any[]) => any;
-        onKeypress?: (...args: any[]) => any;
-        onKeyup?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        onEnter?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+        onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+        onCompositionend?: (evt: CompositionEvent) => any;
+        onCompositionstart?: (evt: CompositionEvent) => any;
+        onCompositionupdate?: (evt: CompositionEvent) => any;
+        onFocus?: (evt: FocusEvent) => any;
+        onBlur?: (evt: FocusEvent) => any;
+        onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+        onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+        onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+        onClear?: () => any;
+        "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+        onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -351,6 +370,8 @@ declare const BkInput: {
     };
     placeholder: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
     };
     prefixIcon: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -376,8 +397,8 @@ declare const BkInput: {
     maxlength: import("vue-types").VueTypeDef<number> & {
         default: number;
     };
-    behavior: import("vue-types").VueTypeDef<string> & {
-        default: string;
+    behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+        default: "normal" | "simplicity";
     };
     showWordLimit: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -399,38 +420,63 @@ declare const BkInput: {
     } & {
         validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
     };
-    modelValue: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    size: import("vue-types").VueTypeDef<string>;
+    modelValue: import("vue-types").VueTypeDef<string | number>;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
     rows: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
+    selectReadonly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onPaste?: (...args: any[]) => any;
-    onFocus?: (...args: any[]) => any;
-    onBlur?: (...args: any[]) => any;
-    onChange?: (...args: any[]) => any;
-    onInput?: (...args: any[]) => any;
-    onKeydown?: (...args: any[]) => any;
-    onKeypress?: (...args: any[]) => any;
-    onKeyup?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter")[], "input" | "focus" | "blur" | "paste" | "change" | "keydown" | "keypress" | "keyup" | "clear" | "update:modelValue" | "enter", {
+    onPaste?: (_value: any, _evt?: KeyboardEvent) => any;
+    onCompositionend?: (evt: CompositionEvent) => any;
+    onCompositionstart?: (evt: CompositionEvent) => any;
+    onCompositionupdate?: (evt: CompositionEvent) => any;
+    onFocus?: (evt: FocusEvent) => any;
+    onBlur?: (evt: FocusEvent) => any;
+    onChange?: (_value: any, _evt?: KeyboardEvent) => any;
+    onInput?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeydown?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeypress?: (_value: any, _evt?: KeyboardEvent) => any;
+    onKeyup?: (_value: any, _evt?: KeyboardEvent) => any;
+    onClear?: () => any;
+    "onUpdate:modelValue"?: (_value: any, _evt?: KeyboardEvent) => any;
+    onEnter?: (_value: any, _evt?: KeyboardEvent) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (_value: any, _evt?: KeyboardEvent) => any;
+    focus: (evt: FocusEvent) => FocusEvent;
+    blur: (evt: FocusEvent) => FocusEvent;
+    change: (_value: any, _evt?: KeyboardEvent) => any;
+    clear: () => boolean;
+    input: (_value: any, _evt?: KeyboardEvent) => any;
+    keypress: (_value: any, _evt?: KeyboardEvent) => any;
+    keydown: (_value: any, _evt?: KeyboardEvent) => any;
+    keyup: (_value: any, _evt?: KeyboardEvent) => any;
+    enter: (_value: any, _evt?: KeyboardEvent) => any;
+    paste: (_value: any, _evt?: KeyboardEvent) => any;
+    compositionstart: (evt: CompositionEvent) => CompositionEvent;
+    compositionupdate: (evt: CompositionEvent) => CompositionEvent;
+    compositionend: (evt: CompositionEvent) => CompositionEvent;
+}, string, {
     type: string;
-    placeholder: string;
     prefix: string;
-    step: number;
     disabled: boolean;
-    modelValue: string | number;
-    readonly: boolean;
-    clearable: boolean;
-    behavior: string;
+    placeholder: string;
+    step: number;
     max: number;
     min: number;
     maxlength: number;
+    behavior: "normal" | "simplicity";
+    clearable: boolean;
+    readonly: boolean;
     prefixIcon: string;
     suffixIcon: string;
     suffix: string;
@@ -439,5 +485,7 @@ declare const BkInput: {
     showClearOnlyHover: boolean;
     precision: number;
     rows: number;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+    selectReadonly: boolean;
+    withValidate: boolean;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkInput;

package/lib/input/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t)=>(()=>{"use strict";var o={6870:e=>{e.exports=t},4212:r=>{r.exports=e},748:e=>{e.exports=r}},n={};function a(e){var r=n[e];if(void 0!==r)return r.exports;var t=n[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{default:()=>p});var e=a(4212);function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var o=a(748);Object.create,Object.create;var n=a(6870),i={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string,prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:e.PropTypes.commonType(["simplicity","normal"]).def("normal"),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!1),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),size:e.PropTypes.size(),rows:e.PropTypes.number},u=["update:modelValue","focus","blur","change","clear","input","keypress","keydown","keyup","enter","paste"],s=(0,e.stringEnum)([].concat(u));const c=(0,o.defineComponent)({name:"Input",inheritAttrs:!1,props:i,emits:[].concat(u),setup:function(a,l){var i=(0,o.ref)(!1),u=(0,o.ref)(!1),c=(0,o.computed)((function(){return"textarea"===a.type})),p=(0,o.computed)((function(){return c.value?"bk-textarea":"bk-input"})),d=l.attrs,f=d.class,y=d.style,m=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(d,["class","style"]),v=(0,o.computed)((function(){var r;return(0,e.classes)((t(r={},"".concat(p.value,"--").concat(a.size),!!a.size),t(r,"is-focused",i.value),t(r,"is-readonly",a.readonly),t(r,"is-disabled",a.disabled),t(r,"is-simplicity","simplicity"===a.behavior),t(r,"".concat(f),!!f),r),p.value)})),b={search:function(){return(0,o.createVNode)(n.Search,null,null)},password:function(){return(0,o.createVNode)(n.Eye,{onClick:U},null)}},g=L("suffix-icon"),x=(0,o.computed)((function(){var e=b[a.type];return T.value?(0,o.createVNode)(n.Unvisible,{onClick:U,class:g},null):e?(0,o.createVNode)(e,{class:g},null):null})),h=(0,o.computed)((function(){return"number"===a.type})),P=(0,o.computed)((function(){return Math.floor(a.maxlength)})),T=(0,o.ref)(!1),V=(0,o.computed)((function(){return(0,e.classes)({"show-clear-only-hover":a.showClearOnlyHover},g)}));function w(){l.emit(s["update:modelValue"],""),l.emit(s.change,""),l.emit(s.clear)}function N(e){i.value=!0,l.emit(s.focus,e)}function O(e){i.value=!1,l.emit(s.blur,e)}var j,S,k=(j=[s.keyup,s.keydown,s.keypress,s.paste,s.change,s.input].map((function(e){return function(r){var t=e;("Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||(t=s.enter,r.type===s.keyup))&&(u.value&&[s.input,s.change].some((function(r){return e===r}))||(e===s.input&&l.emit(s["update:modelValue"],h.value?+r.target.value:r.target.value),l.emit(t,r.target.value,r)))}})),S=6,function(e){if(Array.isArray(e))return e}(j)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(o=t.next()).done)&&(a.push(o.value),!r||a.length!==r);l=!0);}catch(e){i=!0,n=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw n}}return a}}(j,S)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,t):void 0}}(j,S)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=k[0],I=k[1],A=k[2],q=k[3],E=k[4],M=k[5];function z(){u.value=!0}function F(e){u.value=!1,M(e)}function K(e){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=parseInt(String(e),10),o=Number.isInteger(a.precision)?a.precision:0,n=parseFloat(a.modelValue.toString()),l=Number.isInteger(t)?t:1,i=n+(r?l:-1*l);return Number.isInteger(a.max)&&(i=Math.min(i,a.max)),Number.isInteger(a.min)&&(i=Math.max(i,a.min)),+i.toFixed(o)}function D(){var e=K(a.step);l.emit(s["update:modelValue"],e)}function H(){var e=K(a.step,!1);l.emit(s["update:modelValue"],e)}function L(e){return"".concat(p.value,"--").concat(e)}function U(){T.value=!T.value}var W=(0,o.computed)((function(){return{value:a.modelValue,maxlength:a.maxlength,placeholder:a.placeholder,readonly:a.readonly,disabled:a.disabled,onInput:M,onFocus:N,onBlur:O,onPaste:q,onChange:E,onKeypress:A,onKeydown:I,onKeyup:C,onCompositionstart:z,onCompositionend:F}}));return function(){var e,r,t,i,u,s;return(0,o.createVNode)("div",{class:v.value,style:y},[null!==(t=null===(r=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==t?t:a.prefix&&(0,o.createVNode)("div",{class:L("prefix-area")},[(0,o.createVNode)("span",{class:L("prefix-area--text")},[a.prefix])]),c.value?(0,o.createVNode)("textarea",(0,o.mergeProps)(m,W.value,{rows:a.rows}),null):(0,o.createVNode)("input",(0,o.mergeProps)(m,{class:"".concat(p.value,"--text"),type:T.value&&"password"===a.type?"text":a.type,step:a.step,max:a.max,min:a.min},W.value),null),!c.value&&a.clearable&&!!a.modelValue&&(0,o.createVNode)(n.Close,{onClick:w,class:V.value},null),x.value,"number"==typeof a.maxlength&&(a.showWordLimit||c.value)&&(0,o.createVNode)("p",{class:L("max-length")},[a.modelValue.toString().length,(0,o.createTextVNode)("/"),(0,o.createVNode)("span",null,[P.value])]),h.value&&a.showControl&&(0,o.createVNode)("div",{class:L("number-control")},[(0,o.createVNode)(n.DownSmall,{onClick:D},null),(0,o.createVNode)(n.DownSmall,{onClick:H},null)]),null!==(s=null===(u=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==s?s:a.suffix&&(0,o.createVNode)("div",{class:L("suffix-area")},[(0,o.createVNode)("span",{class:L("suffix-area--text")},[a.suffix])])])}}}),p=(0,e.withInstall)(c)})(),l})()));
+!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):r(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var n={2717:e=>{e.exports=t},6870:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},l={};function a(e){var r=l[e];if(void 0!==r)return r.exports;var t=l[e]={exports:{}};return n[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{a.r(i),a.d(i,{default:()=>y});var e=a(4212);function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function o(e,r,o){return(r=function(e){var r=function(e,r){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}var n=a(748);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var l,u,s=a(2717),c=a(6870),p={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string.def(""),prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:(0,e.InputBehaviorType)(),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!0),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),size:e.PropTypes.size(),rows:e.PropTypes.number,selectReadonly:e.PropTypes.bool.def(!1),withValidate:e.PropTypes.bool.def(!0)};function d(e,r){return!0}function f(e){return e}!function(e){e.UPDATE="update:modelValue",e.FOCUS="focus",e.BLUR="blur",e.CHANGE="change",e.CLEAR="clear",e.INPUT="input",e.KEYPRESS="keypress",e.KEYDOWN="keydown",e.KEYUP="keyup",e.ENTER="enter",e.PASTE="paste",e.COMPOSITIONSTART="compositionstart",e.COMPOSITIONUPDATE="compositionupdate",e.COMPOSITIONEND="compositionend"}(u||(u={}));var v=(o(l={},u.UPDATE,d),o(l,u.FOCUS,(function(e){return e})),o(l,u.BLUR,(function(e){return e})),o(l,u.CHANGE,d),o(l,u.CLEAR,(function(){return!0})),o(l,u.INPUT,d),o(l,u.KEYPRESS,d),o(l,u.KEYDOWN,d),o(l,u.KEYUP,d),o(l,u.ENTER,d),o(l,u.PASTE,d),o(l,u.COMPOSITIONSTART,f),o(l,u.COMPOSITIONUPDATE,f),o(l,u.COMPOSITIONEND,f),l);const m=(0,n.defineComponent)({name:"Input",inheritAttrs:!1,props:p,emits:v,setup:function(t,l){var a=(0,e.useFormItem)(),i=(0,s.useLocale)("input"),p=(0,n.ref)(!1),d=(0,n.ref)(!1),f=(0,n.computed)((function(){return"textarea"===t.type})),v=(0,n.computed)((function(){return f.value?(0,e.resolveClassName)("textarea"):(0,e.resolveClassName)("input")})),m=l.attrs,y=m.class,b=m.style,P=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}(m,["class","style"]),T=(0,n.ref)(),g=(0,n.computed)((function(){var r;return(0,e.classes)((o(r={},"".concat(v.value,"--").concat(t.size),!!t.size),o(r,"is-focused",p.value),o(r,"is-readonly",t.readonly&&!t.selectReadonly),o(r,"is-disabled",t.disabled),o(r,"is-simplicity","simplicity"===t.behavior),o(r,"".concat(y),!!y),r),v.value)})),h={search:function(){return(0,n.createVNode)(c.Search,null,null)},password:function(){return(0,n.createVNode)(c.Eye,{onClick:F},null)}},x=G("suffix-icon"),N=(0,n.computed)((function(){var e=h[t.type];return S.value?(0,n.createVNode)(c.Unvisible,{onClick:F,class:x},null):e?(0,n.createVNode)(e,{class:x},null):null})),E=(0,n.computed)((function(){return"number"===t.type})),O=(0,n.computed)((function(){return Math.floor(t.maxlength)})),S=(0,n.ref)(!1),C=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":t.showClearOnlyHover},"".concat(v.value,"--clear-icon"),!0),x)})),V=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue>=t.max})})),w=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":t.disabled||t.modelValue<=t.min})}));function A(){if(!t.disabled){var e=E.value?t.min:"";l.emit(u.UPDATE,e),l.emit(u.CHANGE,e),l.emit(u.CLEAR)}}(0,n.watch)((function(){return t.modelValue}),(function(){var e;t.withValidate&&(null===(e=null==a?void 0:a.validate)||void 0===e||e.call(a,"change"))})),l.expose({focus:function(){T.value.focus()},clear:A});var I,U,j=(I=[u.KEYUP,u.KEYDOWN,u.KEYPRESS,u.PASTE,u.CHANGE,u.INPUT].map((function(e){return function(r){if(r.stopPropagation(),e!==u.KEYDOWN||"Enter"!==r.code&&"Enter"!==r.key&&13!==r.keyCode||l.emit(u.ENTER,r.target.value,r),!d.value||![u.INPUT,u.CHANGE].some((function(r){return e===r}))){if(e===u.INPUT)l.emit(u.UPDATE,r.target.value);else if(e===u.CHANGE&&E.value&&""!==r.target.value){var t=Y(r.target.value,0);return l.emit(u.UPDATE,t,r),void l.emit(e,t,r)}l.emit(e,r.target.value,r)}}})),U=6,function(e){if(Array.isArray(e))return e}(I)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,l,a,i=[],u=!0,s=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;u=!1}else for(;!(u=(o=l.call(t)).done)&&(i.push(o.value),i.length!==r);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw n}}return i}}(I,U)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?r(e,t):void 0}}(I,U)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),D=j[0],R=j[1],K=j[2],k=j[3],M=j[4],H=j[5];function Y(e,r){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(r),l=Number.isInteger(t.precision)?t.precision:0,a=Number(e),i=Number.isInteger(n)?n:1,u=a+(o?i:-1*i);return Number.isInteger(t.max)&&(u=Math.min(u,t.max)),Number.isInteger(t.min)&&(u=Math.max(u,t.min)),+u.toFixed(l)}function L(){if(!t.disabled){var e=Y(t.modelValue,t.step);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function q(){if(!t.disabled){var e=Y(t.modelValue,t.step,!1);l.emit(u.UPDATE,e),l.emit(u.CHANGE,e)}}function G(e){return"".concat(v.value,"--").concat(e)}function F(){S.value=!S.value}var W=(0,n.computed)((function(){var e=void 0===t.modelValue||null===t.modelValue?{}:{value:t.modelValue};return Object.assign(Object.assign({},e),{maxlength:t.maxlength,placeholder:t.placeholder||i.value.placeholder,readonly:t.readonly,disabled:t.disabled})})),B={onInput:H,onFocus:function(e){p.value=!0,l.emit(u.FOCUS,e)},onBlur:function(e){var r;p.value=!1,l.emit(u.BLUR,e),t.withValidate&&(null===(r=null==a?void 0:a.validate)||void 0===r||r.call(a,"blur"))},onPaste:k,onChange:M,onKeypress:K,onKeydown:R,onKeyup:D,onCompositionstart:function(){d.value=!0},onCompositionend:function(e){d.value=!1,H(e)}};return function(){var e,r,o,a,i,u,s;return(0,n.createVNode)("div",{class:g.value,style:b},[null!==(o=null===(r=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===r?void 0:r.call(e))&&void 0!==o?o:t.prefix&&(0,n.createVNode)("div",{class:G("prefix-area")},[(0,n.createVNode)("span",{class:G("prefix-area--text")},[t.prefix])]),f.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:T,spellcheck:!1},P,B,W.value,{rows:t.rows}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},P,{ref:T,class:"".concat(v.value,"--text"),type:S.value&&"password"===t.type?"text":t.type,step:t.step,max:t.max,min:t.min},B,W.value),null),!f.value&&t.clearable&&!!t.modelValue&&(0,n.createVNode)("span",{class:C.value,onClick:A},[(0,n.createVNode)(c.Close,null,null)]),N.value,"number"==typeof t.maxlength&&(t.showWordLimit||f.value)&&(0,n.createVNode)("p",{class:G("max-length")},[(null!==(a=t.modelValue)&&void 0!==a?a:"").toString().length,(0,n.createTextVNode)("/"),(0,n.createVNode)("span",null,[O.value])]),E.value&&t.showControl&&(0,n.createVNode)("div",{class:G("number-control")},[(0,n.createVNode)(c.DownSmall,{class:V.value,onClick:L},null),(0,n.createVNode)(c.DownSmall,{class:w.value,onClick:q},null)]),null!==(s=null===(u=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===u?void 0:u.call(i))&&void 0!==s?s:t.suffix&&(0,n.createVNode)("div",{class:G("suffix-area")},[(0,n.createVNode)("span",{class:G("suffix-area--text")},[t.suffix])])])}}}),y=(0,e.withInstall)(m)})(),i})()));