twcpt 0.0.3 → 0.0.5

package/dist/components/j-tw-input/index.d.ts

@@ -0,0 +1,549 @@
+import { DefineComponent, ExtractPropTypes, Ref, ComponentInternalInstance, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComputedRef, ComponentOptionsMixin, CSSProperties, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, PublicProps, CreateComponentPublicInstanceWithMixins } from 'vue';
+import { ComponentSize, InputModelModifiers, InputType, InputAutoSize, InputProps } from 'element-plus';
+import { IconPropType, SFCWithInstall } from 'element-plus/es/utils/index.mjs';
+import { OnCleanup } from '@vue/reactivity';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    bgGrey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    elInputRef: Ref<({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly size?: ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: InputModelModifiers | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly minlength?: string | number | undefined;
+            readonly type?: InputType | undefined;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+            readonly autosize?: InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly formatter?: ((value: string) => string) | undefined;
+            readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly clearIcon?: IconPropType | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: IconPropType | undefined;
+            readonly prefixIcon?: IconPropType | undefined;
+            readonly containerRole?: string | undefined;
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onInput?: ((value: string) => any) | undefined | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< InputProps> & Readonly<{
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: ComputedRef<StyleValue>;
+            autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+            isComposing: Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            blur: (evt: FocusEvent) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
+            input: (value: string) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
+        }, string, {
+            type: InputType;
+            disabled: boolean;
+            clearIcon: IconPropType;
+            validateEvent: boolean;
+            modelValue: string | number | null;
+            modelModifiers: InputModelModifiers;
+            autocomplete: string;
+            wordLimitPosition: "inside" | "outside";
+            tabindex: string | number;
+            inputStyle: string | false | CSSProperties | StyleValue[] | null;
+            rows: number;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        type: InputType;
+        disabled: boolean;
+        clearIcon: IconPropType;
+        validateEvent: boolean;
+        modelValue: string | number | null;
+        modelModifiers: InputModelModifiers;
+        autocomplete: string;
+        wordLimitPosition: "inside" | "outside";
+        tabindex: string | number;
+        inputStyle: string | false | CSSProperties | StyleValue[] | null;
+        rows: number;
+    }> & Omit<Readonly< InputProps> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "focus" | "type" | "disabled" | "ref" | "clear" | "input" | "select" | "textarea" | "modelValue" | "blur" | "autocomplete" | "clearIcon" | "validateEvent" | "tabindex" | "inputStyle" | "rows" | "autosize" | "textareaStyle" | "resizeTextarea" | "modelModifiers" | "wordLimitPosition" | "isComposing"> & ShallowUnwrapRef<{
+        input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+        ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        textareaStyle: ComputedRef<StyleValue>;
+        autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+        isComposing: Ref<boolean, boolean>;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    }) | null, ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly size?: ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: InputModelModifiers | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly minlength?: string | number | undefined;
+            readonly type?: InputType | undefined;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+            readonly autosize?: InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly formatter?: ((value: string) => string) | undefined;
+            readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly clearIcon?: IconPropType | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: IconPropType | undefined;
+            readonly prefixIcon?: IconPropType | undefined;
+            readonly containerRole?: string | undefined;
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined | undefined;
+            readonly onInput?: ((value: string) => any) | undefined | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "focus", evt: FocusEvent) => void) & ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< InputProps> & Readonly<{
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: ComputedRef<StyleValue>;
+            autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+            isComposing: Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            blur: (evt: FocusEvent) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
+            input: (value: string) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
+        }, string, {
+            type: InputType;
+            disabled: boolean;
+            clearIcon: IconPropType;
+            validateEvent: boolean;
+            modelValue: string | number | null;
+            modelModifiers: InputModelModifiers;
+            autocomplete: string;
+            wordLimitPosition: "inside" | "outside";
+            tabindex: string | number;
+            inputStyle: string | false | CSSProperties | StyleValue[] | null;
+            rows: number;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        type: InputType;
+        disabled: boolean;
+        clearIcon: IconPropType;
+        validateEvent: boolean;
+        modelValue: string | number | null;
+        modelModifiers: InputModelModifiers;
+        autocomplete: string;
+        wordLimitPosition: "inside" | "outside";
+        tabindex: string | number;
+        inputStyle: string | false | CSSProperties | StyleValue[] | null;
+        rows: number;
+    }> & Omit<Readonly< InputProps> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "focus" | "type" | "disabled" | "ref" | "clear" | "input" | "select" | "textarea" | "modelValue" | "blur" | "autocomplete" | "clearIcon" | "validateEvent" | "tabindex" | "inputStyle" | "rows" | "autosize" | "textareaStyle" | "resizeTextarea" | "modelModifiers" | "wordLimitPosition" | "isComposing"> & ShallowUnwrapRef<{
+        input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+        ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        textareaStyle: ComputedRef<StyleValue>;
+        autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+        isComposing: Ref<boolean, boolean>;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    }> & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    }) | null>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    bgGrey: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    bgGrey: boolean;
+}, {}, {
+    ElInput: SFCWithInstall<{
+        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< InputProps> & Readonly<{
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: ComputedRef<StyleValue>;
+            autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+            isComposing: Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            blur: (evt: FocusEvent) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            focus: (evt: FocusEvent) => void;
+            input: (value: string) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
+        }, PublicProps, {
+            type: InputType;
+            disabled: boolean;
+            clearIcon: IconPropType;
+            validateEvent: boolean;
+            modelValue: string | number | null;
+            modelModifiers: InputModelModifiers;
+            autocomplete: string;
+            wordLimitPosition: "inside" | "outside";
+            tabindex: string | number;
+            inputStyle: string | false | CSSProperties | StyleValue[] | null;
+            rows: number;
+        }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< InputProps> & Readonly<{
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: ComputedRef<StyleValue>;
+            autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+            isComposing: Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, {
+            type: InputType;
+            disabled: boolean;
+            clearIcon: IconPropType;
+            validateEvent: boolean;
+            modelValue: string | number | null;
+            modelModifiers: InputModelModifiers;
+            autocomplete: string;
+            wordLimitPosition: "inside" | "outside";
+            tabindex: string | number;
+            inputStyle: string | false | CSSProperties | StyleValue[] | null;
+            rows: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & ComponentOptionsBase<Readonly< InputProps> & Readonly<{
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        input: ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        textarea: ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+        ref: ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+        textareaStyle: ComputedRef<StyleValue>;
+        autosize: Ref< InputAutoSize | undefined, InputAutoSize | undefined>;
+        isComposing: Ref<boolean, boolean>;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        blur: (evt: FocusEvent) => void;
+        change: (value: string, evt?: Event | undefined) => void;
+        compositionend: (evt: CompositionEvent) => void;
+        compositionstart: (evt: CompositionEvent) => void;
+        compositionupdate: (evt: CompositionEvent) => void;
+        focus: (evt: FocusEvent) => void;
+        input: (value: string) => void;
+        keydown: (evt: Event | KeyboardEvent) => void;
+        mouseenter: (evt: MouseEvent) => void;
+        mouseleave: (evt: MouseEvent) => void;
+        clear: (evt: MouseEvent | undefined) => void;
+        "update:modelValue": (value: string) => void;
+    }, string, {
+        type: InputType;
+        disabled: boolean;
+        clearIcon: IconPropType;
+        validateEvent: boolean;
+        modelValue: string | number | null;
+        modelModifiers: InputModelModifiers;
+        autocomplete: string;
+        wordLimitPosition: "inside" | "outside";
+        tabindex: string | number;
+        inputStyle: string | false | CSSProperties | StyleValue[] | null;
+        rows: number;
+    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        };
+    })>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/j-tw-input/types.d.ts

@@ -0,0 +1,77 @@
+import { DefineComponent } from 'vue';
+export interface JTWInputProps {
+    modelValue?: string | number;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'textarea';
+    placeholder?: string;
+    clearable?: boolean;
+    showPassword?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    showWordLimit?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    rows?: number;
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    autocomplete?: string;
+    name?: string;
+    max?: number;
+    min?: number;
+    step?: number;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    autofocus?: boolean;
+    form?: string;
+    label?: string;
+    tabindex?: string | number;
+    validateEvent?: boolean;
+    inputStyle?: Record<string, any>;
+    bgGrey?: boolean;
+}
+export interface JTWInputEmits {
+    (e: 'update:modelValue', value: string | number): void;
+    (e: 'input', value: string | number): void;
+    (e: 'change', value: string | number): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'clear'): void;
+}
+export interface JTWInputSlots {
+    default?: () => any;
+    prefix?: () => any;
+    suffix?: () => any;
+    prepend?: () => any;
+    append?: () => any;
+}
+export interface JTWInputExpose {
+    input: HTMLInputElement | HTMLTextAreaElement | undefined;
+    textareaStyle: any;
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+    clear: () => void;
+    resizeTextarea: () => void;
+}
+export type JTWInputEmitsOptions = {
+    'update:modelValue': (value: string | number) => true;
+    input: (value: string | number) => true;
+    change: (value: string | number) => true;
+    focus: (event: FocusEvent) => true;
+    blur: (event: FocusEvent) => true;
+    clear: () => true;
+};
+export type JTWInputComponent = DefineComponent<JTWInputProps, JTWInputExpose, {}, {}, {}, {}, {}, JTWInputEmitsOptions>;
+export type JTWInputInstance = InstanceType<JTWInputComponent> & JTWInputExpose;
+export interface JTWInputTemplateProps extends JTWInputProps {
+    'onUpdate:modelValue'?: (value: string | number) => void;
+    onInput?: (value: string | number) => void;
+    onChange?: (value: string | number) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onClear?: () => void;
+    class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    style?: string | Record<string, string>;
+}