ant-design-x-vue/dist/typings/bubble/interface.d.ts

Craft AI-driven interfaces effortlessly

import type { AvatarProps } from 'ant-design-vue';
import type { AvoidValidation } from '../type-utility';
import type { CSSProperties, HTMLAttributes, VNode } from 'vue';
export interface TypingOption {
    /**
     * @default 1
     */
    step?: number;
    /**
     * @default 50
     */
    interval?: number;
    /**
     * @default null
     */
    suffix?: VNode;
}
export type SemanticType = 'avatar' | 'content' | 'header' | 'footer';
export interface _AvatarProps extends AvatarProps {
    class: string;
    style: CSSProperties;
}
export interface BubbleProps extends /* @vue-ignore */ Omit<HTMLAttributes, 'content'> {
    prefixCls?: string;
    rootClassName?: string;
    styles?: Partial<Record<SemanticType, CSSProperties>>;
    classNames?: Partial<Record<SemanticType, string>>;
    avatar?: Partial<_AvatarProps> | VNode;
    placement?: 'start' | 'end';
    loading?: boolean;
    typing?: AvoidValidation<TypingOption | boolean>;
    content?: VNode | object | string;
    messageRender?: (content: string) => VNode | string;
    loadingRender?: () => VNode;
    variant?: 'filled' | 'borderless' | 'outlined' | 'shadow';
    shape?: 'round' | 'corner';
    onTypingComplete?: VoidFunction;
    header?: VNode | string;
    footer?: VNode | string;
}
export interface BubbleRef {
    nativeElement: HTMLElement;
}
export interface BubbleContextProps {
    onUpdate?: VoidFunction;
}
export interface BubbleListRef {
    nativeElement: HTMLDivElement;
    scrollTo: (info: {
        offset?: number;
        key?: string | number;
        behavior?: ScrollBehavior;
        block?: ScrollLogicalPosition;
    }) => void;
}
export type BubbleDataType = BubbleProps & {
    key?: string | number;
    role?: string;
};
export type RoleType = Partial<Omit<BubbleProps, 'content'>>;
export type RolesType = Record<string, RoleType> | ((bubbleDataP: BubbleDataType, index: number) => RoleType);
export interface BubbleListProps extends /* @vue-ignore */ HTMLAttributes {
    prefixCls?: string;
    rootClassName?: string;
    items?: BubbleDataType[];
    autoScroll?: boolean;
    roles?: AvoidValidation<RolesType>;
}