various-ui/es/components/input/default/src/composable.d.ts

This is a test version of the Vue 3 component library

import { SetupContext } from "vue";
import { UiInputProps, UiInputEmits } from "../index";
import { UiTypes } from "@various/constants";
import { animations } from "@various/utils";
export declare const useComposable: (define: UiInputProps, emits: SetupContext<typeof UiInputEmits>["emit"]) => {
    ons: {
        main: {
            change: (ev: Event) => void;
            focus: (ev?: FocusEvent | Event) => void;
            input: (ev: InputEvent | Event) => void;
            blur: (ev?: FocusEvent | Event) => void;
        };
        candidate: (option: UiTypes.candidate) => {
            mousedown: (ev: Event) => void;
        };
        animation: {
            "before-leave": () => void | undefined;
            "before-enter": (el: Element) => void;
            leave: (el: Element, done: () => void) => void;
            enter: (el: Element, done: () => void) => void;
        };
    };
    vars: {
        observer: ResizeObserver | undefined;
    };
    refs: {
        visible: import("vue").Ref<boolean, boolean>;
    };
    binds: {
        main: {
            type: "number" | "search" | "text" | "email" | "password" | "tel";
            disabled: boolean;
            readonly: boolean;
            maxlength: number | undefined;
            placeholder: string | undefined;
            autocomplete: string;
        };
        body: {
            class: string;
            style: {
                zIndex: number;
            };
        };
        container: {
            class: string;
            style: {
                width: string;
            };
        };
        candidates: {
            style: {
                maxHeight: string;
            };
        };
    };
    nodes: {
        main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        body: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    };
    methods: {
        blur: (ev?: FocusEvent | Event) => void;
        focus: (ev?: FocusEvent | Event) => void;
        clear: () => void;
        input: (ev: InputEvent | Event) => void;
        enter: (ev: KeyboardEvent | Event) => void;
        change: (ev: Event) => void;
    };
    computeds: {
        disabled: import("vue").ComputedRef<boolean>;
        className: import("vue").ComputedRef<string>;
    };
    animations: typeof animations;
};