x-next 0.0.0-alpha.52 → 0.0.0-alpha.53

package/dist/components/input/index.d.ts

@@ -1,131 +1,681 @@
-export declare const XInput: {
+export declare const Input: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        autocomplete: {
-            type: import('vue').PropType<"off" | "on">;
-            default: string;
-        };
-        name: {
+        modelValue: StringConstructor;
+        defaultValue: {
             type: StringConstructor;
             default: string;
         };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         readonly: {
             type: BooleanConstructor;
             default: boolean;
         };
-        autofocus: {
+        error: {
             type: BooleanConstructor;
             default: boolean;
         };
-        form: {
-            type: StringConstructor;
-            default: undefined;
+        placeholder: StringConstructor;
+        maxLength: {
+            type: import('vue').PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
         };
-        modelValue: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: undefined;
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wordLength: {
+            type: import('vue').PropType<(value: string) => number>;
+        };
+        wordSlice: {
+            type: import('vue').PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
         };
         type: {
-            type: import('vue').PropType<"text" | "textarea">;
+            type: import('vue').PropType<"text" | "password">;
             default: string;
         };
-        placeholder: {
+    }>> & Readonly<{
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        render: () => any;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: string) => true;
+        input: (value: string, ev: Event) => true;
+        change: (value: string, ev: Event) => true;
+        pressEnter: (ev: KeyboardEvent) => true;
+        clear: (ev: MouseEvent) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+    }, import('vue').PublicProps, {
+        type: "text" | "password";
+        disabled: boolean;
+        error: boolean;
+        readonly: boolean;
+        defaultValue: string;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        allowClear: boolean;
+        showWordLimit: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: StringConstructor;
+        defaultValue: {
             type: StringConstructor;
             default: string;
         };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-        size: {
-            type: import('vue').PropType<"small" | "large" | "default">;
-            default: string;
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        showPassword: {
+        error: {
             type: BooleanConstructor;
             default: boolean;
         };
-        resize: {
+        placeholder: StringConstructor;
+        maxLength: {
+            type: import('vue').PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
+        };
+        showWordLimit: {
             type: BooleanConstructor;
             default: boolean;
         };
-        prefixIcon: {
-            type: StringConstructor;
-            default: string;
+        wordLength: {
+            type: import('vue').PropType<(value: string) => number>;
         };
-        suffixIcon: {
-            type: StringConstructor;
+        wordSlice: {
+            type: import('vue').PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "password">;
             default: string;
         };
-        autosize: {
-            type: import('vue').PropType<boolean | {
-                minRows: number;
-                maxRows: number;
-            }>;
+    }>> & Readonly<{
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        render: () => any;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, {
+        type: "text" | "password";
+        disabled: boolean;
+        error: boolean;
+        readonly: boolean;
+        defaultValue: string;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        allowClear: boolean;
+        showWordLimit: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant').Size>;
+    };
+    allowClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: StringConstructor;
+    maxLength: {
+        type: import('vue').PropType<number | {
+            length: number;
+            errorOnly?: boolean;
+        }>;
+        default: number;
+    };
+    showWordLimit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordLength: {
+        type: import('vue').PropType<(value: string) => number>;
+    };
+    wordSlice: {
+        type: import('vue').PropType<(value: string, maxLength: number) => string>;
+    };
+    inputAttrs: {
+        type: ObjectConstructor;
+    };
+    type: {
+        type: import('vue').PropType<"text" | "password">;
+        default: string;
+    };
+}>> & Readonly<{
+    onInput?: ((value: string, ev: Event) => any) | undefined;
+    onClear?: ((ev: MouseEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string, ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => true;
+    input: (value: string, ev: Event) => true;
+    change: (value: string, ev: Event) => true;
+    pressEnter: (ev: KeyboardEvent) => true;
+    clear: (ev: MouseEvent) => true;
+    focus: (ev: FocusEvent) => true;
+    blur: (ev: FocusEvent) => true;
+}, string, {
+    type: "text" | "password";
+    disabled: boolean;
+    error: boolean;
+    readonly: boolean;
+    defaultValue: string;
+    maxLength: number | {
+        length: number;
+        errorOnly?: boolean;
+    };
+    allowClear: boolean;
+    showWordLimit: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const InputSearch: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        searchButton: {
+            type: BooleanConstructor;
             default: boolean;
         };
-        formatter: {
-            type: FunctionConstructor;
-            default: undefined;
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        validateEvent: {
+        disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-        clearable: {
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        buttonText: {
+            type: StringConstructor;
+        };
+        buttonProps: {
+            type: import('vue').PropType<import('..').ButtonProps>;
+        };
+    }>> & Readonly<{
+        onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<any, any>;
+        render: () => any;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        search: (value: string, ev: MouseEvent) => true;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        loading: boolean;
+        searchButton: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        searchButton: {
             type: BooleanConstructor;
             default: boolean;
         };
-        card: {
+        loading: {
             type: BooleanConstructor;
             default: boolean;
         };
-        maxlength: {
-            type: (NumberConstructor | StringConstructor)[];
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        buttonText: {
+            type: StringConstructor;
+        };
+        buttonProps: {
+            type: import('vue').PropType<import('..').ButtonProps>;
+        };
+    }>> & Readonly<{
+        onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<any, any>;
+        render: () => any;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, {
+        disabled: boolean;
+        loading: boolean;
+        searchButton: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    searchButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant').Size>;
+    };
+    buttonText: {
+        type: StringConstructor;
+    };
+    buttonProps: {
+        type: import('vue').PropType<import('..').ButtonProps>;
+    };
+}>> & Readonly<{
+    onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+    render: () => any;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (value: string, ev: MouseEvent) => true;
+}, string, {
+    disabled: boolean;
+    loading: boolean;
+    searchButton: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const InputPassword: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        visibility: {
+            type: BooleanConstructor;
             default: undefined;
         };
-        showWordLimit: {
+        defaultVisibility: {
             type: BooleanConstructor;
             default: boolean;
         };
-        valueType: {
-            type: import('vue').PropType<"string" | "number">;
-            default: string;
+        invisibleButton: {
+            type: BooleanConstructor;
+            default: boolean;
         };
     }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onInput?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        onPressEnter?: ((...args: any[]) => any) | undefined;
-    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "clear" | "focus" | "blur" | "change" | "update:modelValue" | "pressEnter")[], import('vue').PublicProps, {
-        size: "small" | "large" | "default";
-        type: "text" | "textarea";
-        name: string;
-        form: string;
-        disabled: boolean;
-        autocomplete: "off" | "on";
-        autofocus: boolean;
-        maxlength: string | number;
-        readonly: boolean;
-        resize: boolean;
-        modelValue: string | number;
-        card: boolean;
-        placeholder: string;
-        showPassword: boolean;
-        prefixIcon: string;
-        suffixIcon: string;
-        autosize: boolean | {
-            minRows: number;
-            maxRows: number;
-        };
-        formatter: Function;
-        validateEvent: boolean;
-        clearable: boolean;
-        showWordLimit: boolean;
-        valueType: "string" | "number";
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        "onVisibility-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:visibility"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<any, any>;
+        mergedVisible: import('vue').ComputedRef<boolean>;
+        handleInvisible: () => void;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("visibility-change" | "update:visibility")[], import('vue').PublicProps, {
+        visibility: boolean;
+        defaultVisibility: boolean;
+        invisibleButton: boolean;
+    }, true, {}, {}, {
+        IconEye: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            rotate: number;
+            spin: boolean;
+            color: string;
+            fillColor: unknown[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconEyeInvisible: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            size: string | number;
+            rotate: number;
+            spin: boolean;
+            color: string;
+            fillColor: unknown[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            className: {
+                block: string;
+                element: (className: string) => string;
+                modifier: (className: string) => string;
+                is: (className: string) => string;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            prefix: {
+                type: StringConstructor;
+            };
+            size: {
+                type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: "mini" | "small" | "medium" | "large" | "huge";
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        XInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            modelValue: StringConstructor;
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('../../_utils/constant').Size>;
+            };
+            allowClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            placeholder: StringConstructor;
+            maxLength: {
+                type: import('vue').PropType<number | {
+                    length: number;
+                    errorOnly?: boolean;
+                }>;
+                default: number;
+            };
+            showWordLimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wordLength: {
+                type: import('vue').PropType<(value: string) => number>;
+            };
+            wordSlice: {
+                type: import('vue').PropType<(value: string, maxLength: number) => string>;
+            };
+            inputAttrs: {
+                type: ObjectConstructor;
+            };
+            type: {
+                type: import('vue').PropType<"text" | "password">;
+                default: string;
+            };
+        }>, {
+            inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            render: () => any;
+        }, {}, {}, {
+            focus(): void;
+            blur(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            'update:modelValue': (value: string) => true;
+            input: (value: string, ev: Event) => true;
+            change: (value: string, ev: Event) => true;
+            pressEnter: (ev: KeyboardEvent) => true;
+            clear: (ev: MouseEvent) => true;
+            focus: (ev: FocusEvent) => true;
+            blur: (ev: FocusEvent) => true;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            modelValue: StringConstructor;
+            defaultValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('../../_utils/constant').Size>;
+            };
+            allowClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            error: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            placeholder: StringConstructor;
+            maxLength: {
+                type: import('vue').PropType<number | {
+                    length: number;
+                    errorOnly?: boolean;
+                }>;
+                default: number;
+            };
+            showWordLimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wordLength: {
+                type: import('vue').PropType<(value: string) => number>;
+            };
+            wordSlice: {
+                type: import('vue').PropType<(value: string, maxLength: number) => string>;
+            };
+            inputAttrs: {
+                type: ObjectConstructor;
+            };
+            type: {
+                type: import('vue').PropType<"text" | "password">;
+                default: string;
+            };
+        }>> & Readonly<{
+            onInput?: ((value: string, ev: Event) => any) | undefined;
+            onClear?: ((ev: MouseEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, ev: Event) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+        }>, {
+            type: "text" | "password";
+            disabled: boolean;
+            error: boolean;
+            readonly: boolean;
+            defaultValue: string;
+            maxLength: number | {
+                length: number;
+                errorOnly?: boolean;
+            };
+            allowClear: boolean;
+            showWordLimit: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -133,262 +683,369 @@ export declare const XInput: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        autocomplete: {
-            type: import('vue').PropType<"off" | "on">;
-            default: string;
+        visibility: {
+            type: BooleanConstructor;
+            default: undefined;
         };
-        name: {
+        defaultVisibility: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        invisibleButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onVisibility-change"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:visibility"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        inputRef: import('vue').Ref<any, any>;
+        mergedVisible: import('vue').ComputedRef<boolean>;
+        handleInvisible: () => void;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, {
+        visibility: boolean;
+        defaultVisibility: boolean;
+        invisibleButton: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    visibility: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultVisibility: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invisibleButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onVisibility-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:visibility"?: ((...args: any[]) => any) | undefined;
+}>, {
+    inputRef: import('vue').Ref<any, any>;
+    mergedVisible: import('vue').ComputedRef<boolean>;
+    handleInvisible: () => void;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("visibility-change" | "update:visibility")[], "visibility-change" | "update:visibility", {
+    visibility: boolean;
+    defaultVisibility: boolean;
+    invisibleButton: boolean;
+}, {}, string, {}, {
+    IconEye: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
             type: StringConstructor;
-            default: string;
+            default: undefined;
         };
-        readonly: {
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
             type: BooleanConstructor;
             default: boolean;
         };
-        autofocus: {
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconEyeInvisible: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
             type: BooleanConstructor;
             default: boolean;
         };
-        form: {
+        color: {
             type: StringConstructor;
             default: undefined;
         };
-        modelValue: {
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
             type: (NumberConstructor | StringConstructor)[];
             default: undefined;
         };
-        type: {
-            type: import('vue').PropType<"text" | "textarea">;
-            default: string;
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
         };
-        placeholder: {
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        prefix: {
             type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
             default: string;
         };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
+    }>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        prefix: {
+            type: StringConstructor;
+        };
         size: {
-            type: import('vue').PropType<"small" | "large" | "default">;
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
             default: string;
         };
-        showPassword: {
+        disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-        resize: {
+    }>> & Readonly<{}>, {
+        size: "mini" | "small" | "medium" | "large" | "huge";
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    XInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: StringConstructor;
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
             type: BooleanConstructor;
             default: boolean;
         };
-        prefixIcon: {
-            type: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        maxLength: {
+            type: import('vue').PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wordLength: {
+            type: import('vue').PropType<(value: string) => number>;
+        };
+        wordSlice: {
+            type: import('vue').PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "password">;
             default: string;
         };
-        suffixIcon: {
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        render: () => any;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: string) => true;
+        input: (value: string, ev: Event) => true;
+        change: (value: string, ev: Event) => true;
+        pressEnter: (ev: KeyboardEvent) => true;
+        clear: (ev: MouseEvent) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: StringConstructor;
+        defaultValue: {
             type: StringConstructor;
             default: string;
         };
-        autosize: {
-            type: import('vue').PropType<boolean | {
-                minRows: number;
-                maxRows: number;
-            }>;
-            default: boolean;
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
         };
-        formatter: {
-            type: FunctionConstructor;
-            default: undefined;
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
         };
-        validateEvent: {
+        disabled: {
             type: BooleanConstructor;
             default: boolean;
         };
-        clearable: {
+        readonly: {
             type: BooleanConstructor;
             default: boolean;
         };
-        card: {
+        error: {
             type: BooleanConstructor;
             default: boolean;
         };
-        maxlength: {
-            type: (NumberConstructor | StringConstructor)[];
-            default: undefined;
+        placeholder: StringConstructor;
+        maxLength: {
+            type: import('vue').PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
         };
         showWordLimit: {
             type: BooleanConstructor;
             default: boolean;
         };
-        valueType: {
-            type: import('vue').PropType<"string" | "number">;
+        wordLength: {
+            type: import('vue').PropType<(value: string) => number>;
+        };
+        wordSlice: {
+            type: import('vue').PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+        type: {
+            type: import('vue').PropType<"text" | "password">;
             default: string;
         };
     }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onInput?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        onPressEnter?: ((...args: any[]) => any) | undefined;
-    }>, () => any, {}, {}, {}, {
-        size: "small" | "large" | "default";
-        type: "text" | "textarea";
-        name: string;
-        form: string;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, {
+        type: "text" | "password";
         disabled: boolean;
-        autocomplete: "off" | "on";
-        autofocus: boolean;
-        maxlength: string | number;
+        error: boolean;
         readonly: boolean;
-        resize: boolean;
-        modelValue: string | number;
-        card: boolean;
-        placeholder: string;
-        showPassword: boolean;
-        prefixIcon: string;
-        suffixIcon: string;
-        autosize: boolean | {
-            minRows: number;
-            maxRows: number;
-        };
-        formatter: Function;
-        validateEvent: boolean;
-        clearable: boolean;
+        defaultValue: string;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        allowClear: boolean;
         showWordLimit: boolean;
-        valueType: "string" | "number";
-    }>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export declare const InputGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    autocomplete: {
-        type: import('vue').PropType<"off" | "on">;
-        default: string;
-    };
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autofocus: {
-        type: BooleanConstructor;
-        default: boolean;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
     };
-    form: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    type: {
-        type: import('vue').PropType<"text" | "textarea">;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        type: import('vue').PropType<"small" | "large" | "default">;
-        default: string;
-    };
-    showPassword: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    resize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    prefixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    suffixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    autosize: {
-        type: import('vue').PropType<boolean | {
-            minRows: number;
-            maxRows: number;
-        }>;
-        default: boolean;
-    };
-    formatter: {
-        type: FunctionConstructor;
-        default: undefined;
-    };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    card: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    showWordLimit: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    valueType: {
-        type: import('vue').PropType<"string" | "number">;
-        default: string;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    onPressEnter?: ((...args: any[]) => any) | undefined;
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "clear" | "focus" | "blur" | "change" | "update:modelValue" | "pressEnter")[], "input" | "clear" | "focus" | "blur" | "change" | "update:modelValue" | "pressEnter", {
-    size: "small" | "large" | "default";
-    type: "text" | "textarea";
-    name: string;
-    form: string;
-    disabled: boolean;
-    autocomplete: "off" | "on";
-    autofocus: boolean;
-    maxlength: string | number;
-    readonly: boolean;
-    resize: boolean;
-    modelValue: string | number;
-    card: boolean;
-    placeholder: string;
-    showPassword: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    autosize: boolean | {
-        minRows: number;
-        maxRows: number;
-    };
-    formatter: Function;
-    validateEvent: boolean;
-    clearable: boolean;
-    showWordLimit: boolean;
-    valueType: "string" | "number";
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;
 };
-export { XInput as default };
+export { Input as default };