npm - tuikit-atomicx-vue3 - Versions diffs - 0.1.0 → 3.3.0-beta.3 - Mend

tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (910) hide show

package/dist/components/ConversationList/ConversationPreview/ConversationPreview.vue.d.ts ADDED Viewed

@@ -0,0 +1,2548 @@
+import { ConversationModel, ConversationPreviewProps } from '../../../types';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewProps>, {
+    isSelected: boolean;
+    enableActions: boolean;
+    Preview: () => {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            style: {
+                type: import('vue').PropType<import('vue').CSSProperties>;
+            };
+            children: {
+                type: import('vue').PropType<any>;
+            };
+            Avatar: {
+                type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {
+                    size: import('../../Avatar').AvatarSize;
+                    isShowOnlineStatus: boolean;
+                    isOnline: boolean;
+                    unreadCount: number;
+                    maxUnreadCount: number;
+                    isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            isSelected: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            conversation: {
+                type: import('vue').PropType<ConversationModel>;
+                required: true;
+            };
+            ConversationActions: {
+                type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                    close: () => void;
+                    markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+                }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
+                    enablePin: boolean;
+                    enableMute: boolean;
+                    enableDelete: boolean;
+                    enableMarkUnread: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            enableActions: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            highlightMatchString: {
+                type: import('vue').PropType<string>;
+            };
+            Title: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageAbstract: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageTimestamp: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            Unread: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            onSelectConversation: {
+                type: import('vue').PropType<(conversation: ConversationModel) => void>;
+            };
+            actionsConfig: {
+                type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+            };
+        }>> & Readonly<{
+            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            select: (conversation: ConversationModel) => void;
+        }, import('vue').PublicProps, {
+            Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+            isSelected: boolean;
+            ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+            enableActions: boolean;
+            Title: string | any;
+            LastMessageAbstract: string | any;
+            LastMessageTimestamp: string | any;
+            Unread: string | any;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            style: {
+                type: import('vue').PropType<import('vue').CSSProperties>;
+            };
+            children: {
+                type: import('vue').PropType<any>;
+            };
+            Avatar: {
+                type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {
+                    size: import('../../Avatar').AvatarSize;
+                    isShowOnlineStatus: boolean;
+                    isOnline: boolean;
+                    unreadCount: number;
+                    maxUnreadCount: number;
+                    isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            isSelected: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            conversation: {
+                type: import('vue').PropType<ConversationModel>;
+                required: true;
+            };
+            ConversationActions: {
+                type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                    close: () => void;
+                    markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+                }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
+                    enablePin: boolean;
+                    enableMute: boolean;
+                    enableDelete: boolean;
+                    enableMarkUnread: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            enableActions: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            highlightMatchString: {
+                type: import('vue').PropType<string>;
+            };
+            Title: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageAbstract: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageTimestamp: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            Unread: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            onSelectConversation: {
+                type: import('vue').PropType<(conversation: ConversationModel) => void>;
+            };
+            actionsConfig: {
+                type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+            };
+        }>> & Readonly<{
+            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+            isSelected: boolean;
+            ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+            enableActions: boolean;
+            Title: string | any;
+            LastMessageAbstract: string | any;
+            LastMessageTimestamp: string | any;
+            Unread: string | any;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        children: {
+            type: import('vue').PropType<any>;
+        };
+        Avatar: {
+            type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                    default: string;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<() => void>;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                };
+                isShowOnlineStatus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOnline: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                unreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                maxUnreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                isDotUnreadCount: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
+                alt: {
+                    type: import('vue').PropType<string>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                    default: string;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<() => void>;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                };
+                isShowOnlineStatus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOnline: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                unreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                maxUnreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                isDotUnreadCount: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
+                alt: {
+                    type: import('vue').PropType<string>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & Readonly<{}>, {
+                size: import('../../Avatar').AvatarSize;
+                isShowOnlineStatus: boolean;
+                isOnline: boolean;
+                unreadCount: number;
+                maxUnreadCount: number;
+                isDotUnreadCount: boolean;
+                shape: import('../../Avatar').AvatarShape;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        isSelected: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        ConversationActions: {
+            type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                onClose: {
+                    type: import('vue').PropType<() => void>;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                close: () => void;
+                markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                onClose: {
+                    type: import('vue').PropType<() => void>;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+            }>, {
+                enablePin: boolean;
+                enableMute: boolean;
+                enableDelete: boolean;
+                enableMarkUnread: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        enableActions: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+        Title: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                highlightMatchString: {
+                    type: import('vue').PropType<string>;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                highlightMatchString: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        LastMessageAbstract: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        LastMessageTimestamp: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        Unread: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        onSelectConversation: {
+            type: import('vue').PropType<(conversation: ConversationModel) => void>;
+        };
+        actionsConfig: {
+            type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+        };
+    }>> & Readonly<{
+        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (conversation: ConversationModel) => void;
+    }, string, {
+        Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+        isSelected: boolean;
+        ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+        enableActions: boolean;
+        Title: string | any;
+        LastMessageAbstract: string | any;
+        LastMessageTimestamp: string | any;
+        Unread: string | any;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {
+        size: import('../../Avatar').AvatarSize;
+        isShowOnlineStatus: boolean;
+        isOnline: boolean;
+        unreadCount: number;
+        maxUnreadCount: number;
+        isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+        close: () => void;
+        markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
+        enablePin: boolean;
+        enableMute: boolean;
+        enableDelete: boolean;
+        enableMarkUnread: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    selectConversation: (conversation: ConversationModel) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewProps>, {
+    isSelected: boolean;
+    enableActions: boolean;
+    Preview: () => {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            style: {
+                type: import('vue').PropType<import('vue').CSSProperties>;
+            };
+            children: {
+                type: import('vue').PropType<any>;
+            };
+            Avatar: {
+                type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {
+                    size: import('../../Avatar').AvatarSize;
+                    isShowOnlineStatus: boolean;
+                    isOnline: boolean;
+                    unreadCount: number;
+                    maxUnreadCount: number;
+                    isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            isSelected: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            conversation: {
+                type: import('vue').PropType<ConversationModel>;
+                required: true;
+            };
+            ConversationActions: {
+                type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                    close: () => void;
+                    markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+                }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
+                    enablePin: boolean;
+                    enableMute: boolean;
+                    enableDelete: boolean;
+                    enableMarkUnread: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            enableActions: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            highlightMatchString: {
+                type: import('vue').PropType<string>;
+            };
+            Title: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageAbstract: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageTimestamp: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            Unread: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            onSelectConversation: {
+                type: import('vue').PropType<(conversation: ConversationModel) => void>;
+            };
+            actionsConfig: {
+                type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+            };
+        }>> & Readonly<{
+            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            select: (conversation: ConversationModel) => void;
+        }, import('vue').PublicProps, {
+            Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+            isSelected: boolean;
+            ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+            enableActions: boolean;
+            Title: string | any;
+            LastMessageAbstract: string | any;
+            LastMessageTimestamp: string | any;
+            Unread: string | any;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            style: {
+                type: import('vue').PropType<import('vue').CSSProperties>;
+            };
+            children: {
+                type: import('vue').PropType<any>;
+            };
+            Avatar: {
+                type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                        default: string;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    src: {
+                        type: import('vue').PropType<string>;
+                    };
+                    isShowOnlineStatus: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    isOnline: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    unreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    maxUnreadCount: {
+                        type: import('vue').PropType<number>;
+                        default: number;
+                    };
+                    isDotUnreadCount: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
+                    alt: {
+                        type: import('vue').PropType<string>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {
+                    size: import('../../Avatar').AvatarSize;
+                    isShowOnlineStatus: boolean;
+                    isOnline: boolean;
+                    unreadCount: number;
+                    maxUnreadCount: number;
+                    isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            isSelected: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            conversation: {
+                type: import('vue').PropType<ConversationModel>;
+                required: true;
+            };
+            ConversationActions: {
+                type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                    close: () => void;
+                    markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+                }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    onClose: {
+                        type: import('vue').PropType<() => void>;
+                    };
+                    style: {
+                        type: import('vue').PropType<import('vue').CSSProperties>;
+                    };
+                    onClick: {
+                        type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                    };
+                    className: {
+                        type: import('vue').PropType<string>;
+                    };
+                    onMarkConversationUnread: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationPin: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationMute: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    onConversationDelete: {
+                        type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                    };
+                    customConversationActions: {
+                        type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                    };
+                    PopupIcon: {
+                        type: import('vue').PropType<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
+                    enablePin: boolean;
+                    enableMute: boolean;
+                    enableDelete: boolean;
+                    enableMarkUnread: boolean;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            enableActions: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            highlightMatchString: {
+                type: import('vue').PropType<string>;
+            };
+            Title: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    highlightMatchString: {
+                        type: import('vue').PropType<string>;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageAbstract: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            LastMessageTimestamp: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            Unread: {
+                type: import('vue').PropType<any>;
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            onSelectConversation: {
+                type: import('vue').PropType<(conversation: ConversationModel) => void>;
+            };
+            actionsConfig: {
+                type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+            };
+        }>> & Readonly<{
+            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+            isSelected: boolean;
+            ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+            enableActions: boolean;
+            Title: string | any;
+            LastMessageAbstract: string | any;
+            LastMessageTimestamp: string | any;
+            Unread: string | any;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        children: {
+            type: import('vue').PropType<any>;
+        };
+        Avatar: {
+            type: import('vue').PropType<import('vue').Component<import('../../Avatar').AvatarProps>>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                    default: string;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<() => void>;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                };
+                isShowOnlineStatus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOnline: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                unreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                maxUnreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                isDotUnreadCount: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
+                alt: {
+                    type: import('vue').PropType<string>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+                    default: string;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<() => void>;
+                };
+                src: {
+                    type: import('vue').PropType<string>;
+                };
+                isShowOnlineStatus: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                isOnline: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                unreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                maxUnreadCount: {
+                    type: import('vue').PropType<number>;
+                    default: number;
+                };
+                isDotUnreadCount: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
+                alt: {
+                    type: import('vue').PropType<string>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & Readonly<{}>, {
+                size: import('../../Avatar').AvatarSize;
+                isShowOnlineStatus: boolean;
+                isOnline: boolean;
+                unreadCount: number;
+                maxUnreadCount: number;
+                isDotUnreadCount: boolean;
+                shape: import('../../Avatar').AvatarShape;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        isSelected: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        ConversationActions: {
+            type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                onClose: {
+                    type: import('vue').PropType<() => void>;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                close: () => void;
+                markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                onClose: {
+                    type: import('vue').PropType<() => void>;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+            }>, {
+                enablePin: boolean;
+                enableMute: boolean;
+                enableDelete: boolean;
+                enableMarkUnread: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        enableActions: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+        Title: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                highlightMatchString: {
+                    type: import('vue').PropType<string>;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                highlightMatchString: {
+                    type: import('vue').PropType<string>;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        LastMessageAbstract: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        LastMessageTimestamp: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        Unread: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+            }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        onSelectConversation: {
+            type: import('vue').PropType<(conversation: ConversationModel) => void>;
+        };
+        actionsConfig: {
+            type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
+        };
+    }>> & Readonly<{
+        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        select: (conversation: ConversationModel) => void;
+    }, string, {
+        Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+        isSelected: boolean;
+        ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+        enableActions: boolean;
+        Title: string | any;
+        LastMessageAbstract: string | any;
+        LastMessageTimestamp: string | any;
+        Unread: string | any;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {
+        size: import('../../Avatar').AvatarSize;
+        isShowOnlineStatus: boolean;
+        isOnline: boolean;
+        unreadCount: number;
+        maxUnreadCount: number;
+        isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+        close: () => void;
+        markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
+        enablePin: boolean;
+        enableMute: boolean;
+        enableDelete: boolean;
+        enableMarkUnread: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>> & Readonly<{
+    onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
+}>, {
+    Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+    isSelected: boolean;
+    Preview: import('vue').Component<import('../../..').ConversationPreviewUIProps>;
+    ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+    enableActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};