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

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

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

Files changed (455) hide show

package/dist/components/ConversationList/ConversationList.vue.d.ts CHANGED Viewed

@@ -5,6 +5,8 @@ interface Props extends ConversationListProps {
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     enableActions: boolean;
+    enableCreate: boolean;
+    enableSearch: boolean;
     Header: () => {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             style: {
@@ -118,10 +120,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             className: {
                 type: import('vue').PropType<string>;
             };
-            empty: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -181,6 +179,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 };
             };
+            empty: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
             PlaceholderLoading: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -302,8 +304,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             error: boolean;
             loading: boolean;
-            empty: boolean;
             PlaceholderEmptyList: any;
+            empty: boolean;
             PlaceholderLoading: any;
             PlaceholderLoadError: any;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -331,10 +333,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             className: {
                 type: import('vue').PropType<string>;
             };
-            empty: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -394,6 +392,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 };
             };
+            empty: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
             PlaceholderLoading: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -515,8 +517,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             error: boolean;
             loading: boolean;
-            empty: boolean;
             PlaceholderEmptyList: any;
+            empty: boolean;
             PlaceholderLoading: any;
             PlaceholderLoadError: any;
         }>;
@@ -541,10 +543,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         className: {
             type: import('vue').PropType<string>;
         };
-        empty: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         PlaceholderEmptyList: {
             type: import('vue').PropType<any>;
             default: () => {
@@ -604,6 +602,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             };
         };
+        empty: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         PlaceholderLoading: {
             type: import('vue').PropType<any>;
             default: () => {
@@ -725,8 +727,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         error: boolean;
         loading: boolean;
-        empty: boolean;
         PlaceholderEmptyList: any;
+        empty: boolean;
         PlaceholderLoading: any;
         PlaceholderLoadError: any;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -758,10 +760,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -782,6 +780,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -802,10 +804,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -826,6 +824,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -834,12 +836,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & 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: {
@@ -855,158 +857,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             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>;
                     };
@@ -1060,13 +911,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         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;
@@ -1074,16 +918,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     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>;
@@ -1203,10 +1104,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -1227,6 +1124,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -1247,10 +1148,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -1271,6 +1168,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -1279,12 +1180,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & 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: {
@@ -1300,158 +1201,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             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>;
                     };
@@ -1505,13 +1255,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         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;
@@ -1519,16 +1262,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     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>;
@@ -1643,10 +1443,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -1667,6 +1463,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -1687,10 +1487,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -1711,6 +1507,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -1719,12 +1519,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & 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: {
@@ -1740,158 +1540,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         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>;
                 };
@@ -1945,13 +1594,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     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;
@@ -1959,30 +1601,87 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
-            }, string, {
-                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').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                onClose: {
+                    type: import('vue').PropType<() => void>;
                 };
-            });
-        };
-        enableActions: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        highlightMatchString: {
-            type: import('vue').PropType<string>;
-        };
-        Title: {
-            type: import('vue').PropType<any>;
-            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                conversation: {
-                    type: import('vue').PropType<ConversationModel>;
-                    required: true;
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+            }>, {
+                enablePin: boolean;
+                enableMute: boolean;
+                enableDelete: boolean;
+                enableMarkUnread: boolean;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        enableActions: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+        Title: {
+            type: import('vue').PropType<any>;
+            default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
                 };
                 highlightMatchString: {
                     type: import('vue').PropType<string>;
@@ -2064,23 +1763,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     });
     ConversationCreate: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        visible: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         conversationList: {
             type: import('vue').PropType<ConversationModel[]>;
             default: () => never[];
         };
-        'onUpdate:visible': {
-            type: import('vue').PropType<(visible: boolean) => void>;
-        };
         onBeforeCreateConversation: {
             type: import('vue').PropType<(params: string | CreateGroupParams) => string | CreateGroupParams>;
         };
@@ -2092,23 +1778,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         beforeCreateConversation: (params: any) => void;
         conversationCreated: (conversation: ConversationModel) => void;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        visible: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         conversationList: {
             type: import('vue').PropType<ConversationModel[]>;
             default: () => never[];
         };
-        'onUpdate:visible': {
-            type: import('vue').PropType<(visible: boolean) => void>;
-        };
         onBeforeCreateConversation: {
             type: import('vue').PropType<(params: string | CreateGroupParams) => string | CreateGroupParams>;
         };
@@ -2120,7 +1793,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onBeforeCreateConversation?: ((params: any) => any) | undefined;
         onConversationCreated?: ((conversation: ConversationModel) => any) | undefined;
     }>, {
-        visible: boolean;
         conversationList: ConversationModel[];
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     ConversationSearch: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -2458,7 +2130,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -2572,7 +2244,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -2893,7 +2565,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -3007,7 +2679,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -3500,7 +3172,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -3614,7 +3286,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -3935,7 +3607,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -4049,7 +3721,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -4212,158 +3884,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         SearchBar: import('vue').Component<import('../..').SearchBarProps>;
         Search: import('vue').Component<import('../..').SearchProps>;
     }, {}, {}, {}, 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>;
         };
@@ -4417,13 +3938,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -4431,16 +3945,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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>;
     PlaceholderEmptyList: () => {
         component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -4623,10 +4194,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -4647,6 +4214,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -4667,10 +4238,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -4691,6 +4258,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -4699,12 +4270,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & 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>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     beforeCreateConversation: (params: any) => void;
@@ -4712,6 +4283,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     selectConversation: (conversation: ConversationModel) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     enableActions: boolean;
+    enableCreate: boolean;
+    enableSearch: boolean;
     Header: () => {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             style: {
@@ -4825,10 +4398,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             className: {
                 type: import('vue').PropType<string>;
             };
-            empty: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -4888,6 +4457,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 };
             };
+            empty: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
             PlaceholderLoading: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -5009,8 +4582,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             error: boolean;
             loading: boolean;
-            empty: boolean;
             PlaceholderEmptyList: any;
+            empty: boolean;
             PlaceholderLoading: any;
             PlaceholderLoadError: any;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -5038,10 +4611,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             className: {
                 type: import('vue').PropType<string>;
             };
-            empty: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
             PlaceholderEmptyList: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -5101,6 +4670,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 };
             };
+            empty: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
             PlaceholderLoading: {
                 type: import('vue').PropType<any>;
                 default: () => {
@@ -5222,8 +4795,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             error: boolean;
             loading: boolean;
-            empty: boolean;
             PlaceholderEmptyList: any;
+            empty: boolean;
             PlaceholderLoading: any;
             PlaceholderLoadError: any;
         }>;
@@ -5248,10 +4821,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         className: {
             type: import('vue').PropType<string>;
         };
-        empty: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         PlaceholderEmptyList: {
             type: import('vue').PropType<any>;
             default: () => {
@@ -5311,6 +4880,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             };
         };
+        empty: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         PlaceholderLoading: {
             type: import('vue').PropType<any>;
             default: () => {
@@ -5432,8 +5005,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         error: boolean;
         loading: boolean;
-        empty: boolean;
         PlaceholderEmptyList: any;
+        empty: boolean;
         PlaceholderLoading: any;
         PlaceholderLoadError: any;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -5465,10 +5038,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -5489,6 +5058,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -5509,10 +5082,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -5533,6 +5102,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -5541,12 +5114,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & 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: {
@@ -5562,158 +5135,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             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>;
                     };
@@ -5767,13 +5189,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         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;
@@ -5781,16 +5196,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     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>;
@@ -5910,10 +5382,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -5934,6 +5402,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -5954,10 +5426,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     src: {
                         type: import('vue').PropType<string>;
                     };
-                    shape: {
-                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                        default: string;
-                    };
                     isShowOnlineStatus: {
                         type: import('vue').PropType<boolean>;
                         default: boolean;
@@ -5978,6 +5446,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<boolean>;
                         default: boolean;
                     };
+                    shape: {
+                        type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                        default: string;
+                    };
                     alt: {
                         type: import('vue').PropType<string>;
                     };
@@ -5986,12 +5458,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     };
                 }>> & 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: {
@@ -6007,158 +5479,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             };
             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>;
                     };
@@ -6212,13 +5533,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         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;
@@ -6226,16 +5540,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     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>;
@@ -6350,10 +5721,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -6374,6 +5741,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -6394,10 +5765,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 src: {
                     type: import('vue').PropType<string>;
                 };
-                shape: {
-                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
-                    default: string;
-                };
                 isShowOnlineStatus: {
                     type: import('vue').PropType<boolean>;
                     default: boolean;
@@ -6418,6 +5785,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<boolean>;
                     default: boolean;
                 };
+                shape: {
+                    type: import('vue').PropType<import('../Avatar').AvatarShape>;
+                    default: string;
+                };
                 alt: {
                     type: import('vue').PropType<string>;
                 };
@@ -6426,12 +5797,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 };
             }>> & 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: {
@@ -6447,158 +5818,68 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         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>;
+                };
+                style: {
+                    type: import('vue').PropType<import('vue').CSSProperties>;
+                };
+                onClick: {
+                    type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+                };
+                className: {
+                    type: import('vue').PropType<string>;
+                };
+                onMarkConversationUnread: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationPin: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationMute: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                onConversationDelete: {
+                    type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+                };
+                customConversationActions: {
+                    type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
+                };
+                PopupIcon: {
+                    type: import('vue').PropType<any>;
+                };
+                PopupElements: {
+                    type: import('vue').PropType<any[]>;
+                };
+                conversation: {
+                    type: import('vue').PropType<ConversationModel>;
+                    required: true;
+                };
+                enablePin: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMute: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableDelete: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+                enableMarkUnread: {
+                    type: import('vue').PropType<boolean>;
+                    default: boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+                close: () => void;
+                markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+                conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+            }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 onClose: {
                     type: import('vue').PropType<() => void>;
                 };
@@ -6659,23 +5940,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 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;
-            }, string, {
+            }>, {
                 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>;
@@ -6771,23 +6041,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     });
     ConversationCreate: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        visible: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         conversationList: {
             type: import('vue').PropType<ConversationModel[]>;
             default: () => never[];
         };
-        'onUpdate:visible': {
-            type: import('vue').PropType<(visible: boolean) => void>;
-        };
         onBeforeCreateConversation: {
             type: import('vue').PropType<(params: string | CreateGroupParams) => string | CreateGroupParams>;
         };
@@ -6799,23 +6056,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         beforeCreateConversation: (params: any) => void;
         conversationCreated: (conversation: ConversationModel) => void;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        visible: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-        };
-        className: {
-            type: import('vue').PropType<string>;
-        };
         conversationList: {
             type: import('vue').PropType<ConversationModel[]>;
             default: () => never[];
         };
-        'onUpdate:visible': {
-            type: import('vue').PropType<(visible: boolean) => void>;
-        };
         onBeforeCreateConversation: {
             type: import('vue').PropType<(params: string | CreateGroupParams) => string | CreateGroupParams>;
         };
@@ -6827,7 +6071,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onBeforeCreateConversation?: ((params: any) => any) | undefined;
         onConversationCreated?: ((conversation: ConversationModel) => any) | undefined;
     }>, {
-        visible: boolean;
         conversationList: ConversationModel[];
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     ConversationSearch: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -7165,7 +6408,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -7279,7 +6522,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -7600,7 +6843,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -7714,7 +6957,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -8207,7 +7450,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -8321,7 +7564,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -8642,7 +7885,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -8756,7 +7999,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                             default: import('../..').VariantType;
                         };
                         searchType: {
-                            type: import('vue').PropType<"all" | import('../..').SearchType>;
+                            type: import('vue').PropType<import('../..').SearchType | "all">;
                             default: string;
                         };
                         typeLabels: {
@@ -8919,158 +8162,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         SearchBar: import('vue').Component<import('../..').SearchBarProps>;
         Search: import('vue').Component<import('../..').SearchProps>;
     }, {}, {}, {}, 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>;
         };
@@ -9124,13 +8216,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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;
@@ -9138,16 +8223,73 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         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>;
     PlaceholderEmptyList: () => {
         component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             type: {
@@ -9330,10 +8472,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -9354,6 +8492,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -9374,10 +8516,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         src: {
             type: import('vue').PropType<string>;
         };
-        shape: {
-            type: import('vue').PropType<import('../Avatar').AvatarShape>;
-            default: string;
-        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -9398,6 +8536,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        shape: {
+            type: import('vue').PropType<import('../Avatar').AvatarShape>;
+            default: string;
+        };
         alt: {
             type: import('vue').PropType<string>;
         };
@@ -9406,12 +8548,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     }>> & 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>;
 }>>> & Readonly<{
     onBeforeCreateConversation?: ((params: any) => any) | undefined;
@@ -9420,13 +8562,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
     Preview: import('vue').Component<import('../..').ConversationPreviewUIProps>;
+    enableSearch: boolean;
+    PlaceholderEmptyList: any;
     ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
     ConversationCreate: import('vue').Component<import('../..').ConversationCreateProps>;
-    PlaceholderEmptyList: any;
     PlaceholderLoading: any;
     PlaceholderLoadError: any;
     enableActions: boolean;
     ConversationSearch: import('vue').Component;
+    enableCreate: boolean;
     Header: import('vue').Component<import('../..').ConversationListHeaderProps>;
     List: import('vue').Component<import('../..').ConversationListContentProps>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;