hongluan-ui/es/components/mention/src/mention-dropdown.vue.d.ts

Hongluan Component Library for Vue 3

import { nextTick } from 'vue';
import type { MentionOption } from './types';
declare const _default: import("vue").DefineComponent<{
    options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
    loading: BooleanConstructor;
    disabled: BooleanConstructor;
}, {
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
        loading: BooleanConstructor;
        disabled: BooleanConstructor;
    }>> & {
        onSelect?: (option: MentionOption) => any;
    }>>;
    emit: (event: "select", option: MentionOption) => void;
    t: import("hongluan-ui/es/hooks").Translator;
    hoveringIndex: import("vue").Ref<number>;
    scrollbarRef: import("vue").Ref<{
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            height: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
            always: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
            maxHeight: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
            minSize: number;
            native: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
            wrapStyle: "";
            wrapClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
            viewClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
            viewStyle: "";
            tag: string;
            distance: number;
            noresize: boolean;
        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
            readonly ariaLabel: StringConstructor;
            readonly ariaOrientation: {
                readonly type: import("vue").PropType<string>;
                readonly required: false;
                readonly validator: (val: unknown) => boolean;
                __epPropKey: true;
            };
            readonly height: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
            readonly maxHeight: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
            readonly native: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
            readonly wrapStyle: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("vue").StyleValue>, unknown, unknown, "", boolean>;
            readonly wrapClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
            readonly viewClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
            readonly viewStyle: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
            readonly noresize: BooleanConstructor;
            readonly tag: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
            readonly always: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
            readonly minSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
            readonly distance: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
            readonly id: StringConstructor;
            readonly role: StringConstructor;
        }>> & {
            onScroll?: (...args: any[]) => any;
            "onAt-end"?: (...args: any[]) => any;
        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "always" | "maxHeight" | "minSize" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "tag" | "distance" | "noresize">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
        $emit: (event: "scroll" | "at-end", ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            readonly ariaLabel: StringConstructor;
            readonly ariaOrientation: {
                readonly type: import("vue").PropType<string>;
                readonly required: false;
                readonly validator: (val: unknown) => boolean;
                __epPropKey: true;
            };
            readonly height: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
            readonly maxHeight: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
            readonly native: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
            readonly wrapStyle: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("vue").StyleValue>, unknown, unknown, "", boolean>;
            readonly wrapClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
            readonly viewClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
            readonly viewStyle: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
            readonly noresize: BooleanConstructor;
            readonly tag: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
            readonly always: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
            readonly minSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
            readonly distance: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
            readonly id: StringConstructor;
            readonly role: StringConstructor;
        }>> & {
            onScroll?: (...args: any[]) => any;
            "onAt-end"?: (...args: any[]) => any;
        }, {
            namespace: import("vue").ComputedRef<string>;
            scrollbarRef: import("vue").Ref<HTMLDivElement>;
            wrapRef: import("vue").Ref<HTMLDivElement>;
            resizeRef: import("vue").Ref<HTMLElement>;
            barRef: import("vue").Ref<any>;
            style: import("vue").ComputedRef<import("vue").StyleValue>;
            update: () => void;
            handleScroll: () => void;
            setScrollTop: (value: number) => void;
            setScrollLeft: (value: number) => void;
            scrollTo: {
                (xCord: number, yCord?: number): void;
                (options: ScrollToOptions): void;
            };
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "at-end")[], string, {
            height: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
            always: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
            maxHeight: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
            minSize: number;
            native: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
            wrapStyle: "";
            wrapClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
            viewClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
            viewStyle: "";
            tag: string;
            distance: number;
            noresize: boolean;
        }> & {
            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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof nextTick;
        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        readonly ariaLabel: StringConstructor;
        readonly ariaOrientation: {
            readonly type: import("vue").PropType<string>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        readonly height: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly maxHeight: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly native: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly wrapStyle: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("vue").StyleValue>, unknown, unknown, "", boolean>;
        readonly wrapClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewStyle: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
        readonly noresize: BooleanConstructor;
        readonly tag: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
        readonly always: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly minSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
        readonly distance: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
        readonly id: StringConstructor;
        readonly role: StringConstructor;
    }>> & {
        onScroll?: (...args: any[]) => any;
        "onAt-end"?: (...args: any[]) => any;
    } & import("vue").ShallowUnwrapRef<{
        namespace: import("vue").ComputedRef<string>;
        scrollbarRef: import("vue").Ref<HTMLDivElement>;
        wrapRef: import("vue").Ref<HTMLDivElement>;
        resizeRef: import("vue").Ref<HTMLElement>;
        barRef: import("vue").Ref<any>;
        style: import("vue").ComputedRef<import("vue").StyleValue>;
        update: () => void;
        handleScroll: () => void;
        setScrollTop: (value: number) => void;
        setScrollLeft: (value: number) => void;
        scrollTo: {
            (xCord: number, yCord?: number): void;
            (options: ScrollToOptions): void;
        };
    }> & {} & {} & import("vue").ComponentCustomProperties>;
    optionRefs: import("vue").Ref<HTMLElement[]>;
    dropdownRef: import("vue").Ref<HTMLElement>;
    optionkls: (item: MentionOption, index: number) => string[];
    handleSelect: (item: MentionOption) => void;
    handleMouseEnter: (index: number) => void;
    filteredAllDisabled: import("vue").ComputedRef<boolean>;
    hoverOption: import("vue").ComputedRef<MentionOption>;
    selectHoverOption: () => void;
    navigateOptions: (direction: 'next' | 'prev') => void;
    scrollToOption: (option: MentionOption) => void;
    resetHoveringIndex: () => void;
    HlScrollbar: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
        readonly ariaLabel: StringConstructor;
        readonly ariaOrientation: {
            readonly type: import("vue").PropType<string>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        readonly height: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly maxHeight: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly native: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly wrapStyle: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("vue").StyleValue>, unknown, unknown, "", boolean>;
        readonly wrapClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewStyle: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
        readonly noresize: BooleanConstructor;
        readonly tag: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
        readonly always: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly minSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
        readonly distance: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
        readonly id: StringConstructor;
        readonly role: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        scrollbarRef: import("vue").Ref<HTMLDivElement>;
        wrapRef: import("vue").Ref<HTMLDivElement>;
        resizeRef: import("vue").Ref<HTMLElement>;
        barRef: import("vue").Ref<any>;
        style: import("vue").ComputedRef<import("vue").StyleValue>;
        update: () => void;
        handleScroll: () => void;
        setScrollTop: (value: number) => void;
        setScrollLeft: (value: number) => void;
        scrollTo: {
            (xCord: number, yCord?: number): void;
            (options: ScrollToOptions): void;
        };
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "at-end")[], "scroll" | "at-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        readonly ariaLabel: StringConstructor;
        readonly ariaOrientation: {
            readonly type: import("vue").PropType<string>;
            readonly required: false;
            readonly validator: (val: unknown) => boolean;
            __epPropKey: true;
        };
        readonly height: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly maxHeight: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
        readonly native: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly wrapStyle: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<import("vue").StyleValue>, unknown, unknown, "", boolean>;
        readonly wrapClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewClass: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>;
        readonly viewStyle: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>;
        readonly noresize: BooleanConstructor;
        readonly tag: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
        readonly always: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
        readonly minSize: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
        readonly distance: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
        readonly id: StringConstructor;
        readonly role: StringConstructor;
    }>> & {
        onScroll?: (...args: any[]) => any;
        "onAt-end"?: (...args: any[]) => any;
    }, {
        height: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        always: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
        maxHeight: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
        minSize: number;
        native: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
        wrapStyle: "";
        wrapClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
        viewClass: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
        viewStyle: "";
        tag: string;
        distance: number;
        noresize: boolean;
    }>> & Record<string, any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    select: (option: MentionOption) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    options: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<MentionOption[]>, unknown, unknown, () => any[], boolean>;
    loading: BooleanConstructor;
    disabled: BooleanConstructor;
}>> & {
    onSelect?: (option: MentionOption) => any;
}, {
    disabled: boolean;
    options: MentionOption[];
    loading: boolean;
}>;
export default _default;