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

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

import { nextTick } from 'vue';
import { PopperExposed } from '../popper';
import { CascaderKeyConfig, CascaderOptionState, CascaderSlots, CascaderValue, Data } from './symbol';
declare function handlePanelOpen(option: CascaderOptionState, depth: number): Promise<void>;
declare function handleOptionSelect(option: CascaderOptionState, depth: number): void;
declare function handleOptionCheck(option: CascaderOptionState): void;
declare function toggleVisible(visible?: boolean): void;
declare function handleClear(): void;
declare function handlePanelBack(): void;
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<CascaderSlots> & CascaderSlots;
    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>;
    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;
        };
    }>>;
    value: import('vue').PropType<(string | number)[] | (string | number)[][]>;
    visible: import('vue').PropType<boolean>;
    options: import('vue').PropType<Data[]>;
    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>;
    noCascaded: import('vue').PropType<boolean>;
    multiple: import('vue').PropType<boolean>;
    disabled: import('vue').PropType<boolean>;
    clearable: 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">;
    transfer: import('vue').PropType<string | boolean>;
    staticSuffix: import('vue').PropType<boolean>;
    noSuffix: import('vue').PropType<boolean>;
    transitionName: import('vue').PropType<string>;
    outsideClose: import('vue').PropType<boolean>;
    keyConfig: import('vue').PropType<CascaderKeyConfig>;
    separator: import('vue').PropType<string>;
    hoverTrigger: import('vue').PropType<boolean>;
    maxTagCount: import('vue').PropType<number>;
    briefLabel: import('vue').PropType<boolean>;
    noRestTip: import('vue').PropType<boolean>;
    onAsyncLoad: import('vue').PropType<(data: Data) => any[] | Promise<any[]>>;
    mergeTags: import('vue').PropType<boolean>;
    tagType: import('vue').PropType<"default" | "success" | "error" | "warning" | "info" | "cyan" | "gold" | "lime" | "magenta" | "navy" | "orange" | "pink" | "purple" | "tomato" | "primary">;
    emptyText: import('vue').PropType<string>;
    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>;
    popperAlive: import('vue').PropType<boolean>;
    slots: import('vue').PropType<CascaderSlots>;
    onToggle: import('vue').PropType<((visible: boolean) => void) | ((visible: boolean) => void)[]>;
    onSelect: import('vue').PropType<((fullValue: string, data: Data) => void) | ((fullValue: string, data: Data) => void)[]>;
    onCancel: import('vue').PropType<((fullValue: string, data: Data) => void) | ((fullValue: string, data: Data) => void)[]>;
    onChange: import('vue').PropType<((value: CascaderValue, data: Data[] | Data[][]) => void) | ((value: (string | number)[], data: Data[]) => void) | ((value: string[], data: Data[]) => void) | ((value: number[], data: Data[]) => void) | ((value: (string | number)[][], data: Data[][]) => void) | ((value: string[][], data: Data[][]) => void) | ((value: number[][], data: Data[][]) => void) | (((value: CascaderValue, data: Data[] | Data[][]) => void) | ((value: (string | number)[], data: Data[]) => void) | ((value: string[], data: Data[]) => void) | ((value: number[], data: Data[]) => void) | ((value: (string | number)[][], data: Data[][]) => void) | ((value: string[][], data: Data[][]) => void) | ((value: number[][], data: Data[][]) => 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[]>;
}>, {
    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<string[], string[]>;
    currentLabels: import('vue').Ref<string[], string[]>;
    isHover: import('vue').Ref<boolean, boolean>;
    openedIds: import('vue').Ref<number[], number[]>;
    restTagCount: import('vue').Ref<number, number>;
    restTipShow: import('vue').Ref<boolean, boolean>;
    optionsList: import('vue').ComputedRef<(CascaderOptionState[] | undefined)[]>;
    hasValue: import('vue').ComputedRef<boolean>;
    templateValues: import('vue').ComputedRef<string[]>;
    templateLabels: import('vue').ComputedRef<string[]>;
    showClear: 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>;
    panelElList: import('vue').Ref<({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            values: string[];
            visible: boolean;
            options: CascaderOptionState[];
            multiple: boolean;
            openedId: number;
            ready: boolean;
            checkIcon: Record<string, any>;
            isAsync: boolean;
            merged: boolean;
            noCascaded: boolean;
            labeledBy: string;
        }> & Omit<{
            readonly values: string[];
            readonly visible: boolean;
            readonly options: CascaderOptionState[];
            readonly multiple: boolean;
            readonly openedId: number;
            readonly ready: boolean;
            readonly checkIcon: Record<string, any>;
            readonly isAsync: boolean;
            readonly merged: boolean;
            readonly noCascaded: boolean;
            readonly labeledBy?: string | undefined;
            readonly onSelect?: ((...args: any[]) => any) | undefined;
            readonly onClose?: ((...args: any[]) => any) | undefined;
            readonly onCheck?: ((...args: any[]) => any) | undefined;
            readonly onHover?: ((...args: any[]) => any) | undefined;
            readonly onOpen?: ((...args: any[]) => any) | undefined;
            readonly onBack?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "values" | "visible" | "options" | "multiple" | "openedId" | "ready" | "checkIcon" | "isAsync" | "merged" | "noCascaded" | "labeledBy">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            list: 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;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "select", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "hover", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "back", ...args: any[]) => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            options: {
                type: import('vue').PropType<CascaderOptionState[]>;
                default: () => never[];
            };
            openedId: {
                type: NumberConstructor;
                default: null;
            };
            values: {
                type: import('vue').PropType<string[]>;
                default: () => never[];
            };
            ready: {
                type: BooleanConstructor;
                default: boolean;
            };
            multiple: {
                type: BooleanConstructor;
                default: boolean;
            };
            checkIcon: {
                type: ObjectConstructor;
                default: null;
            };
            isAsync: {
                type: BooleanConstructor;
                default: boolean;
            };
            merged: {
                type: BooleanConstructor;
                default: boolean;
            };
            noCascaded: {
                type: BooleanConstructor;
                default: boolean;
            };
            visible: {
                type: BooleanConstructor;
                default: boolean;
            };
            labeledBy: {
                type: StringConstructor;
                default: undefined;
            };
        }>> & Readonly<{
            onSelect?: ((...args: any[]) => any) | undefined;
            onClose?: ((...args: any[]) => any) | undefined;
            onCheck?: ((...args: any[]) => any) | undefined;
            onHover?: ((...args: any[]) => any) | undefined;
            onOpen?: ((...args: any[]) => any) | undefined;
            onBack?: ((...args: any[]) => any) | undefined;
        }>, {
            currentHitting: import('vue').Ref<number, number>;
        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            select: (...args: any[]) => void;
            close: (...args: any[]) => void;
            check: (...args: any[]) => void;
            hover: (...args: any[]) => void;
            open: (...args: any[]) => void;
            back: (...args: any[]) => void;
        }, string, {
            values: string[];
            visible: boolean;
            options: CascaderOptionState[];
            multiple: boolean;
            openedId: number;
            ready: boolean;
            checkIcon: Record<string, any>;
            isAsync: boolean;
            merged: boolean;
            noCascaded: boolean;
            labeledBy: string;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: 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 | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof nextTick;
        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
    } & Readonly<{
        values: string[];
        visible: boolean;
        options: CascaderOptionState[];
        multiple: boolean;
        openedId: number;
        ready: boolean;
        checkIcon: Record<string, any>;
        isAsync: boolean;
        merged: boolean;
        noCascaded: boolean;
        labeledBy: string;
    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
        options: {
            type: import('vue').PropType<CascaderOptionState[]>;
            default: () => never[];
        };
        openedId: {
            type: NumberConstructor;
            default: null;
        };
        values: {
            type: import('vue').PropType<string[]>;
            default: () => never[];
        };
        ready: {
            type: BooleanConstructor;
            default: boolean;
        };
        multiple: {
            type: BooleanConstructor;
            default: boolean;
        };
        checkIcon: {
            type: ObjectConstructor;
            default: null;
        };
        isAsync: {
            type: BooleanConstructor;
            default: boolean;
        };
        merged: {
            type: BooleanConstructor;
            default: boolean;
        };
        noCascaded: {
            type: BooleanConstructor;
            default: boolean;
        };
        visible: {
            type: BooleanConstructor;
            default: boolean;
        };
        labeledBy: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onSelect?: ((...args: any[]) => any) | undefined;
        onClose?: ((...args: any[]) => any) | undefined;
        onCheck?: ((...args: any[]) => any) | undefined;
        onHover?: ((...args: any[]) => any) | undefined;
        onOpen?: ((...args: any[]) => any) | undefined;
        onBack?: ((...args: any[]) => any) | undefined;
    }>, "currentHitting" | ("values" | "visible" | "options" | "multiple" | "openedId" | "ready" | "checkIcon" | "isAsync" | "merged" | "noCascaded" | "labeledBy")> & import('vue').ShallowUnwrapRef<{
        currentHitting: import('vue').Ref<number, number>;
    }> & {} & import('vue').ComponentCustomProperties & {} & {
        $slots: Readonly<import('./symbol').CascaderPanelSlots> & import('./symbol').CascaderPanelSlots;
    })[], ({
        $: import('vue').ComponentInternalInstance;
        $data: {};
        $props: Partial<{
            values: string[];
            visible: boolean;
            options: CascaderOptionState[];
            multiple: boolean;
            openedId: number;
            ready: boolean;
            checkIcon: Record<string, any>;
            isAsync: boolean;
            merged: boolean;
            noCascaded: boolean;
            labeledBy: string;
        }> & Omit<{
            readonly values: string[];
            readonly visible: boolean;
            readonly options: CascaderOptionState[];
            readonly multiple: boolean;
            readonly openedId: number;
            readonly ready: boolean;
            readonly checkIcon: Record<string, any>;
            readonly isAsync: boolean;
            readonly merged: boolean;
            readonly noCascaded: boolean;
            readonly labeledBy?: string | undefined;
            readonly onSelect?: ((...args: any[]) => any) | undefined;
            readonly onClose?: ((...args: any[]) => any) | undefined;
            readonly onCheck?: ((...args: any[]) => any) | undefined;
            readonly onHover?: ((...args: any[]) => any) | undefined;
            readonly onOpen?: ((...args: any[]) => any) | undefined;
            readonly onBack?: ((...args: any[]) => any) | undefined;
        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "values" | "visible" | "options" | "multiple" | "openedId" | "ready" | "checkIcon" | "isAsync" | "merged" | "noCascaded" | "labeledBy">;
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        } & {
            wrapper: HTMLDivElement;
            list: 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;
        };
        $slots: Readonly<{
            [name: string]: import('vue').Slot<any> | undefined;
        }>;
        $root: import('vue').ComponentPublicInstance | null;
        $parent: import('vue').ComponentPublicInstance | null;
        $host: Element | null;
        $emit: ((event: "select", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "check", ...args: any[]) => void) & ((event: "hover", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "back", ...args: any[]) => void);
        $el: HTMLDivElement;
        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            options: {
                type: import('vue').PropType<CascaderOptionState[]>;
                default: () => never[];
            };
            openedId: {
                type: NumberConstructor;
                default: null;
            };
            values: {
                type: import('vue').PropType<string[]>;
                default: () => never[];
            };
            ready: {
                type: BooleanConstructor;
                default: boolean;
            };
            multiple: {
                type: BooleanConstructor;
                default: boolean;
            };
            checkIcon: {
                type: ObjectConstructor;
                default: null;
            };
            isAsync: {
                type: BooleanConstructor;
                default: boolean;
            };
            merged: {
                type: BooleanConstructor;
                default: boolean;
            };
            noCascaded: {
                type: BooleanConstructor;
                default: boolean;
            };
            visible: {
                type: BooleanConstructor;
                defa