UNPKG

jadq-x-vue

Version:

Craft AI-driven interfaces effortlessly

2,090 lines 87.1 kB
import BubbleList from './BubbleList.vue';
export type { BubbleProps, BubbleListProps } from './interface';
declare const Bubble: (<T extends import("./interface").BubbleContentType = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
    slots: {
        avatar?(): import("vue").VNode;
        header?(props: {
            content: T;
            info: import("./interface").SlotInfoType;
        }): import("vue").VNode | string;
        footer?(props: {
            content: T;
            info: import("./interface").SlotInfoType;
        }): import("vue").VNode | string;
        loading?(): import("vue").VNode;
        message?(props: {
            content: T;
        }): import("vue").VNode | string;
    };
    attrs: any;
    emit: {};
}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
    props: {
        prefixCls?: string;
        rootClassName?: string;
        styles?: Partial<Record<import("./interface").SemanticType, import("vue").CSSProperties>>;
        classNames?: Partial<Record<import("./interface").SemanticType, string>>;
        avatar?: Partial<import("./interface")._AvatarProps> | import("vue").VNode | (() => import("vue").VNode);
        placement?: "start" | "end";
        loading?: boolean;
        typing?: import("../type-utility.js").AvoidValidation<import("./interface").TypingOption | boolean>;
        content?: T;
        messageRender?: (content: T) => import("vue").VNode | string;
        loadingRender?: () => import("vue").VNode;
        variant?: "filled" | "borderless" | "outlined" | "shadow";
        shape?: "round" | "corner";
        _key?: number | string;
        onTypingComplete?: VoidFunction;
        header?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }> | ((content: T, info: import("./interface").SlotInfoType) => import("vue").VNode | string);
        footer?: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }> | ((content: T, info: import("./interface").SlotInfoType) => import("vue").VNode | string);
        style?: import("vue").StyleValue;
        onCopy?: (payload: ClipboardEvent) => void;
        onCut?: (payload: ClipboardEvent) => void;
        onPaste?: (payload: ClipboardEvent) => void;
        onCompositionend?: (payload: CompositionEvent) => void;
        onCompositionstart?: (payload: CompositionEvent) => void;
        onCompositionupdate?: (payload: CompositionEvent) => void;
        onDrag?: (payload: DragEvent) => void;
        onDragend?: (payload: DragEvent) => void;
        onDragenter?: (payload: DragEvent) => void;
        onDragexit?: (payload: DragEvent) => void;
        onDragleave?: (payload: DragEvent) => void;
        onDragover?: (payload: DragEvent) => void;
        onDragstart?: (payload: DragEvent) => void;
        onDrop?: (payload: DragEvent) => void;
        onFocus?: (payload: FocusEvent) => void;
        onFocusin?: (payload: FocusEvent) => void;
        onFocusout?: (payload: FocusEvent) => void;
        onBlur?: (payload: FocusEvent) => void;
        onChange?: (payload: Event) => void;
        onBeforeinput?: (payload: Event) => void;
        onInput?: (payload: Event) => void;
        onReset?: (payload: Event) => void;
        onSubmit?: (payload: Event) => void;
        onInvalid?: (payload: Event) => void;
        onLoad?: (payload: Event) => void;
        onError?: (payload: Event) => void;
        onKeydown?: (payload: KeyboardEvent) => void;
        onKeypress?: (payload: KeyboardEvent) => void;
        onKeyup?: (payload: KeyboardEvent) => void;
        onAuxclick?: (payload: MouseEvent) => void;
        onClick?: (payload: MouseEvent) => void;
        onContextmenu?: (payload: MouseEvent) => void;
        onDblclick?: (payload: MouseEvent) => void;
        onMousedown?: (payload: MouseEvent) => void;
        onMouseenter?: (payload: MouseEvent) => void;
        onMouseleave?: (payload: MouseEvent) => void;
        onMousemove?: (payload: MouseEvent) => void;
        onMouseout?: (payload: MouseEvent) => void;
        onMouseover?: (payload: MouseEvent) => void;
        onMouseup?: (payload: MouseEvent) => void;
        onAbort?: (payload: Event) => void;
        onCanplay?: (payload: Event) => void;
        onCanplaythrough?: (payload: Event) => void;
        onDurationchange?: (payload: Event) => void;
        onEmptied?: (payload: Event) => void;
        onEncrypted?: (payload: Event) => void;
        onEnded?: (payload: Event) => void;
        onLoadeddata?: (payload: Event) => void;
        onLoadedmetadata?: (payload: Event) => void;
        onLoadstart?: (payload: Event) => void;
        onPause?: (payload: Event) => void;
        onPlay?: (payload: Event) => void;
        onPlaying?: (payload: Event) => void;
        onProgress?: (payload: Event) => void;
        onRatechange?: (payload: Event) => void;
        onSeeked?: (payload: Event) => void;
        onSeeking?: (payload: Event) => void;
        onStalled?: (payload: Event) => void;
        onSuspend?: (payload: Event) => void;
        onTimeupdate?: (payload: Event) => void;
        onVolumechange?: (payload: Event) => void;
        onWaiting?: (payload: Event) => void;
        onSelect?: (payload: Event) => void;
        onScroll?: (payload: UIEvent) => void;
        onTouchcancel?: (payload: TouchEvent) => void;
        onTouchend?: (payload: TouchEvent) => void;
        onTouchmove?: (payload: TouchEvent) => void;
        onTouchstart?: (payload: TouchEvent) => void;
        onPointerdown?: (payload: PointerEvent) => void;
        onPointermove?: (payload: PointerEvent) => void;
        onPointerup?: (payload: PointerEvent) => void;
        onPointercancel?: (payload: PointerEvent) => void;
        onPointerenter?: (payload: PointerEvent) => void;
        onPointerleave?: (payload: PointerEvent) => void;
        onPointerover?: (payload: PointerEvent) => void;
        onPointerout?: (payload: PointerEvent) => void;
        onWheel?: (payload: WheelEvent) => void;
        onAnimationstart?: (payload: AnimationEvent) => void;
        onAnimationend?: (payload: AnimationEvent) => void;
        onAnimationiteration?: (payload: AnimationEvent) => void;
        onTransitionend?: (payload: TransitionEvent) => void;
        onTransitionstart?: (payload: TransitionEvent) => void;
        innerHTML?: string;
        class?: any;
        accesskey?: string;
        contenteditable?: (boolean | "true" | "false") | "inherit";
        contextmenu?: string;
        dir?: string;
        draggable?: boolean | "true" | "false";
        hidden?: boolean | "true" | "false";
        id?: string;
        lang?: string;
        placeholder?: string;
        spellcheck?: boolean | "true" | "false";
        tabindex?: string | number;
        title?: string;
        translate?: "yes" | "no";
        radiogroup?: string;
        role?: string;
        about?: string;
        datatype?: string;
        inlist?: any;
        prefix?: string;
        property?: string;
        resource?: string;
        typeof?: string;
        vocab?: string;
        autocapitalize?: string;
        autocorrect?: string;
        autosave?: string;
        color?: string;
        itemprop?: string;
        itemscope?: boolean | "true" | "false";
        itemtype?: string;
        itemid?: string;
        itemref?: string;
        results?: string | number;
        security?: string;
        unselectable?: "on" | "off";
        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
        is?: string;
        'aria-activedescendant'?: string;
        'aria-atomic'?: boolean | "true" | "false";
        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
        'aria-busy'?: boolean | "true" | "false";
        'aria-checked'?: (boolean | "true" | "false") | "mixed";
        'aria-colcount'?: string | number;
        'aria-colindex'?: string | number;
        'aria-colspan'?: string | number;
        'aria-controls'?: string;
        'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time";
        'aria-describedby'?: string;
        'aria-details'?: string;
        'aria-disabled'?: boolean | "true" | "false";
        'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup";
        'aria-errormessage'?: string;
        'aria-expanded'?: boolean | "true" | "false";
        'aria-flowto'?: string;
        'aria-grabbed'?: boolean | "true" | "false";
        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog";
        'aria-hidden'?: boolean | "true" | "false";
        'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling";
        'aria-keyshortcuts'?: string;
        'aria-label'?: string;
        'aria-labelledby'?: string;
        'aria-level'?: string | number;
        'aria-live'?: "off" | "assertive" | "polite";
        'aria-modal'?: boolean | "true" | "false";
        'aria-multiline'?: boolean | "true" | "false";
        'aria-multiselectable'?: boolean | "true" | "false";
        'aria-orientation'?: "horizontal" | "vertical";
        'aria-owns'?: string;
        'aria-placeholder'?: string;
        'aria-posinset'?: string | number;
        'aria-pressed'?: (boolean | "true" | "false") | "mixed";
        'aria-readonly'?: boolean | "true" | "false";
        'aria-relevant'?: "additions" | "additions text" | "all" | "removals" | "text";
        'aria-required'?: boolean | "true" | "false";
        'aria-roledescription'?: string;
        'aria-rowcount'?: string | number;
        'aria-rowindex'?: string | number;
        'aria-rowspan'?: string | number;
        'aria-selected'?: boolean | "true" | "false";
        'aria-setsize'?: string | number;
        'aria-sort'?: "none" | "ascending" | "descending" | "other";
        'aria-valuemax'?: string | number;
        'aria-valuemin'?: string | number;
        'aria-valuenow'?: string | number;
        'aria-valuetext'?: string;
    } & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
    expose(exposed: import("vue").ShallowUnwrapRef<{
        nativeElement: import("vue").Ref<HTMLDivElement>;
    }>): void;
    attrs: any;
    slots: {
        avatar?(): import("vue").VNode;
        header?(props: {
            content: T;
            info: import("./interface").SlotInfoType;
        }): import("vue").VNode | string;
        footer?(props: {
            content: T;
            info: import("./interface").SlotInfoType;
        }): import("vue").VNode | string;
        loading?(): import("vue").VNode;
        message?(props: {
            content: T;
        }): import("vue").VNode | string;
    };
    emit: {};
}>) => import("vue").VNode & {
    __ctx?: Awaited<typeof __VLS_setup>;
}) & {
    List: {
        new (...args: any[]): {
            $: import("vue").ComponentInternalInstance;
            $data: {};
            $props: {
                style?: import("vue").StyleValue;
                readonly prefixCls?: string;
                readonly onCopy?: (payload: ClipboardEvent) => void;
                readonly onCut?: (payload: ClipboardEvent) => void;
                readonly onPaste?: (payload: ClipboardEvent) => void;
                readonly onCompositionend?: (payload: CompositionEvent) => void;
                readonly onCompositionstart?: (payload: CompositionEvent) => void;
                readonly onCompositionupdate?: (payload: CompositionEvent) => void;
                readonly onDrag?: (payload: DragEvent) => void;
                readonly onDragend?: (payload: DragEvent) => void;
                readonly onDragenter?: (payload: DragEvent) => void;
                readonly onDragexit?: (payload: DragEvent) => void;
                readonly onDragleave?: (payload: DragEvent) => void;
                readonly onDragover?: (payload: DragEvent) => void;
                readonly onDragstart?: (payload: DragEvent) => void;
                readonly onDrop?: (payload: DragEvent) => void;
                readonly onFocus?: (payload: FocusEvent) => void;
                readonly onFocusin?: (payload: FocusEvent) => void;
                readonly onFocusout?: (payload: FocusEvent) => void;
                readonly onBlur?: (payload: FocusEvent) => void;
                readonly onChange?: (payload: Event) => void;
                readonly onBeforeinput?: (payload: Event) => void;
                readonly onInput?: (payload: Event) => void;
                readonly onReset?: (payload: Event) => void;
                readonly onSubmit?: (payload: Event) => void;
                readonly onInvalid?: (payload: Event) => void;
                readonly onLoad?: (payload: Event) => void;
                readonly onError?: (payload: Event) => void;
                readonly onKeydown?: (payload: KeyboardEvent) => void;
                readonly onKeypress?: (payload: KeyboardEvent) => void;
                readonly onKeyup?: (payload: KeyboardEvent) => void;
                readonly onAuxclick?: (payload: MouseEvent) => void;
                readonly onClick?: (payload: MouseEvent) => void;
                readonly onContextmenu?: (payload: MouseEvent) => void;
                readonly onDblclick?: (payload: MouseEvent) => void;
                readonly onMousedown?: (payload: MouseEvent) => void;
                readonly onMouseenter?: (payload: MouseEvent) => void;
                readonly onMouseleave?: (payload: MouseEvent) => void;
                readonly onMousemove?: (payload: MouseEvent) => void;
                readonly onMouseout?: (payload: MouseEvent) => void;
                readonly onMouseover?: (payload: MouseEvent) => void;
                readonly onMouseup?: (payload: MouseEvent) => void;
                readonly onAbort?: (payload: Event) => void;
                readonly onCanplay?: (payload: Event) => void;
                readonly onCanplaythrough?: (payload: Event) => void;
                readonly onDurationchange?: (payload: Event) => void;
                readonly onEmptied?: (payload: Event) => void;
                readonly onEncrypted?: (payload: Event) => void;
                readonly onEnded?: (payload: Event) => void;
                readonly onLoadeddata?: (payload: Event) => void;
                readonly onLoadedmetadata?: (payload: Event) => void;
                readonly onLoadstart?: (payload: Event) => void;
                readonly onPause?: (payload: Event) => void;
                readonly onPlay?: (payload: Event) => void;
                readonly onPlaying?: (payload: Event) => void;
                readonly onProgress?: (payload: Event) => void;
                readonly onRatechange?: (payload: Event) => void;
                readonly onSeeked?: (payload: Event) => void;
                readonly onSeeking?: (payload: Event) => void;
                readonly onStalled?: (payload: Event) => void;
                readonly onSuspend?: (payload: Event) => void;
                readonly onTimeupdate?: (payload: Event) => void;
                readonly onVolumechange?: (payload: Event) => void;
                readonly onWaiting?: (payload: Event) => void;
                readonly onSelect?: (payload: Event) => void;
                readonly onScroll?: (payload: UIEvent) => void;
                readonly onTouchcancel?: (payload: TouchEvent) => void;
                readonly onTouchend?: (payload: TouchEvent) => void;
                readonly onTouchmove?: (payload: TouchEvent) => void;
                readonly onTouchstart?: (payload: TouchEvent) => void;
                readonly onPointerdown?: (payload: PointerEvent) => void;
                readonly onPointermove?: (payload: PointerEvent) => void;
                readonly onPointerup?: (payload: PointerEvent) => void;
                readonly onPointercancel?: (payload: PointerEvent) => void;
                readonly onPointerenter?: (payload: PointerEvent) => void;
                readonly onPointerleave?: (payload: PointerEvent) => void;
                readonly onPointerover?: (payload: PointerEvent) => void;
                readonly onPointerout?: (payload: PointerEvent) => void;
                readonly onWheel?: (payload: WheelEvent) => void;
                readonly onAnimationstart?: (payload: AnimationEvent) => void;
                readonly onAnimationend?: (payload: AnimationEvent) => void;
                readonly onAnimationiteration?: (payload: AnimationEvent) => void;
                readonly onTransitionend?: (payload: TransitionEvent) => void;
                readonly onTransitionstart?: (payload: TransitionEvent) => void;
                readonly innerHTML?: string;
                class?: any;
                readonly accesskey?: string;
                readonly contenteditable?: (boolean | "true" | "false") | "inherit";
                readonly contextmenu?: string;
                readonly dir?: string;
                readonly draggable?: boolean | "true" | "false";
                readonly hidden?: boolean | "true" | "false";
                readonly id?: string;
                readonly lang?: string;
                readonly placeholder?: string;
                readonly spellcheck?: boolean | "true" | "false";
                readonly tabindex?: string | number;
                readonly title?: string;
                readonly translate?: "yes" | "no";
                readonly radiogroup?: string;
                readonly role?: string;
                readonly about?: string;
                readonly datatype?: string;
                readonly inlist?: any;
                readonly prefix?: string;
                readonly property?: string;
                readonly resource?: string;
                readonly typeof?: string;
                readonly vocab?: string;
                readonly autocapitalize?: string;
                readonly autocorrect?: string;
                readonly autosave?: string;
                readonly color?: string;
                readonly itemprop?: string;
                readonly itemscope?: boolean | "true" | "false";
                readonly itemtype?: string;
                readonly itemid?: string;
                readonly itemref?: string;
                readonly results?: string | number;
                readonly security?: string;
                readonly unselectable?: "on" | "off";
                readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
                readonly is?: string;
                readonly 'aria-activedescendant'?: string;
                readonly 'aria-atomic'?: boolean | "true" | "false";
                readonly 'aria-autocomplete'?: "none" | "inline" | "list" | "both";
                readonly 'aria-busy'?: boolean | "true" | "false";
                readonly 'aria-checked'?: (boolean | "true" | "false") | "mixed";
                readonly 'aria-colcount'?: string | number;
                readonly 'aria-colindex'?: string | number;
                readonly 'aria-colspan'?: string | number;
                readonly 'aria-controls'?: string;
                readonly 'aria-current'?: (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time";
                readonly 'aria-describedby'?: string;
                readonly 'aria-details'?: string;
                readonly 'aria-disabled'?: boolean | "true" | "false";
                readonly 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup";
                readonly 'aria-errormessage'?: string;
                readonly 'aria-expanded'?: boolean | "true" | "false";
                readonly 'aria-flowto'?: string;
                readonly 'aria-grabbed'?: boolean | "true" | "false";
                readonly 'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog";
                readonly 'aria-hidden'?: boolean | "true" | "false";
                readonly 'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling";
                readonly 'aria-keyshortcuts'?: string;
                readonly 'aria-label'?: string;
                readonly 'aria-labelledby'?: string;
                readonly 'aria-level'?: string | number;
                readonly 'aria-live'?: "off" | "assertive" | "polite";
                readonly 'aria-modal'?: boolean | "true" | "false";
                readonly 'aria-multiline'?: boolean | "true" | "false";
                readonly 'aria-multiselectable'?: boolean | "true" | "false";
                readonly 'aria-orientation'?: "horizontal" | "vertical";
                readonly 'aria-owns'?: string;
                readonly 'aria-placeholder'?: string;
                readonly 'aria-posinset'?: string | number;
                readonly 'aria-pressed'?: (boolean | "true" | "false") | "mixed";
                readonly 'aria-readonly'?: boolean | "true" | "false";
                readonly 'aria-relevant'?: "additions" | "additions text" | "all" | "removals" | "text";
                readonly 'aria-required'?: boolean | "true" | "false";
                readonly 'aria-roledescription'?: string;
                readonly 'aria-rowcount'?: string | number;
                readonly 'aria-rowindex'?: string | number;
                readonly 'aria-rowspan'?: string | number;
                readonly 'aria-selected'?: boolean | "true" | "false";
                readonly 'aria-setsize'?: string | number;
                readonly 'aria-sort'?: "none" | "ascending" | "descending" | "other";
                readonly 'aria-valuemax'?: string | number;
                readonly 'aria-valuemin'?: string | number;
                readonly 'aria-valuenow'?: string | number;
                readonly 'aria-valuetext'?: string;
                readonly rootClassName?: string;
                key?: string | number | symbol;
                ref?: import("vue").VNodeRef;
                readonly items?: import("./interface").BubbleDataType[];
                ref_for?: boolean;
                ref_key?: string;
                onVnodeBeforeMount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
                onVnodeMounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
                onVnodeUpdated?: ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[];
                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
                onVnodeUnmounted?: ((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[];
                readonly autoScroll?: boolean;
                readonly roles?: import("../type-utility.js").AvoidValidation<import("./interface").RolesType>;
            };
            $attrs: {
                [x: string]: unknown;
            };
            $refs: {
                [x: string]: unknown;
            };
            $slots: Readonly<{
                [name: string]: import("vue").Slot<any>;
            }>;
            $root: import("vue").ComponentPublicInstance | null;
            $parent: import("vue").ComponentPublicInstance | null;
            $emit: (event: string, ...args: any[]) => void;
            $el: any;
            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                prefixCls: {
                    type: import("vue").PropType<string>;
                };
                rootClassName: {
                    type: import("vue").PropType<string>;
                };
                items: {
                    type: import("vue").PropType<import("./interface").BubbleDataType[]>;
                };
                autoScroll: {
                    type: import("vue").PropType<boolean>;
                };
                roles: {
                    type: import("vue").PropType<import("./interface").RolesType>;
                };
                innerHTML: {
                    type: import("vue").PropType<string>;
                };
                class: {
                    type: import("vue").PropType<any>;
                };
                style: {
                    type: import("vue").PropType<import("vue").StyleValue>;
                };
                accesskey: {
                    type: import("vue").PropType<string>;
                };
                contenteditable: {
                    type: import("vue").PropType<"inherit" | (boolean | "true" | "false")>;
                };
                contextmenu: {
                    type: import("vue").PropType<string>;
                };
                dir: {
                    type: import("vue").PropType<string>;
                };
                draggable: {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                hidden: {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                id: {
                    type: import("vue").PropType<string>;
                };
                lang: {
                    type: import("vue").PropType<string>;
                };
                placeholder: {
                    type: import("vue").PropType<string>;
                };
                spellcheck: {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                tabindex: {
                    type: import("vue").PropType<string | number>;
                };
                title: {
                    type: import("vue").PropType<string>;
                };
                translate: {
                    type: import("vue").PropType<"yes" | "no">;
                };
                radiogroup: {
                    type: import("vue").PropType<string>;
                };
                role: {
                    type: import("vue").PropType<string>;
                };
                about: {
                    type: import("vue").PropType<string>;
                };
                datatype: {
                    type: import("vue").PropType<string>;
                };
                inlist: {
                    type: import("vue").PropType<any>;
                };
                prefix: {
                    type: import("vue").PropType<string>;
                };
                property: {
                    type: import("vue").PropType<string>;
                };
                resource: {
                    type: import("vue").PropType<string>;
                };
                typeof: {
                    type: import("vue").PropType<string>;
                };
                vocab: {
                    type: import("vue").PropType<string>;
                };
                autocapitalize: {
                    type: import("vue").PropType<string>;
                };
                autocorrect: {
                    type: import("vue").PropType<string>;
                };
                autosave: {
                    type: import("vue").PropType<string>;
                };
                color: {
                    type: import("vue").PropType<string>;
                };
                itemprop: {
                    type: import("vue").PropType<string>;
                };
                itemscope: {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                itemtype: {
                    type: import("vue").PropType<string>;
                };
                itemid: {
                    type: import("vue").PropType<string>;
                };
                itemref: {
                    type: import("vue").PropType<string>;
                };
                results: {
                    type: import("vue").PropType<string | number>;
                };
                security: {
                    type: import("vue").PropType<string>;
                };
                unselectable: {
                    type: import("vue").PropType<"on" | "off">;
                };
                inputmode: {
                    type: import("vue").PropType<"none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal">;
                };
                is: {
                    type: import("vue").PropType<string>;
                };
                'aria-activedescendant': {
                    type: import("vue").PropType<string>;
                };
                'aria-atomic': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-autocomplete': {
                    type: import("vue").PropType<"list" | "none" | "inline" | "both">;
                };
                'aria-busy': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-checked': {
                    type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
                };
                'aria-colcount': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-colindex': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-colspan': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-controls': {
                    type: import("vue").PropType<string>;
                };
                'aria-current': {
                    type: import("vue").PropType<"time" | (boolean | "true" | "false") | "page" | "step" | "location" | "date">;
                };
                'aria-describedby': {
                    type: import("vue").PropType<string>;
                };
                'aria-details': {
                    type: import("vue").PropType<string>;
                };
                'aria-disabled': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-dropeffect': {
                    type: import("vue").PropType<"none" | "link" | "copy" | "move" | "execute" | "popup">;
                };
                'aria-errormessage': {
                    type: import("vue").PropType<string>;
                };
                'aria-expanded': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-flowto': {
                    type: import("vue").PropType<string>;
                };
                'aria-grabbed': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-haspopup': {
                    type: import("vue").PropType<"dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree">;
                };
                'aria-hidden': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-invalid': {
                    type: import("vue").PropType<(boolean | "true" | "false") | "grammar" | "spelling">;
                };
                'aria-keyshortcuts': {
                    type: import("vue").PropType<string>;
                };
                'aria-label': {
                    type: import("vue").PropType<string>;
                };
                'aria-labelledby': {
                    type: import("vue").PropType<string>;
                };
                'aria-level': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-live': {
                    type: import("vue").PropType<"off" | "assertive" | "polite">;
                };
                'aria-modal': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-multiline': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-multiselectable': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-orientation': {
                    type: import("vue").PropType<"horizontal" | "vertical">;
                };
                'aria-owns': {
                    type: import("vue").PropType<string>;
                };
                'aria-placeholder': {
                    type: import("vue").PropType<string>;
                };
                'aria-posinset': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-pressed': {
                    type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
                };
                'aria-readonly': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-relevant': {
                    type: import("vue").PropType<"text" | "all" | "additions" | "additions text" | "removals">;
                };
                'aria-required': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-roledescription': {
                    type: import("vue").PropType<string>;
                };
                'aria-rowcount': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-rowindex': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-rowspan': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-selected': {
                    type: import("vue").PropType<boolean | "true" | "false">;
                };
                'aria-setsize': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-sort': {
                    type: import("vue").PropType<"none" | "ascending" | "descending" | "other">;
                };
                'aria-valuemax': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-valuemin': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-valuenow': {
                    type: import("vue").PropType<string | number>;
                };
                'aria-valuetext': {
                    type: import("vue").PropType<string>;
                };
                onCopy: {
                    type: import("vue").PropType<(payload: ClipboardEvent) => void>;
                };
                onCut: {
                    type: import("vue").PropType<(payload: ClipboardEvent) => void>;
                };
                onPaste: {
                    type: import("vue").PropType<(payload: ClipboardEvent) => void>;
                };
                onCompositionend: {
                    type: import("vue").PropType<(payload: CompositionEvent) => void>;
                };
                onCompositionstart: {
                    type: import("vue").PropType<(payload: CompositionEvent) => void>;
                };
                onCompositionupdate: {
                    type: import("vue").PropType<(payload: CompositionEvent) => void>;
                };
                onDrag: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragend: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragenter: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragexit: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragleave: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragover: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDragstart: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onDrop: {
                    type: import("vue").PropType<(payload: DragEvent) => void>;
                };
                onFocus: {
                    type: import("vue").PropType<(payload: FocusEvent) => void>;
                };
                onFocusin: {
                    type: import("vue").PropType<(payload: FocusEvent) => void>;
                };
                onFocusout: {
                    type: import("vue").PropType<(payload: FocusEvent) => void>;
                };
                onBlur: {
                    type: import("vue").PropType<(payload: FocusEvent) => void>;
                };
                onChange: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onBeforeinput: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onInput: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onReset: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onSubmit: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onInvalid: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onLoad: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onError: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onKeydown: {
                    type: import("vue").PropType<(payload: KeyboardEvent) => void>;
                };
                onKeypress: {
                    type: import("vue").PropType<(payload: KeyboardEvent) => void>;
                };
                onKeyup: {
                    type: import("vue").PropType<(payload: KeyboardEvent) => void>;
                };
                onAuxclick: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onClick: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onContextmenu: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onDblclick: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMousedown: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMouseenter: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMouseleave: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMousemove: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMouseout: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMouseover: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onMouseup: {
                    type: import("vue").PropType<(payload: MouseEvent) => void>;
                };
                onAbort: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onCanplay: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onCanplaythrough: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onDurationchange: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onEmptied: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onEncrypted: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onEnded: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onLoadeddata: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onLoadedmetadata: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onLoadstart: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onPause: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onPlay: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onPlaying: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onProgress: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onRatechange: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onSeeked: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onSeeking: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onStalled: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onSuspend: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onTimeupdate: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onVolumechange: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onWaiting: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onSelect: {
                    type: import("vue").PropType<(payload: Event) => void>;
                };
                onScroll: {
                    type: import("vue").PropType<(payload: UIEvent) => void>;
                };
                onTouchcancel: {
                    type: import("vue").PropType<(payload: TouchEvent) => void>;
                };
                onTouchend: {
                    type: import("vue").PropType<(payload: TouchEvent) => void>;
                };
                onTouchmove: {
                    type: import("vue").PropType<(payload: TouchEvent) => void>;
                };
                onTouchstart: {
                    type: import("vue").PropType<(payload: TouchEvent) => void>;
                };
                onPointerdown: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointermove: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointerup: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointercancel: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointerenter: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointerleave: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointerover: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onPointerout: {
                    type: import("vue").PropType<(payload: PointerEvent) => void>;
                };
                onWheel: {
                    type: import("vue").PropType<(payload: WheelEvent) => void>;
                };
                onAnimationstart: {
                    type: import("vue").PropType<(payload: AnimationEvent) => void>;
                };
                onAnimationend: {
                    type: import("vue").PropType<(payload: AnimationEvent) => void>;
                };
                onAnimationiteration: {
                    type: import("vue").PropType<(payload: AnimationEvent) => void>;
                };
                onTransitionend: {
                    type: import("vue").PropType<(payload: TransitionEvent) => void>;
                };
                onTransitionstart: {
                    type: import("vue").PropType<(payload: TransitionEvent) => void>;
                };
            }>>, {
                nativeElement: import("vue").Ref<HTMLDivElement>;
                scrollTo: ({ key, offset, behavior, block }: {
                    offset?: number;
                    key?: string | number;
                    behavior?: ScrollBehavior;
                    block?: ScrollLogicalPosition;
                }) => void;
            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
                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 import("vue").nextTick;
            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
        } & Readonly<import("vue").ExtractPropTypes<{
            prefixCls: {
                type: import("vue").PropType<string>;
            };
            rootClassName: {
                type: import("vue").PropType<string>;
            };
            items: {
                type: import("vue").PropType<import("./interface").BubbleDataType[]>;
            };
            autoScroll: {
                type: import("vue").PropType<boolean>;
            };
            roles: {
                type: import("vue").PropType<import("./interface").RolesType>;
            };
            innerHTML: {
                type: import("vue").PropType<string>;
            };
            class: {
                type: import("vue").PropType<any>;
            };
            style: {
                type: import("vue").PropType<import("vue").StyleValue>;
            };
            accesskey: {
                type: import("vue").PropType<string>;
            };
            contenteditable: {
                type: import("vue").PropType<"inherit" | (boolean | "true" | "false")>;
            };
            contextmenu: {
                type: import("vue").PropType<string>;
            };
            dir: {
                type: import("vue").PropType<string>;
            };
            draggable: {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            hidden: {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            id: {
                type: import("vue").PropType<string>;
            };
            lang: {
                type: import("vue").PropType<string>;
            };
            placeholder: {
                type: import("vue").PropType<string>;
            };
            spellcheck: {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            tabindex: {
                type: import("vue").PropType<string | number>;
            };
            title: {
                type: import("vue").PropType<string>;
            };
            translate: {
                type: import("vue").PropType<"yes" | "no">;
            };
            radiogroup: {
                type: import("vue").PropType<string>;
            };
            role: {
                type: import("vue").PropType<string>;
            };
            about: {
                type: import("vue").PropType<string>;
            };
            datatype: {
                type: import("vue").PropType<string>;
            };
            inlist: {
                type: import("vue").PropType<any>;
            };
            prefix: {
                type: import("vue").PropType<string>;
            };
            property: {
                type: import("vue").PropType<string>;
            };
            resource: {
                type: import("vue").PropType<string>;
            };
            typeof: {
                type: import("vue").PropType<string>;
            };
            vocab: {
                type: import("vue").PropType<string>;
            };
            autocapitalize: {
                type: import("vue").PropType<string>;
            };
            autocorrect: {
                type: import("vue").PropType<string>;
            };
            autosave: {
                type: import("vue").PropType<string>;
            };
            color: {
                type: import("vue").PropType<string>;
            };
            itemprop: {
                type: import("vue").PropType<string>;
            };
            itemscope: {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            itemtype: {
                type: import("vue").PropType<string>;
            };
            itemid: {
                type: import("vue").PropType<string>;
            };
            itemref: {
                type: import("vue").PropType<string>;
            };
            results: {
                type: import("vue").PropType<string | number>;
            };
            security: {
                type: import("vue").PropType<string>;
            };
            unselectable: {
                type: import("vue").PropType<"on" | "off">;
            };
            inputmode: {
                type: import("vue").PropType<"none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal">;
            };
            is: {
                type: import("vue").PropType<string>;
            };
            'aria-activedescendant': {
                type: import("vue").PropType<string>;
            };
            'aria-atomic': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-autocomplete': {
                type: import("vue").PropType<"list" | "none" | "inline" | "both">;
            };
            'aria-busy': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-checked': {
                type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
            };
            'aria-colcount': {
                type: import("vue").PropType<string | number>;
            };
            'aria-colindex': {
                type: import("vue").PropType<string | number>;
            };
            'aria-colspan': {
                type: import("vue").PropType<string | number>;
            };
            'aria-controls': {
                type: import("vue").PropType<string>;
            };
            'aria-current': {
                type: import("vue").PropType<"time" | (boolean | "true" | "false") | "page" | "step" | "location" | "date">;
            };
            'aria-describedby': {
                type: import("vue").PropType<string>;
            };
            'aria-details': {
                type: import("vue").PropType<string>;
            };
            'aria-disabled': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-dropeffect': {
                type: import("vue").PropType<"none" | "link" | "copy" | "move" | "execute" | "popup">;
            };
            'aria-errormessage': {
                type: import("vue").PropType<string>;
            };
            'aria-expanded': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-flowto': {
                type: import("vue").PropType<string>;
            };
            'aria-grabbed': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-haspopup': {
                type: import("vue").PropType<"dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree">;
            };
            'aria-hidden': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-invalid': {
                type: import("vue").PropType<(boolean | "true" | "false") | "grammar" | "spelling">;
            };
            'aria-keyshortcuts': {
                type: import("vue").PropType<string>;
            };
            'aria-label': {
                type: import("vue").PropType<string>;
            };
            'aria-labelledby': {
                type: import("vue").PropType<string>;
            };
            'aria-level': {
                type: import("vue").PropType<string | number>;
            };
            'aria-live': {
                type: import("vue").PropType<"off" | "assertive" | "polite">;
            };
            'aria-modal': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-multiline': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-multiselectable': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-orientation': {
                type: import("vue").PropType<"horizontal" | "vertical">;
            };
            'aria-owns': {
                type: import("vue").PropType<string>;
            };
            'aria-placeholder': {
                type: import("vue").PropType<string>;
            };
            'aria-posinset': {
                type: import("vue").PropType<string | number>;
            };
            'aria-pressed': {
                type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
            };
            'aria-readonly': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-relevant': {
                type: import("vue").PropType<"text" | "all" | "additions" | "additions text" | "removals">;
            };
            'aria-required': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-roledescription': {
                type: import("vue").PropType<string>;
            };
            'aria-rowcount': {
                type: import("vue").PropType<string | number>;
            };
            'aria-rowindex': {
                type: import("vue").PropType<string | number>;
            };
            'aria-rowspan': {
                type: import("vue").PropType<string | number>;
            };
            'aria-selected': {
                type: import("vue").PropType<boolean | "true" | "false">;
            };
            'aria-setsize': {
                type: import("vue").PropType<string | number>;
            };
            'aria-sort': {
                type: import("vue").PropType<"none" | "ascending" | "descending" | "other">;
            };
            'aria-valuemax': {
                type: import("vue").PropType<string | number>;
            };
            'aria-valuemin': {
                type: import("vue").PropType<string | number>;
            };
            'aria-valuenow': {
                type: import("vue").PropType<string | number>;
            };
            'aria-valuetext': {
                type: import("vue").PropType<string>;
            };
            onCopy: {
                type: import("vue").PropType<(payload: ClipboardEvent) => void>;
            };
            onCut: {
                type: import("vue").PropType<(payload: ClipboardEvent) => void>;
            };
            onPaste: {
                type: import("vue").PropType<(payload: ClipboardEvent) => void>;
            };
            onCompositionend: {
                type: import("vue").PropType<(payload: CompositionEvent) => void>;
            };
            onCompositionstart: {
                type: import("vue").PropType<(payload: CompositionEvent) => void>;
            };
            onCompositionupdate: {
                type: import("vue").PropType<(payload: CompositionEvent) => void>;
            };
            onDrag: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragend: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragenter: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragexit: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragleave: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragover: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDragstart: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onDrop: {
                type: import("vue").PropType<(payload: DragEvent) => void>;
            };
            onFocus: {
                type: import("vue").PropType<(payload: FocusEvent) => void>;
            };
            onFocusin: {
                type: import("vue").PropType<(payload: FocusEvent) => void>;
            };
            onFocusout: {
                type: import("vue").PropType<(payload: FocusEvent) => void>;
            };
            onBlur: {
                type: import("vue").PropType<(payload: FocusEvent) => void>;
            };
            onChange: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onBeforeinput: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onInput: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onReset: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onSubmit: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onInvalid: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onLoad: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onError: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onKeydown: {
                type: import("vue").PropType<(payload: KeyboardEvent) => void>;
            };
            onKeypress: {
                type: import("vue").PropType<(payload: KeyboardEvent) => void>;
            };
            onKeyup: {
                type: import("vue").PropType<(payload: KeyboardEvent) => void>;
            };
            onAuxclick: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onClick: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onContextmenu: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onDblclick: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMousedown: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMouseenter: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMouseleave: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMousemove: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMouseout: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMouseover: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onMouseup: {
                type: import("vue").PropType<(payload: MouseEvent) => void>;
            };
            onAbort: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onCanplay: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onCanplaythrough: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onDurationchange: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onEmptied: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onEncrypted: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onEnded: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onLoadeddata: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onLoadedmetadata: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onLoadstart: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onPause: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onPlay: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onPlaying: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onProgress: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onRatechange: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onSeeked: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onSeeking: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onStalled: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onSuspend: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onTimeupdate: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onVolumechange: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onWaiting: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onSelect: {
                type: import("vue").PropType<(payload: Event) => void>;
            };
            onScroll: {
                type: import("vue").PropType<(payload: UIEvent) => void>;
            };
            onTouchcancel: {
                type: import("vue").PropType<(payload: TouchEvent) => void>;
            };
            onTouchend: {
                type: import("vue").PropType<(payload: TouchEvent) => void>;
            };
            onTouchmove: {
                type: import("vue").PropType<(payload: TouchEvent) => void>;
            };
            onTouchstart: {
                type: import("vue").PropType<(payload: TouchEvent) => void>;
            };
            onPointerdown: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointermove: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointerup: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointercancel: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointerenter: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointerleave: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointerover: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onPointerout: {
                type: import("vue").PropType<(payload: PointerEvent) => void>;
            };
            onWheel: {
                type: import("vue").PropType<(payload: WheelEvent) => void>;
            };
            onAnimationstart: {
                type: import("vue").PropType<(payload: AnimationEvent) => void>;
            };
            onAnimationend: {
                type: import("vue").PropType<(payload: AnimationEvent) => void>;
            };
            onAnimationiteration: {
                type: import("vue").PropType<(payload: AnimationEvent) => void>;
            };
            onTransitionend: {
                type: import("vue").PropType<(payload: TransitionEvent) => void>;
            };
            onTransitionstart: {
                type: import("vue").PropType<(payload: TransitionEvent) => void>;
            };
        }>> & import("vue").ShallowUnwrapRef<{
            nativeElement: import("vue").Ref<HTMLDivElement>;
            scrollTo: ({ key, offset, behavior, block }: {
                offset?: number;
                key?: string | number;
                behavior?: ScrollBehavior;
                block?: ScrollLogicalPosition;
            }) => void;
        }> & {} & import("vue").ComponentCustomProperties & {};
        __isFragment?: never;
        __isTeleport?: never;
        __isSuspense?: never;
    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
        prefixCls: {
            type: import("vue").PropType<string>;
        };
        rootClassName: {
            type: import("vue").PropType<string>;
        };
        items: {
            type: import("vue").PropType<import("./interface").BubbleDataType[]>;
        };
        autoScroll: {
            type: import("vue").PropType<boolean>;
        };
        roles: {
            type: import("vue").PropType<import("./interface").RolesType>;
        };
        innerHTML: {
            type: import("vue").PropType<string>;
        };
        class: {
            type: import("vue").PropType<any>;
        };
        style: {
            type: import("vue").PropType<import("vue").StyleValue>;
        };
        accesskey: {
            type: import("vue").PropType<string>;
        };
        contenteditable: {
            type: import("vue").PropType<"inherit" | (boolean | "true" | "false")>;
        };
        contextmenu: {
            type: import("vue").PropType<string>;
        };
        dir: {
            type: import("vue").PropType<string>;
        };
        draggable: {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        hidden: {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        id: {
            type: import("vue").PropType<string>;
        };
        lang: {
            type: import("vue").PropType<string>;
        };
        placeholder: {
            type: import("vue").PropType<string>;
        };
        spellcheck: {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        tabindex: {
            type: import("vue").PropType<string | number>;
        };
        title: {
            type: import("vue").PropType<string>;
        };
        translate: {
            type: import("vue").PropType<"yes" | "no">;
        };
        radiogroup: {
            type: import("vue").PropType<string>;
        };
        role: {
            type: import("vue").PropType<string>;
        };
        about: {
            type: import("vue").PropType<string>;
        };
        datatype: {
            type: import("vue").PropType<string>;
        };
        inlist: {
            type: import("vue").PropType<any>;
        };
        prefix: {
            type: import("vue").PropType<string>;
        };
        property: {
            type: import("vue").PropType<string>;
        };
        resource: {
            type: import("vue").PropType<string>;
        };
        typeof: {
            type: import("vue").PropType<string>;
        };
        vocab: {
            type: import("vue").PropType<string>;
        };
        autocapitalize: {
            type: import("vue").PropType<string>;
        };
        autocorrect: {
            type: import("vue").PropType<string>;
        };
        autosave: {
            type: import("vue").PropType<string>;
        };
        color: {
            type: import("vue").PropType<string>;
        };
        itemprop: {
            type: import("vue").PropType<string>;
        };
        itemscope: {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        itemtype: {
            type: import("vue").PropType<string>;
        };
        itemid: {
            type: import("vue").PropType<string>;
        };
        itemref: {
            type: import("vue").PropType<string>;
        };
        results: {
            type: import("vue").PropType<string | number>;
        };
        security: {
            type: import("vue").PropType<string>;
        };
        unselectable: {
            type: import("vue").PropType<"on" | "off">;
        };
        inputmode: {
            type: import("vue").PropType<"none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal">;
        };
        is: {
            type: import("vue").PropType<string>;
        };
        'aria-activedescendant': {
            type: import("vue").PropType<string>;
        };
        'aria-atomic': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-autocomplete': {
            type: import("vue").PropType<"list" | "none" | "inline" | "both">;
        };
        'aria-busy': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-checked': {
            type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
        };
        'aria-colcount': {
            type: import("vue").PropType<string | number>;
        };
        'aria-colindex': {
            type: import("vue").PropType<string | number>;
        };
        'aria-colspan': {
            type: import("vue").PropType<string | number>;
        };
        'aria-controls': {
            type: import("vue").PropType<string>;
        };
        'aria-current': {
            type: import("vue").PropType<"time" | (boolean | "true" | "false") | "page" | "step" | "location" | "date">;
        };
        'aria-describedby': {
            type: import("vue").PropType<string>;
        };
        'aria-details': {
            type: import("vue").PropType<string>;
        };
        'aria-disabled': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-dropeffect': {
            type: import("vue").PropType<"none" | "link" | "copy" | "move" | "execute" | "popup">;
        };
        'aria-errormessage': {
            type: import("vue").PropType<string>;
        };
        'aria-expanded': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-flowto': {
            type: import("vue").PropType<string>;
        };
        'aria-grabbed': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-haspopup': {
            type: import("vue").PropType<"dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree">;
        };
        'aria-hidden': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-invalid': {
            type: import("vue").PropType<(boolean | "true" | "false") | "grammar" | "spelling">;
        };
        'aria-keyshortcuts': {
            type: import("vue").PropType<string>;
        };
        'aria-label': {
            type: import("vue").PropType<string>;
        };
        'aria-labelledby': {
            type: import("vue").PropType<string>;
        };
        'aria-level': {
            type: import("vue").PropType<string | number>;
        };
        'aria-live': {
            type: import("vue").PropType<"off" | "assertive" | "polite">;
        };
        'aria-modal': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-multiline': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-multiselectable': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-orientation': {
            type: import("vue").PropType<"horizontal" | "vertical">;
        };
        'aria-owns': {
            type: import("vue").PropType<string>;
        };
        'aria-placeholder': {
            type: import("vue").PropType<string>;
        };
        'aria-posinset': {
            type: import("vue").PropType<string | number>;
        };
        'aria-pressed': {
            type: import("vue").PropType<(boolean | "true" | "false") | "mixed">;
        };
        'aria-readonly': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-relevant': {
            type: import("vue").PropType<"text" | "all" | "additions" | "additions text" | "removals">;
        };
        'aria-required': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-roledescription': {
            type: import("vue").PropType<string>;
        };
        'aria-rowcount': {
            type: import("vue").PropType<string | number>;
        };
        'aria-rowindex': {
            type: import("vue").PropType<string | number>;
        };
        'aria-rowspan': {
            type: import("vue").PropType<string | number>;
        };
        'aria-selected': {
            type: import("vue").PropType<boolean | "true" | "false">;
        };
        'aria-setsize': {
            type: import("vue").PropType<string | number>;
        };
        'aria-sort': {
            type: import("vue").PropType<"none" | "ascending" | "descending" | "other">;
        };
        'aria-valuemax': {
            type: import("vue").PropType<string | number>;
        };
        'aria-valuemin': {
            type: import("vue").PropType<string | number>;
        };
        'aria-valuenow': {
            type: import("vue").PropType<string | number>;
        };
        'aria-valuetext': {
            type: import("vue").PropType<string>;
        };
        onCopy: {
            type: import("vue").PropType<(payload: ClipboardEvent) => void>;
        };
        onCut: {
            type: import("vue").PropType<(payload: ClipboardEvent) => void>;
        };
        onPaste: {
            type: import("vue").PropType<(payload: ClipboardEvent) => void>;
        };
        onCompositionend: {
            type: import("vue").PropType<(payload: CompositionEvent) => void>;
        };
        onCompositionstart: {
            type: import("vue").PropType<(payload: CompositionEvent) => void>;
        };
        onCompositionupdate: {
            type: import("vue").PropType<(payload: CompositionEvent) => void>;
        };
        onDrag: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragend: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragenter: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragexit: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragleave: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragover: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDragstart: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onDrop: {
            type: import("vue").PropType<(payload: DragEvent) => void>;
        };
        onFocus: {
            type: import("vue").PropType<(payload: FocusEvent) => void>;
        };
        onFocusin: {
            type: import("vue").PropType<(payload: FocusEvent) => void>;
        };
        onFocusout: {
            type: import("vue").PropType<(payload: FocusEvent) => void>;
        };
        onBlur: {
            type: import("vue").PropType<(payload: FocusEvent) => void>;
        };
        onChange: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onBeforeinput: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onInput: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onReset: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onSubmit: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onInvalid: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onLoad: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onError: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onKeydown: {
            type: import("vue").PropType<(payload: KeyboardEvent) => void>;
        };
        onKeypress: {
            type: import("vue").PropType<(payload: KeyboardEvent) => void>;
        };
        onKeyup: {
            type: import("vue").PropType<(payload: KeyboardEvent) => void>;
        };
        onAuxclick: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onClick: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onContextmenu: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onDblclick: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMousedown: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMouseenter: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMouseleave: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMousemove: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMouseout: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMouseover: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onMouseup: {
            type: import("vue").PropType<(payload: MouseEvent) => void>;
        };
        onAbort: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onCanplay: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onCanplaythrough: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onDurationchange: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onEmptied: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onEncrypted: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onEnded: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onLoadeddata: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onLoadedmetadata: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onLoadstart: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onPause: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onPlay: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onPlaying: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onProgress: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onRatechange: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onSeeked: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onSeeking: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onStalled: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onSuspend: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onTimeupdate: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onVolumechange: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onWaiting: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onSelect: {
            type: import("vue").PropType<(payload: Event) => void>;
        };
        onScroll: {
            type: import("vue").PropType<(payload: UIEvent) => void>;
        };
        onTouchcancel: {
            type: import("vue").PropType<(payload: TouchEvent) => void>;
        };
        onTouchend: {
            type: import("vue").PropType<(payload: TouchEvent) => void>;
        };
        onTouchmove: {
            type: import("vue").PropType<(payload: TouchEvent) => void>;
        };
        onTouchstart: {
            type: import("vue").PropType<(payload: TouchEvent) => void>;
        };
        onPointerdown: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointermove: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointerup: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointercancel: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointerenter: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointerleave: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointerover: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onPointerout: {
            type: import("vue").PropType<(payload: PointerEvent) => void>;
        };
        onWheel: {
            type: import("vue").PropType<(payload: WheelEvent) => void>;
        };
        onAnimationstart: {
            type: import("vue").PropType<(payload: AnimationEvent) => void>;
        };
        onAnimationend: {
            type: import("vue").PropType<(payload: AnimationEvent) => void>;
        };
        onAnimationiteration: {
            type: import("vue").PropType<(payload: AnimationEvent) => void>;
        };
        onTransitionend: {
            type: import("vue").PropType<(payload: TransitionEvent) => void>;
        };
        onTransitionstart: {
            type: import("vue").PropType<(payload: TransitionEvent) => void>;
        };
    }>>, {
        nativeElement: import("vue").Ref<HTMLDivElement>;
        scrollTo: ({ key, offset, behavior, block }: {
            offset?: number;
            key?: string | number;
            behavior?: ScrollBehavior;
            block?: ScrollLogicalPosition;
        }) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
        $slots: {
            avatar?(props: {
                item: import("./interface").BubbleListProps["items"][number];
            }): import("vue").VNode;
            header?(props: {
                item: import("./interface").BubbleListProps["items"][number];
            }): import("vue").VNode | string;
            footer?(props: {
                item: import("./interface").BubbleListProps["items"][number];
            }): import("vue").VNode | string;
            loading?(props: {
                item: import("./interface").BubbleListProps["items"][number];
            }): import("vue").VNode;
            message?(props: {
                item: import("./interface").BubbleListProps["items"][number];
            }): import("vue").VNode | string;
        };
    });
};
export default Bubble;
export { Bubble, BubbleList };