x-next 1.12.0 → 1.14.0

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

@@ -375,7 +375,135 @@ export declare const InputSearch: {
     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 & {
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<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: () => VNode;
+}, {}, {}, {
+    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;
+    };
+    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: () => VNode;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, {
+    disabled: boolean;
+    loading: boolean;
+    searchButton: boolean;
+}>, "$props"> & {
+    $props: Partial<{
+        disabled: boolean;
+        loading: boolean;
+        searchButton: boolean;
+    }> & Omit<{
+        readonly disabled: boolean;
+        readonly loading: boolean;
+        readonly searchButton: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly buttonText?: string | undefined;
+        readonly buttonProps?: import('..').ButtonProps | undefined;
+        readonly onSearch?: ((value: string, ev: MouseEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "loading" | "searchButton"> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: "text" | "password";
+        disabled: boolean;
+        defaultValue: string;
+        allowClear: boolean;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        showWordLimit: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: "text" | "password";
+        readonly disabled: boolean;
+        readonly defaultValue: string;
+        readonly allowClear: boolean;
+        readonly maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        readonly showWordLimit: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | undefined;
+        readonly modelValue?: string | undefined;
+        readonly inputAttrs?: Record<string, any> | undefined;
+        readonly wordLength?: ((value: string) => number) | undefined;
+        readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+        readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+        readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+        readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit">, "size" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps | "buttonText" | "buttonProps" | "onSearch" | ("disabled" | "loading" | "searchButton")>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const InputPassword: {
@@ -1214,7 +1342,494 @@ export declare const InputPassword: {
         };
         showWordLimit: boolean;
     }, {}, {}, {}, 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 & {
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => Omit<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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>;
+    mergedDisabled: import('vue').ComputedRef<boolean>;
+    handleInvisible: () => void;
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("visibility-change" | "update:visibility")[], import('vue').PublicProps, {
+    disabled: boolean;
+    visibility: boolean;
+    defaultVisibility: boolean;
+    invisibleButton: boolean;
+}, true, {}, {}, {
+    IconEye: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        title: string;
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        ariaLabel: string;
+        strokeWidth: string | number;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconEyeInvisible: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        title: string;
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        ariaLabel: string;
+        strokeWidth: string | number;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconHover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
+        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;
+        };
+        handleClick: (ev: MouseEvent) => void;
+        handleMousedown: (ev: MouseEvent) => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (ev: MouseEvent) => true;
+        mousedown: (ev: MouseEvent) => true;
+        keydown: (ev: KeyboardEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        as: {
+            type: import('vue').PropType<"span" | "button">;
+            default: string;
+        };
+        prefix: {
+            type: StringConstructor;
+        };
+        size: {
+            type: import('vue').PropType<"mini" | "small" | "medium" | "large" | "huge">;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((ev: MouseEvent) => any) | undefined;
+        onMousedown?: ((ev: MouseEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, {
+        as: "span" | "button";
+        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: () => VNode;
+    }, {}, {}, {
+        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<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => 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;
+    }>, {
+        error: boolean;
+        readonly: boolean;
+        type: "text" | "password";
+        disabled: boolean;
+        defaultValue: string;
+        allowClear: boolean;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        showWordLimit: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+} & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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>;
+    mergedDisabled: import('vue').ComputedRef<boolean>;
+    handleInvisible: () => void;
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+}, {}, {}, {
+    focus(): void;
+    blur(): void;
+}, {
+    disabled: boolean;
+    visibility: boolean;
+    defaultVisibility: boolean;
+    invisibleButton: boolean;
+}>, "$props"> & {
+    $props: Partial<{
+        disabled: boolean;
+        visibility: boolean;
+        defaultVisibility: boolean;
+        invisibleButton: boolean;
+    }> & Omit<{
+        readonly disabled: boolean;
+        readonly defaultVisibility: boolean;
+        readonly invisibleButton: boolean;
+        readonly visibility?: boolean | undefined;
+        readonly "onVisibility-change"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:visibility"?: ((...args: any[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "visibility" | "defaultVisibility" | "invisibleButton"> & Omit<Partial<{
+        error: boolean;
+        readonly: boolean;
+        type: "text" | "password";
+        disabled: boolean;
+        defaultValue: string;
+        allowClear: boolean;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        showWordLimit: boolean;
+    }> & Omit<{
+        readonly error: boolean;
+        readonly readonly: boolean;
+        readonly type: "text" | "password";
+        readonly disabled: boolean;
+        readonly defaultValue: string;
+        readonly allowClear: boolean;
+        readonly maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        readonly showWordLimit: boolean;
+        readonly size?: "mini" | "small" | "medium" | "large" | undefined;
+        readonly placeholder?: string | undefined;
+        readonly modelValue?: string | undefined;
+        readonly inputAttrs?: Record<string, any> | undefined;
+        readonly wordLength?: ((value: string) => number) | undefined;
+        readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
+        readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
+        readonly onInput?: ((value: string, ev: Event) => any) | undefined;
+        readonly onClear?: ((ev: MouseEvent) => any) | undefined;
+        readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: string, ev: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        readonly onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "readonly" | "type" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit">, "type" | keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps | "onVisibility-change" | "onUpdate:visibility" | ("disabled" | "visibility" | "defaultVisibility" | "invisibleButton")>;
+}) & {
     install(app: import('vue').App): void;
 };
 export declare const InputGroup: {