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

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>;
                     };
@@ -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,16 +188,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<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
                     enablePin: boolean;
                     enableMute: boolean;
                     enableDelete: boolean;
                     enableMarkUnread: boolean;
-                }, {}, string, {}, import('vue').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>;
@@ -475,10 +374,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 +394,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 +418,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 +438,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 +450,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 +471,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>;
                     };
@@ -777,13 +525,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,16 +532,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<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
                     enablePin: boolean;
                     enableMute: boolean;
                     enableDelete: boolean;
                     enableMarkUnread: boolean;
-                }, {}, string, {}, import('vue').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>;
@@ -915,10 +713,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 +733,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 +757,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 +777,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 +789,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 +810,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>;
                 };
@@ -1217,13 +864,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,16 +871,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<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+            }>, {
                 enablePin: boolean;
                 enableMute: boolean;
                 enableDelete: boolean;
                 enableMarkUnread: boolean;
-            }, {}, string, {}, import('vue').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>;
@@ -1349,10 +1046,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 +1066,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 +1090,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 +1110,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 +1122,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>;
         };
@@ -1637,13 +1183,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 +1190,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<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
         enablePin: boolean;
         enableMute: boolean;
         enableDelete: boolean;
         enableMarkUnread: boolean;
-    }, {}, string, {}, import('vue').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 +1286,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 +1306,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 +1330,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 +1350,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 +1362,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 +1383,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>;
                     };
@@ -1992,13 +1437,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,16 +1444,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<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
                     enablePin: boolean;
                     enableMute: boolean;
                     enableDelete: boolean;
                     enableMarkUnread: boolean;
-                }, {}, string, {}, import('vue').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>;
@@ -2135,10 +1630,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 +1650,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 +1674,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 +1694,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 +1706,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 +1727,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>;
                     };
@@ -2437,13 +1781,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,16 +1788,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<any>;
+                    };
+                    PopupElements: {
+                        type: import('vue').PropType<any[]>;
+                    };
+                    conversation: {
+                        type: import('vue').PropType<ConversationModel>;
+                        required: true;
+                    };
+                    enablePin: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMute: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableDelete: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                    enableMarkUnread: {
+                        type: import('vue').PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & Readonly<{
+                    onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                }>, {
                     enablePin: boolean;
                     enableMute: boolean;
                     enableDelete: boolean;
                     enableMarkUnread: boolean;
-                }, {}, string, {}, import('vue').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>;
@@ -2575,10 +1969,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 +1989,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 +2013,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 +2033,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,179 +2045,28 @@ 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: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
-        conversation: {
-            type: import('vue').PropType<ConversationModel>;
-            required: true;
-        };
-        ConversationActions: {
-            type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
-            default: () => {
-                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<boolean>;
+            default: boolean;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        ConversationActions: {
+            type: import('vue').PropType<import('vue').Component<import('../../..').ConversationActionsProps>>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 onClose: {
                     type: import('vue').PropType<() => void>;
                 };
@@ -2877,13 +2120,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,16 +2127,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<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+            }>, {
                 enablePin: boolean;
                 enableMute: boolean;
                 enableDelete: boolean;
                 enableMarkUnread: boolean;
-            }, {}, string, {}, import('vue').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>;
@@ -3009,10 +2302,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 +2322,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 +2346,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 +2366,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 +2378,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>;
         };
@@ -3297,13 +2439,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 +2446,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<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
         enablePin: boolean;
         enableMute: boolean;
         enableDelete: boolean;
         enableMarkUnread: boolean;
-    }, {}, string, {}, import('vue').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;
 }>, {