vexip-ui/dist/components/dropdown/dropdown.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { PopperExposed } from '../popper';
declare function handleTriggerEnter(): void;
declare function handleTriggerLeave(): void;
declare function handleTriggerClick(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: {
        default?(_: {}): any;
        drop?(_: {}): any;
    };
    refs: {
        wrapper: HTMLDivElement;
        reference: HTMLDivElement;
        popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            visible: import('vue').PropType<boolean>;
            alive: import('vue').PropType<boolean>;
            to: import('vue').PropType<string>;
            transition: import('vue').PropType<string>;
            appear: import('vue').PropType<boolean>;
            role: import('vue').PropType<string>;
            onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        }>> & Readonly<{}>, {
            nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
            props: {
                readonly inherit: boolean;
                readonly visible: boolean;
                readonly role: string;
                readonly appear: boolean;
                readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly transition: string;
                readonly alive: boolean;
                readonly to: string;
            };
            zIndex: import('vue').Ref<number, number>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
            Portal: {
                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                    to: {
                        type: StringConstructor;
                        default: string;
                    };
                }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                    to: string;
                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                    P: {};
                    B: {};
                    D: {};
                    C: {};
                    M: {};
                    Defaults: {};
                }, Readonly<import('vue').ExtractPropTypes<{
                    to: {
                        type: StringConstructor;
                        default: string;
                    };
                }>> & Readonly<{}>, {}, {}, {}, {}, {
                    to: string;
                }>;
                __isFragment?: never;
                __isTeleport?: never;
                __isSuspense?: never;
            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                to: string;
            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                $slots: {
                    default?(_: {}): any;
                };
            });
        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
            P: {};
            B: {};
            D: {};
            C: {};
            M: {};
            Defaults: {};
        }, Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            visible: import('vue').PropType<boolean>;
            alive: import('vue').PropType<boolean>;
            to: import('vue').PropType<string>;
            transition: import('vue').PropType<string>;
            appear: import('vue').PropType<boolean>;
            role: import('vue').PropType<string>;
            onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
            onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        }>> & Readonly<{}>, {
            nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
            props: {
                readonly inherit: boolean;
                readonly visible: boolean;
                readonly role: string;
                readonly appear: boolean;
                readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
                readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
                readonly transition: string;
                readonly alive: boolean;
                readonly to: string;
            };
            zIndex: import('vue').Ref<number, number>;
            wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
            emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
        }, {}, {}, {}, {}> | null;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    visible: import('vue').PropType<boolean>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    outsideClose: import('vue').PropType<boolean>;
    trigger: import('vue').PropType<"click" | "hover" | "custom">;
    label: import('vue').PropType<string | number>;
    transitionName: import('vue').PropType<string>;
    transfer: import('vue').PropType<string | boolean>;
    dropClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    appear: import('vue').PropType<boolean>;
    meta: import('vue').PropType<Record<string, any>>;
    alive: import('vue').PropType<boolean>;
    custom: import('vue').PropType<boolean>;
    shift: import('vue').PropType<boolean>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onSelect: import('vue').PropType<((labels: (string | number)[], metas: Array<Record<string, any>>) => void) | ((labels: (string | number)[], metas: Array<Record<string, any>>) => void)[]>;
    onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>, {
    isNested: boolean;
    currentVisible: import('vue').Ref<boolean, boolean>;
    isAlive: import('vue').ComputedRef<boolean>;
    wrapper: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    reference: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
    popper: import('vue').Ref<PopperExposed | undefined, PopperExposed | undefined>;
    handleTriggerEnter: typeof handleTriggerEnter;
    handleTriggerLeave: typeof handleTriggerLeave;
    handleTriggerClick: typeof handleTriggerClick;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:visible": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    visible: import('vue').PropType<boolean>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    outsideClose: import('vue').PropType<boolean>;
    trigger: import('vue').PropType<"click" | "hover" | "custom">;
    label: import('vue').PropType<string | number>;
    transitionName: import('vue').PropType<string>;
    transfer: import('vue').PropType<string | boolean>;
    dropClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    appear: import('vue').PropType<boolean>;
    meta: import('vue').PropType<Record<string, any>>;
    alive: import('vue').PropType<boolean>;
    custom: import('vue').PropType<boolean>;
    shift: import('vue').PropType<boolean>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onSelect: import('vue').PropType<((labels: (string | number)[], metas: Array<Record<string, any>>) => void) | ((labels: (string | number)[], metas: Array<Record<string, any>>) => void)[]>;
    onClickOutside: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onOutsideClose: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
}>> & Readonly<{
    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    wrapper: HTMLDivElement;
    reference: HTMLDivElement;
    popper: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        visible: import('vue').PropType<boolean>;
        alive: import('vue').PropType<boolean>;
        to: import('vue').PropType<string>;
        transition: import('vue').PropType<string>;
        appear: import('vue').PropType<boolean>;
        role: import('vue').PropType<string>;
        onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
    }>> & Readonly<{}>, {
        nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
        props: {
            readonly inherit: boolean;
            readonly visible: boolean;
            readonly role: string;
            readonly appear: boolean;
            readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly transition: string;
            readonly alive: boolean;
            readonly to: string;
        };
        zIndex: import('vue').Ref<number, number>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
        Portal: {
            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
                to: string;
            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import('vue').ExtractPropTypes<{
                to: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {}, {}, {}, {}, {
                to: string;
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            to: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
            to: string;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
            $slots: {
                default?(_: {}): any;
            };
        });
    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import('vue').ExtractPropTypes<{
        inherit: import('vue').PropType<boolean>;
        visible: import('vue').PropType<boolean>;
        alive: import('vue').PropType<boolean>;
        to: import('vue').PropType<string>;
        transition: import('vue').PropType<string>;
        appear: import('vue').PropType<boolean>;
        role: import('vue').PropType<string>;
        onBeforeEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterEnter: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onEnterCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onBeforeLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onAfterLeave: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
        onLeaveCancelled: import('vue').PropType<((el: Element) => void) | ((el: Element) => void)[]>;
    }>> & Readonly<{}>, {
        nh: import('../../common/bem-helper/dist').NBEM<"popper", "vxp">;
        props: {
            readonly inherit: boolean;
            readonly visible: boolean;
            readonly role: string;
            readonly appear: boolean;
            readonly onBeforeEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterEnter: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onEnterCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onBeforeLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onAfterLeave: ((el: Element) => void) | ((el: Element) => void)[];
            readonly onLeaveCancelled: ((el: Element) => void) | ((el: Element) => void)[];
            readonly transition: string;
            readonly alive: boolean;
            readonly to: string;
        };
        zIndex: import('vue').Ref<number, number>;
        wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
        emitHookEvent: (name: "be" | "e" | "ae" | "ec" | "bl" | "l" | "al" | "lc", el: Element) => void;
    }, {}, {}, {}, {}> | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};