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

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

import { PopperExposed } from '../popper';
import { TooltipExposed } from '../tooltip';
import { VirtualListExposed } from '../virtual-list';
import { ChangeEvent, SelectBaseValue, SelectOptionState, SelectSlots } from './symbol';
declare function getOptionFromMap(value?: SelectBaseValue | null): {
    group: boolean;
    depth: number;
    parent: /*elided*/ any | null;
    data: import('./symbol').SelectRawOption;
    value: string | number;
    label: string;
    disabled: boolean;
    divided: boolean;
    title: string;
    hidden: boolean;
    hitting: boolean;
} | null;
declare function updateHitting(hitting: number, ensureInView?: boolean): void;
declare function isSelected(option: SelectOptionState): boolean;
declare function handleClear(): void;
declare function focus(options?: FocusOptions): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<SelectSlots> & SelectSlots;
    refs: {
        wrapper: HTMLDivElement;
        reference: HTMLDivElement;
        restTip: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
            wrapper: import('vue').PropType<string | boolean>;
            noArrow: import('vue').PropType<boolean>;
            transitionName: import('vue').PropType<string>;
            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>;
            noHover: import('vue').PropType<boolean>;
            tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            transfer: import('vue').PropType<string | boolean>;
            disabled: import('vue').PropType<boolean>;
            raw: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number | number[]>;
            tipAlive: import('vue').PropType<boolean>;
            reverse: import('vue').PropType<boolean>;
            width: import('vue').PropType<number | "trigger" | "auto">;
            virtual: import('vue').PropType<{
                getBoundingClientRect: () => DOMRect;
            } | {
                $el: {
                    getBoundingClientRect: () => DOMRect;
                };
            } | {
                x: number;
                y: number;
            }>;
            shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
            onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
            onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            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<{
            onClickoutside?: ((...args: any[]) => any) | undefined;
            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clickoutside" | "update:visible")[], import('vue').PublicProps, {}, true, {}, {}, 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>;
            trigger: import('vue').PropType<"click" | "focus" | "hover" | "hover-focus" | "custom">;
            wrapper: import('vue').PropType<string | boolean>;
            noArrow: import('vue').PropType<boolean>;
            transitionName: import('vue').PropType<string>;
            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>;
            noHover: import('vue').PropType<boolean>;
            tipClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            tipStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
            transfer: import('vue').PropType<string | boolean>;
            disabled: import('vue').PropType<boolean>;
            raw: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number | number[]>;
            tipAlive: import('vue').PropType<boolean>;
            reverse: import('vue').PropType<boolean>;
            width: import('vue').PropType<number | "trigger" | "auto">;
            virtual: import('vue').PropType<{
                getBoundingClientRect: () => DOMRect;
            } | {
                $el: {
                    getBoundingClientRect: () => DOMRect;
                };
            } | {
                x: number;
                y: number;
            }>;
            shift: import('vue').PropType<boolean | "horizontal" | "vertical" | "both">;
            onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
            onTipEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onTipLeave: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            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<{
            onClickoutside?: ((...args: any[]) => any) | undefined;
            "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
        }>, () => (false | import("vue/jsx-runtime").JSX.Element | null)[], {}, {}, {}, {}> | null;
        nativeInput: HTMLInputElement;
        device: HTMLSpanElement;
        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;
        filterInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            size: import('vue').PropType<"default" | "small" | "large">;
            state: import('vue').PropType<"default" | "success" | "error" | "warning">;
            locale: import('vue').PropType<Partial<{
                placeholder: string;
                ariaLabel: {
                    clear: string;
                };
            }>>;
            type: import('vue').PropType<"date" | "datetime" | "time" | "text" | "password">;
            prefix: import('vue').PropType<any>;
            prefixColor: import('vue').PropType<string>;
            suffix: import('vue').PropType<any>;
            suffixColor: import('vue').PropType<string>;
            formatter: import('vue').PropType<(value: string | number) => string | number>;
            value: import('vue').PropType<string | number>;
            placeholder: import('vue').PropType<string>;
            autofocus: import('vue').PropType<boolean>;
            spellcheck: import('vue').PropType<boolean>;
            autocomplete: import('vue').PropType<string | boolean>;
            readonly: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            debounce: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number>;
            maxLength: import('vue').PropType<number>;
            hideCount: import('vue').PropType<boolean>;
            before: import('vue').PropType<string>;
            after: import('vue').PropType<string>;
            plainPassword: import('vue').PropType<boolean>;
            clearable: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingLock: import('vue').PropType<boolean>;
            loadingEffect: import('vue').PropType<string>;
            transparent: import('vue').PropType<boolean>;
            sync: import('vue').PropType<boolean>;
            controlAttrs: import('vue').PropType<Record<string, any>>;
            name: import('vue').PropType<string>;
            slots: import('vue').PropType<import('../input/symbol').InputSlots>;
            onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onInput: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onChange: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onCompositionStart: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
            onCompositionEnd: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {
            focus: (options?: FocusOptions) => void;
            blur: () => void;
        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], import('vue').PublicProps, {}, true, {}, {}, 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>;
            size: import('vue').PropType<"default" | "small" | "large">;
            state: import('vue').PropType<"default" | "success" | "error" | "warning">;
            locale: import('vue').PropType<Partial<{
                placeholder: string;
                ariaLabel: {
                    clear: string;
                };
            }>>;
            type: import('vue').PropType<"date" | "datetime" | "time" | "text" | "password">;
            prefix: import('vue').PropType<any>;
            prefixColor: import('vue').PropType<string>;
            suffix: import('vue').PropType<any>;
            suffixColor: import('vue').PropType<string>;
            formatter: import('vue').PropType<(value: string | number) => string | number>;
            value: import('vue').PropType<string | number>;
            placeholder: import('vue').PropType<string>;
            autofocus: import('vue').PropType<boolean>;
            spellcheck: import('vue').PropType<boolean>;
            autocomplete: import('vue').PropType<string | boolean>;
            readonly: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            controlClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
            debounce: import('vue').PropType<boolean>;
            delay: import('vue').PropType<number>;
            maxLength: import('vue').PropType<number>;
            hideCount: import('vue').PropType<boolean>;
            before: import('vue').PropType<string>;
            after: import('vue').PropType<string>;
            plainPassword: import('vue').PropType<boolean>;
            clearable: import('vue').PropType<boolean>;
            loading: import('vue').PropType<boolean>;
            loadingIcon: import('vue').PropType<any>;
            loadingLock: import('vue').PropType<boolean>;
            loadingEffect: import('vue').PropType<string>;
            transparent: import('vue').PropType<boolean>;
            sync: import('vue').PropType<boolean>;
            controlAttrs: import('vue').PropType<Record<string, any>>;
            name: import('vue').PropType<string>;
            slots: import('vue').PropType<import('../input/symbol').InputSlots>;
            onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
            onInput: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onChange: import('vue').PropType<((value: string) => void) | ((value: string | number) => void) | ((value: number) => void) | (((value: string) => void) | ((value: string | number) => void) | ((value: number) => void))[]>;
            onEnter: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
            onPrefixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onSuffixClick: import('vue').PropType<((event: MouseEvent) => void) | ((event: MouseEvent) => void)[]>;
            onKeyDown: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyPress: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onKeyUp: import('vue').PropType<((event: KeyboardEvent) => void) | ((event: KeyboardEvent) => void)[]>;
            onCompositionStart: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
            onCompositionEnd: import('vue').PropType<((event: CompositionEvent) => void) | ((event: CompositionEvent) => void)[]>;
        }>> & Readonly<{
            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
        }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {
            focus: (options?: FocusOptions) => void;
            blur: () => void;
        }, {}> | null;
        virtualList: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
            inherit: import('vue').PropType<boolean>;
            items: import('vue').PropType<Array<Record<string, any>>>;
            itemSize: import('vue').PropType<number>;
            itemFixed: import('vue').PropType<boolean>;
            idKey: import('vue').PropType<string>;
            defaultKeyAt: import('vue').PropType<string | number | symbol>;
            bufferSize: import('vue').PropType<number>;
            listTag: import('vue').PropType<string>;
            itemsTag: import('vue').PropType<string>;
            hideBar: import('vue').PropType<boolean>;
            lockItems: import('vue').PropType<boolean>;
            itemsAttrs: import('vue').PropType<Record<string, any>>;
            autoplay: import('vue').PropType<boolean>;
            ignoreResize: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
            onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], import('vue').PublicProps, {}, true, {}, {}, {
            NativeScroll: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: import('vue').PropType<Record<string, any>>;
                mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
                width: import('vue').PropType<string | number>;
                height: import('vue').PropType<string | number>;
                disabled: import('vue').PropType<boolean>;
                pointer: import('vue').PropType<boolean>;
                scrollX: import('vue').PropType<number>;
                scrollY: import('vue').PropType<number>;
                useXBar: import('vue').PropType<boolean>;
                useYBar: import('vue').PropType<boolean>;
                barFade: import('vue').PropType<number>;
                barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: import('vue').PropType<number | boolean>;
                playWaiting: import('vue').PropType<number>;
                appear: import('vue').PropType<boolean>;
                barDuration: import('vue').PropType<number>;
                useBarTrack: import('vue').PropType<boolean>;
                scrollTag: import('vue').PropType<string>;
                observeDeep: import('vue').PropType<boolean>;
                scrollOnly: import('vue').PropType<boolean>;
                onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
                onScrollStart: import('vue').PropType<((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void)[]>;
                onScroll: import('vue').PropType<((payload: import('../native-scroll').NativeScrollPayload) => void) | ((payload: import('../native-scroll').NativeScrollPayload) => void)[]>;
                onScrollEnd: import('vue').PropType<((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void)[]>;
                onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                scrollClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                scrollStyle: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
                scrollAttrs: import('vue').PropType<Record<string, any>>;
                mode: import('vue').PropType<"horizontal" | "vertical" | "both">;
                width: import('vue').PropType<string | number>;
                height: import('vue').PropType<string | number>;
                disabled: import('vue').PropType<boolean>;
                pointer: import('vue').PropType<boolean>;
                scrollX: import('vue').PropType<number>;
                scrollY: import('vue').PropType<number>;
                useXBar: import('vue').PropType<boolean>;
                useYBar: import('vue').PropType<boolean>;
                barFade: import('vue').PropType<number>;
                barClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
                autoplay: import('vue').PropType<number | boolean>;
                playWaiting: import('vue').PropType<number>;
                appear: import('vue').PropType<boolean>;
                barDuration: import('vue').PropType<number>;
                useBarTrack: import('vue').PropType<boolean>;
                scrollTag: import('vue').PropType<string>;
                observeDeep: import('vue').PropType<boolean>;
                scrollOnly: import('vue').PropType<boolean>;
                onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
                onXEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onYEnabledChange: import('vue').PropType<((enabled: boolean) => void) | ((enabled: boolean) => void)[]>;
                onWheel: import('vue').PropType<((event: WheelEvent, type: "vertical" | "horizontal") => void) | ((event: WheelEvent, type: "vertical" | "horizontal") => void)[]>;
                onScrollStart: import('vue').PropType<((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void)[]>;
                onScroll: import('vue').PropType<((payload: import('../native-scroll').NativeScrollPayload) => void) | ((payload: import('../native-scroll').NativeScrollPayload) => void)[]>;
                onScrollEnd: import('vue').PropType<((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void) | ((payload: Omit<import('../native-scroll').NativeScrollPayload, "type">) => void)[]>;
                onBarScrollStart: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScroll: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
                onBarScrollEnd: import('vue').PropType<((payload: import('..').BarScrollPayload) => void) | ((payload: import('..').BarScrollPayload) => void)[]>;
            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
            ResizeObserver: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                throttle: import('vue').PropType<number | boolean>;
                disabled: import('vue').PropType<boolean>;
                onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                [key: string]: any;
            }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                inherit: import('vue').PropType<boolean>;
                throttle: import('vue').PropType<number | boolean>;
                disabled: import('vue').PropType<boolean>;
                onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
            }>> & Readonly<{}>, {}, {}, {}, {}, 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<{
            inherit: import('vue').PropType<boolean>;
            items: import('vue').PropType<Array<Record<string, any>>>;
            itemSize: import('vue').PropType<number>;
            itemFixed: import('vue').PropType<boolean>;
            idKey: import('vue').PropType<string>;
            defaultKeyAt: import('vue').PropType<string | number | symbol>;
            bufferSize: import('vue').PropType<number>;
            listTag: import('vue').PropType<string>;
            itemsTag: import('vue').PropType<string>;
            hideBar: import('vue').PropType<boolean>;
            lockItems: import('vue').PropType<boolean>;
            itemsAttrs: import('vue').PropType<Record<string, any>>;
            autoplay: import('vue').PropType<boolean>;
            ignoreResize: import('vue').PropType<boolean>;
            disabled: import('vue').PropType<boolean>;
            onScroll: import('vue').PropType<((payload: import('../virtual-list/symbol').ScrollPayload) => void) | ((payload: import('../virtual-list/symbol').ScrollPayload) => void)[]>;
            onResize: import('vue').PropType<((entry: ResizeObserverEntry) => void) | ((entry: ResizeObserverEntry) => void)[]>;
        }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {}> | 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>;
    size: import('vue').PropType<"default" | "small" | "large">;
    state: import('vue').PropType<"default" | "success" | "error" | "warning">;
    locale: import('vue').PropType<Partial<{
        placeholder: string;
        empty: string;
        search: string;
        ariaLabel: {
            clear: string;
        };
    }>>;
    visible: import('vue').PropType<boolean>;
    options: import('vue').PropType<import('./symbol').SelectRawOption[]>;
    disabled: import('vue').PropType<boolean>;
    transitionName: import('vue').PropType<string>;
    outsideClose: import('vue').PropType<boolean>;
    placeholder: import('vue').PropType<string>;
    prefix: import('vue').PropType<any>;
    prefixColor: import('vue').PropType<string>;
    suffix: import('vue').PropType<any>;
    suffixColor: import('vue').PropType<string>;
    noSuffix: import('vue').PropType<boolean>;
    value: import('vue').PropType<string | number | boolean | (string | number | boolean)[]>;
    multiple: import('vue').PropType<boolean>;
    clearable: import('vue').PropType<boolean>;
    maxListHeight: import('vue').PropType<number>;
    listClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    transfer: import('vue').PropType<string | boolean>;
    optionCheck: import('vue').PropType<boolean>;
    emptyText: import('vue').PropType<string>;
    staticSuffix: import('vue').PropType<boolean>;
    loading: import('vue').PropType<boolean>;
    loadingIcon: import('vue').PropType<any>;
    loadingLock: import('vue').PropType<boolean>;
    loadingEffect: import('vue').PropType<string>;
    keyConfig: import('vue').PropType<import('./symbol').SelectKeyConfig>;
    filter: import('vue').PropType<boolean | import('./symbol').SelectFilter>;
    ignoreCase: import('vue').PropType<boolean>;
    creatable: import('vue').PropType<boolean>;
    transparent: import('vue').PropType<boolean>;
    maxTagCount: import('vue').PropType<number>;
    noRestTip: import('vue').PropType<boolean>;
    tagType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "cyan" | "gold" | "lime" | "magenta" | "navy" | "orange" | "pink" | "purple" | "tomato" | "primary">;
    noPreview: import('vue').PropType<boolean>;
    remote: import('vue').PropType<boolean>;
    fitPopper: import('vue').PropType<number | boolean>;
    name: import('vue').PropType<string>;
    popperAlive: import('vue').PropType<boolean>;
    countLimit: import('vue').PropType<number>;
    filterPosition: import('vue').PropType<"in-control" | "in-list">;
    slots: import('vue').PropType<SelectSlots>;
    shift: import('vue').PropType<boolean>;
    onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
    onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onSelect: import('vue').PropType<((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void) | (((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void))[]>;
    onCancel: import('vue').PropType<((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void) | (((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void))[]>;
    onChange: import('vue').PropType<ChangeEvent | ((value: SelectBaseValue, data: any) => void) | ((value: string, data: any) => void) | ((value: number, data: any) => void) | ((value: boolean, data: any) => void) | ((values: SelectBaseValue[], data: any[]) => void) | ((values: string[], data: any[]) => void) | ((values: number[], data: any[]) => void) | ((value: boolean[], data: any) => void) | (ChangeEvent | ((value: SelectBaseValue, data: any) => void) | ((value: string, data: any) => void) | ((value: number, data: any) => void) | ((value: boolean, data: any) => void) | ((values: SelectBaseValue[], data: any[]) => void) | ((values: string[], data: any[]) => void) | ((values: number[], data: any[]) => void) | ((value: boolean[], data: 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[]>;
    onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onFilterInput: import('vue').PropType<((value: string) => void) | ((value: string) => void)[]>;
}>, {
    idFor: import('vue').Ref<string | undefined, string | undefined>;
    labelId: import('vue').Ref<string | undefined, string | undefined>;
    currentVisible: import('vue').Ref<boolean, boolean>;
    currentValues: import('vue').Ref<SelectBaseValue[], SelectBaseValue[]>;
    currentLabels: import('vue').Ref<string[], string[]>;
    optionStates: import('vue').ComputedRef<{
        group: boolean;
        depth: number;
        parent: /*elided*/ any | null;
        data: import('./symbol').SelectRawOption;
        value: string | number;
        label: string;
        disabled: boolean;
        divided: boolean;
        title: string;
        hidden: boolean;
        hitting: boolean;
    }[]>;
    isHover: import('vue').Ref<boolean, boolean>;
    currentFilter: import('vue').Ref<string, string>;
    composing: import('vue').Ref<boolean, boolean>;
    visibleOptions: import('vue').ComputedRef<{
        group: boolean;
        depth: number;
        parent: /*elided*/ any | null;
        data: import('./symbol').SelectRawOption;
        value: string | number;
        label: string;
        disabled: boolean;
        divided: boolean;
        title: string;
        hidden: boolean;
        hitting: boolean;
    }[]>;
    totalOptions: import('vue').ComputedRef<{
        group: boolean;
        depth: number;
        parent: /*elided*/ any | null;
        data: import('./symbol').SelectRawOption;
        value: string | number;
        label: string;
        disabled: boolean;
        divided: boolean;
        title: string;
        hidden: boolean;
        hitting: 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>;
    input: import('vue').ComputedRef<HTMLInputElement | undefined>;
    device: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
    virtualList: import('vue').Ref<VirtualListExposed | undefined, VirtualListExposed | undefined>;
    restTip: import('vue').Ref<TooltipExposed | undefined, TooltipExposed | undefined>;
    updatePopper: () => Promise<void>;
    isSelected: typeof isSelected;
    getOptionFromMap: typeof getOptionFromMap;
    updateHitting: typeof updateHitting;
    handleClear: typeof handleClear;
    focus: typeof focus;
    blur: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "update:value": (...args: any[]) => void;
    "update:visible": (...args: any[]) => void;
    "update:label": (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    size: import('vue').PropType<"default" | "small" | "large">;
    state: import('vue').PropType<"default" | "success" | "error" | "warning">;
    locale: import('vue').PropType<Partial<{
        placeholder: string;
        empty: string;
        search: string;
        ariaLabel: {
            clear: string;
        };
    }>>;
    visible: import('vue').PropType<boolean>;
    options: import('vue').PropType<import('./symbol').SelectRawOption[]>;
    disabled: import('vue').PropType<boolean>;
    transitionName: import('vue').PropType<string>;
    outsideClose: import('vue').PropType<boolean>;
    placeholder: import('vue').PropType<string>;
    prefix: import('vue').PropType<any>;
    prefixColor: import('vue').PropType<string>;
    suffix: import('vue').PropType<any>;
    suffixColor: import('vue').PropType<string>;
    noSuffix: import('vue').PropType<boolean>;
    value: import('vue').PropType<string | number | boolean | (string | number | boolean)[]>;
    multiple: import('vue').PropType<boolean>;
    clearable: import('vue').PropType<boolean>;
    maxListHeight: import('vue').PropType<number>;
    listClass: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
    placement: import('vue').PropType<"bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end">;
    transfer: import('vue').PropType<string | boolean>;
    optionCheck: import('vue').PropType<boolean>;
    emptyText: import('vue').PropType<string>;
    staticSuffix: import('vue').PropType<boolean>;
    loading: import('vue').PropType<boolean>;
    loadingIcon: import('vue').PropType<any>;
    loadingLock: import('vue').PropType<boolean>;
    loadingEffect: import('vue').PropType<string>;
    keyConfig: import('vue').PropType<import('./symbol').SelectKeyConfig>;
    filter: import('vue').PropType<boolean | import('./symbol').SelectFilter>;
    ignoreCase: import('vue').PropType<boolean>;
    creatable: import('vue').PropType<boolean>;
    transparent: import('vue').PropType<boolean>;
    maxTagCount: import('vue').PropType<number>;
    noRestTip: import('vue').PropType<boolean>;
    tagType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "cyan" | "gold" | "lime" | "magenta" | "navy" | "orange" | "pink" | "purple" | "tomato" | "primary">;
    noPreview: import('vue').PropType<boolean>;
    remote: import('vue').PropType<boolean>;
    fitPopper: import('vue').PropType<number | boolean>;
    name: import('vue').PropType<string>;
    popperAlive: import('vue').PropType<boolean>;
    countLimit: import('vue').PropType<number>;
    filterPosition: import('vue').PropType<"in-control" | "in-list">;
    slots: import('vue').PropType<SelectSlots>;
    shift: import('vue').PropType<boolean>;
    onFocus: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
    onBlur: import('vue').PropType<((event: FocusEvent) => void) | ((event: FocusEvent) => void)[]>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onSelect: import('vue').PropType<((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void) | (((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void))[]>;
    onCancel: import('vue').PropType<((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void) | (((value: string, data: any) => void) | ((value: boolean, data: any) => void) | ((value: string | number, data: any) => void) | ((value: number, data: any) => void) | ((value: number | boolean, data: any) => void) | ((value: string | boolean, data: any) => void) | ((value: string | number | boolean, data: any) => void))[]>;
    onChange: import('vue').PropType<ChangeEvent | ((value: SelectBaseValue, data: any) => void) | ((value: string, data: any) => void) | ((value: number, data: any) => void) | ((value: boolean, data: any) => void) | ((values: SelectBaseValue[], data: any[]) => void) | ((values: string[], data: any[]) => void) | ((values: number[], data: any[]) => void) | ((value: boolean[], data: any) => void) | (ChangeEvent | ((value: SelectBaseValue, data: any) => void) | ((value: string, data: any) => void) | ((value: number, data: any) => void) | ((value: boolean, data: any) => void) | ((values: SelectBaseValue[], data: any[]) => void) | ((values: string[], data: any[]) => void) | ((values: number[], data: any[]) => void) | ((value: boolean[], data: 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[]>;
    onClear: import('vue').PropType<import('@vexip-ui/config').AnyFunction | import('@vexip-ui/config').AnyFunction[]>;
    onFilterInput: import('vue').PropType<((value: string) => void) | ((value: string) => void)[]>;
}>> & Readonly<{
    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
    "onUpdate:visib