tuikit-atomicx-vue3 0.1.1 → 3.3.0

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

@@ -30,10 +30,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -54,6 +50,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -74,10 +74,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -98,6 +94,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -106,12 +106,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     };
                 }>> & Readonly<{}>, {
                     size: import('../../Avatar').AvatarSize;
-                    shape: import('../../Avatar').AvatarShape;
                     isShowOnlineStatus: boolean;
                     isOnline: boolean;
                     unreadCount: number;
                     maxUnreadCount: number;
                     isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             isSelected: {
@@ -127,158 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             };
             ConversationActions: {
                 type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-                default: () => {
-                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    }>, {}, {}, {}, {}, 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;
-                    }, import('vue').PublicProps, {
-                        enablePin: boolean;
-                        enableMute: boolean;
-                        enableDelete: boolean;
-                        enableMarkUnread: boolean;
-                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, 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;
-                    }>;
-                    __isFragment?: never;
-                    __isTeleport?: never;
-                    __isSuspense?: never;
-                } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     onClose: {
                         type: import('vue').PropType<() => void>;
                     };
@@ -307,10 +156,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -332,13 +181,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         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;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
@@ -346,46 +188,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-                }, string, {
+                }, 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<import('vue').Component>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<import('vue').Component[]>;
+                    };
+                    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                    $slots: {
-                        popupIcon?(_: {}): any;
-                    };
-                });
+                }, {}, {}, {}, 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -399,7 +289,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -413,7 +303,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -441,10 +331,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -475,10 +365,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -499,6 +385,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -519,10 +409,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -543,6 +429,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -551,12 +441,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     };
                 }>> & Readonly<{}>, {
                     size: import('../../Avatar').AvatarSize;
-                    shape: import('../../Avatar').AvatarShape;
                     isShowOnlineStatus: boolean;
                     isOnline: boolean;
                     unreadCount: number;
                     maxUnreadCount: number;
                     isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             isSelected: {
@@ -572,158 +462,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             };
             ConversationActions: {
                 type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-                default: () => {
-                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    }>, {}, {}, {}, {}, 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;
-                    }, import('vue').PublicProps, {
-                        enablePin: boolean;
-                        enableMute: boolean;
-                        enableDelete: boolean;
-                        enableMarkUnread: boolean;
-                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, 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;
-                    }>;
-                    __isFragment?: never;
-                    __isTeleport?: never;
-                    __isSuspense?: never;
-                } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     onClose: {
                         type: import('vue').PropType<() => void>;
                     };
@@ -752,10 +491,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -777,13 +516,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         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;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
@@ -791,46 +523,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-                }, string, {
+                }, 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<import('vue').Component>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<import('vue').Component[]>;
+                    };
+                    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                    $slots: {
-                        popupIcon?(_: {}): any;
-                    };
-                });
+                }, {}, {}, {}, 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -844,7 +624,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -858,7 +638,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -884,10 +664,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -915,10 +695,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -939,6 +715,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -959,10 +739,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -983,6 +759,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -991,12 +771,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 };
             }>> & Readonly<{}>, {
                 size: import('../../Avatar').AvatarSize;
-                shape: import('../../Avatar').AvatarShape;
                 isShowOnlineStatus: boolean;
                 isOnline: boolean;
                 unreadCount: number;
                 maxUnreadCount: number;
                 isDotUnreadCount: boolean;
+                shape: import('../../Avatar').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         isSelected: {
@@ -1012,158 +792,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
         ConversationActions: {
             type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-            default: () => {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                }>, {}, {}, {}, {}, 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;
-                }, import('vue').PublicProps, {
-                    enablePin: boolean;
-                    enableMute: boolean;
-                    enableDelete: boolean;
-                    enableMarkUnread: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, 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;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 onClose: {
                     type: import('vue').PropType<() => void>;
                 };
@@ -1192,10 +821,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1217,13 +846,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     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;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                 close: () => void;
@@ -1231,46 +853,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-            }, string, {
+            }, 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<import('vue').Component>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<import('vue').Component[]>;
+                };
+                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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    popupIcon?(_: {}): any;
-                };
-            });
+            }, {}, {}, {}, 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>;
+            type: import('vue').PropType<string | import('vue').Component>;
             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>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1284,7 +954,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageTimestamp: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1298,7 +968,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         Unread: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1326,10 +996,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         isSelected: boolean;
         ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
         enableActions: boolean;
-        Title: string | any;
-        LastMessageAbstract: string | any;
-        LastMessageTimestamp: string | any;
-        Unread: string | any;
+        Title: string | import('vue').Component;
+        LastMessageAbstract: string | import('vue').Component;
+        LastMessageTimestamp: string | import('vue').Component;
+        Unread: string | import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -1349,10 +1019,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1373,6 +1039,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -1393,10 +1063,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -1417,6 +1083,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -1425,165 +1095,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {
         size: import('../../Avatar').AvatarSize;
-        shape: import('../../Avatar').AvatarShape;
         isShowOnlineStatus: boolean;
         isOnline: boolean;
         unreadCount: number;
         maxUnreadCount: number;
         isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ConversationActions: () => {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-        }>, {}, {}, {}, {}, 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;
-        }, import('vue').PublicProps, {
-            enablePin: boolean;
-            enableMute: boolean;
-            enableDelete: boolean;
-            enableMarkUnread: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, 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;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         onClose: {
             type: import('vue').PropType<() => void>;
         };
@@ -1612,10 +1131,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -1637,13 +1156,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
@@ -1651,16 +1163,73 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-    }, string, {
+    }, 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<import('vue').Component>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<import('vue').Component[]>;
+        };
+        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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            popupIcon?(_: {}): any;
-        };
-    });
+    }, {}, {}, {}, 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>, {
@@ -1690,10 +1259,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -1714,6 +1279,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -1734,10 +1303,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -1758,6 +1323,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -1766,12 +1335,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     };
                 }>> & Readonly<{}>, {
                     size: import('../../Avatar').AvatarSize;
-                    shape: import('../../Avatar').AvatarShape;
                     isShowOnlineStatus: boolean;
                     isOnline: boolean;
                     unreadCount: number;
                     maxUnreadCount: number;
                     isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             isSelected: {
@@ -1787,158 +1356,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             };
             ConversationActions: {
                 type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-                default: () => {
-                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    }>, {}, {}, {}, {}, 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;
-                    }, import('vue').PublicProps, {
-                        enablePin: boolean;
-                        enableMute: boolean;
-                        enableDelete: boolean;
-                        enableMarkUnread: boolean;
-                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, 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;
-                    }>;
-                    __isFragment?: never;
-                    __isTeleport?: never;
-                    __isSuspense?: never;
-                } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     onClose: {
                         type: import('vue').PropType<() => void>;
                     };
@@ -1967,10 +1385,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1992,13 +1410,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         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;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
@@ -2006,46 +1417,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-                }, string, {
+                }, 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<import('vue').Component>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<import('vue').Component[]>;
+                    };
+                    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                    $slots: {
-                        popupIcon?(_: {}): any;
-                    };
-                });
+                }, {}, {}, {}, 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
-                        required: true;
-                    };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
+                        required: true;
                     };
                 }>, {}, {}, {}, {}, 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2059,7 +1518,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2073,7 +1532,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2101,10 +1560,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -2135,10 +1594,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -2159,6 +1614,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -2179,10 +1638,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -2203,6 +1658,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -2211,12 +1670,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     };
                 }>> & Readonly<{}>, {
                     size: import('../../Avatar').AvatarSize;
-                    shape: import('../../Avatar').AvatarShape;
                     isShowOnlineStatus: boolean;
                     isOnline: boolean;
                     unreadCount: number;
                     maxUnreadCount: number;
                     isDotUnreadCount: boolean;
+                    shape: import('../../Avatar').AvatarShape;
                 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             isSelected: {
@@ -2232,158 +1691,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             };
             ConversationActions: {
                 type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-                default: () => {
-                    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                    }>, {}, {}, {}, {}, 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;
-                    }, import('vue').PublicProps, {
-                        enablePin: boolean;
-                        enableMute: boolean;
-                        enableDelete: boolean;
-                        enableMarkUnread: boolean;
-                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, 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;
-                    }>;
-                    __isFragment?: never;
-                    __isTeleport?: never;
-                    __isSuspense?: never;
-                } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     onClose: {
                         type: import('vue').PropType<() => void>;
                     };
@@ -2412,10 +1720,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2437,13 +1745,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                         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;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
@@ -2451,46 +1752,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-                }, string, {
+                }, 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<import('vue').Component>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<import('vue').Component[]>;
+                    };
+                    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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                    $slots: {
-                        popupIcon?(_: {}): any;
-                    };
-                });
+                }, {}, {}, {}, 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 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>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2504,7 +1853,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2518,7 +1867,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -2544,10 +1893,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -2575,10 +1924,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -2599,6 +1944,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -2619,10 +1968,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -2643,6 +1988,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -2651,12 +2000,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 };
             }>> & Readonly<{}>, {
                 size: import('../../Avatar').AvatarSize;
-                shape: import('../../Avatar').AvatarShape;
                 isShowOnlineStatus: boolean;
                 isOnline: boolean;
                 unreadCount: number;
                 maxUnreadCount: number;
                 isDotUnreadCount: boolean;
+                shape: import('../../Avatar').AvatarShape;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         isSelected: {
@@ -2667,163 +2016,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<string>;
         };
         conversation: {
-            type: import('vue').PropType<ConversationModel>;
-            required: true;
-        };
-        ConversationActions: {
-            type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-            default: () => {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-                }>, {}, {}, {}, {}, 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;
-                }, import('vue').PublicProps, {
-                    enablePin: boolean;
-                    enableMute: boolean;
-                    enableDelete: boolean;
-                    enableMarkUnread: boolean;
-                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, 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;
-                }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            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>;
                 };
@@ -2852,10 +2050,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -2877,13 +2075,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     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;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                 close: () => void;
@@ -2891,46 +2082,94 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-            }, string, {
+            }, 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<import('vue').Component>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<import('vue').Component[]>;
+                };
+                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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    popupIcon?(_: {}): any;
-                };
-            });
+            }, {}, {}, {}, 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>;
+            type: import('vue').PropType<string | import('vue').Component>;
             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>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -2944,7 +2183,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageTimestamp: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -2958,7 +2197,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         Unread: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -2986,10 +2225,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         isSelected: boolean;
         ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
         enableActions: boolean;
-        Title: string | any;
-        LastMessageAbstract: string | any;
-        LastMessageTimestamp: string | any;
-        Unread: string | any;
+        Title: string | import('vue').Component;
+        LastMessageAbstract: string | import('vue').Component;
+        LastMessageTimestamp: string | import('vue').Component;
+        Unread: string | import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -3009,10 +2248,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -3033,6 +2268,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -3053,10 +2292,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -3077,6 +2312,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -3085,165 +2324,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {
         size: import('../../Avatar').AvatarSize;
-        shape: import('../../Avatar').AvatarShape;
         isShowOnlineStatus: boolean;
         isOnline: boolean;
         unreadCount: number;
         maxUnreadCount: number;
         isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ConversationActions: () => {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<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;
-        }>, {}, {}, {}, {}, 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;
-        }, import('vue').PublicProps, {
-            enablePin: boolean;
-            enableMute: boolean;
-            enableDelete: boolean;
-            enableMarkUnread: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, 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;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         onClose: {
             type: import('vue').PropType<() => void>;
         };
@@ -3272,10 +2360,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -3297,13 +2385,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             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;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
@@ -3311,16 +2392,73 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-    }, string, {
+    }, 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<import('vue').Component>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<import('vue').Component[]>;
+        };
+        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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            popupIcon?(_: {}): any;
-        };
-    });
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>> & Readonly<{
     onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
 }>, {