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

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

@@ -1,4 +1,4 @@
-import { PlaceHolderTypes, CreateGroupParams, ConversationModel, ConversationListProps, ConversationActionsConfig } from '../../types';
+import { CreateGroupParams, ConversationModel, ConversationListProps, ConversationActionsConfig } from '../../types';
 
 interface Props extends ConversationListProps {
     children?: any;
@@ -121,193 +121,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<string>;
             };
             PlaceholderEmptyList: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             empty: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             PlaceholderLoading: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             PlaceholderLoadError: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             error: boolean;
             loading: boolean;
-            PlaceholderEmptyList: any;
+            PlaceholderEmptyList: import('vue').Component;
             empty: boolean;
-            PlaceholderLoading: any;
-            PlaceholderLoadError: any;
+            PlaceholderLoading: import('vue').Component;
+            PlaceholderLoadError: import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -334,193 +175,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<string>;
             };
             PlaceholderEmptyList: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             empty: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             PlaceholderLoading: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             PlaceholderLoadError: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             error: boolean;
             loading: boolean;
-            PlaceholderEmptyList: any;
+            PlaceholderEmptyList: import('vue').Component;
             empty: boolean;
-            PlaceholderLoading: any;
-            PlaceholderLoadError: any;
+            PlaceholderLoading: import('vue').Component;
+            PlaceholderLoadError: import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -544,193 +226,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<string>;
         };
         PlaceholderEmptyList: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
         empty: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
         PlaceholderLoading: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
         PlaceholderLoadError: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         error: boolean;
         loading: boolean;
-        PlaceholderEmptyList: any;
+        PlaceholderEmptyList: import('vue').Component;
         empty: boolean;
-        PlaceholderLoading: any;
-        PlaceholderLoadError: any;
+        PlaceholderLoading: import('vue').Component;
+        PlaceholderLoadError: import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -886,10 +409,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -947,10 +470,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -990,31 +513,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            highlightMatchString: {
-                type: import('vue').PropType<string>;
-            };
             Title: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageAbstract: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1028,7 +542,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1042,7 +556,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1070,10 +584,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1230,10 +744,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1291,10 +805,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1334,31 +848,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            highlightMatchString: {
-                type: import('vue').PropType<string>;
-            };
             Title: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageAbstract: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1372,7 +877,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1386,7 +891,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -1412,10 +917,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1569,10 +1074,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1630,10 +1135,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1673,31 +1178,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        highlightMatchString: {
-            type: import('vue').PropType<string>;
-        };
         Title: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
                     required: true;
                 };
-                highlightMatchString: {
-                    type: import('vue').PropType<string>;
-                };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
                     required: true;
                 };
-                highlightMatchString: {
-                    type: import('vue').PropType<string>;
-                };
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageAbstract: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1711,7 +1207,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageTimestamp: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1725,7 +1221,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         Unread: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -1753,10 +1249,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isSelected: boolean;
         ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
         enableActions: boolean;
-        Title: string | any;
-        LastMessageAbstract: string | any;
-        LastMessageTimestamp: string | any;
-        Unread: string | any;
+        Title: string | import('vue').Component;
+        LastMessageAbstract: string | import('vue').Component;
+        LastMessageTimestamp: string | import('vue').Component;
+        Unread: string | import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -3913,10 +3409,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -3974,10 +3470,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -4012,174 +3508,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         enableDelete: boolean;
         enableMarkUnread: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    PlaceholderEmptyList: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoading: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoadError: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
+    PlaceholderEmptyList: undefined;
+    PlaceholderLoading: undefined;
+    PlaceholderLoadError: undefined;
     Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
             type: import('vue').PropType<import('../Avatar').AvatarSize>;
@@ -4278,7 +3609,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         shape: import('../Avatar').AvatarShape;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    beforeCreateConversation: (params: any) => void;
+    beforeCreateConversation: (params: string | CreateGroupParams) => void;
     conversationCreated: (conversation: ConversationModel) => void;
     selectConversation: (conversation: ConversationModel) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
@@ -4399,193 +3730,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<string>;
             };
             PlaceholderEmptyList: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             empty: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
             PlaceholderLoading: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
             PlaceholderLoadError: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             error: boolean;
             loading: boolean;
-            PlaceholderEmptyList: any;
+            PlaceholderEmptyList: import('vue').Component;
             empty: boolean;
-            PlaceholderLoading: any;
-            PlaceholderLoadError: any;
+            PlaceholderLoading: import('vue').Component;
+            PlaceholderLoadError: import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -4604,201 +3776,42 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             children: {
                 type: import('vue').PropType<any>;
             };
-            loading: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-            };
-            PlaceholderEmptyList: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
-            };
-            empty: {
-                type: import('vue').PropType<boolean>;
-                default: boolean;
-            };
-            PlaceholderLoading: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
-            };
+            loading: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            className: {
+                type: import('vue').PropType<string>;
+            };
+            PlaceholderEmptyList: {
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
+            };
+            empty: {
+                type: import('vue').PropType<boolean>;
+                default: boolean;
+            };
+            PlaceholderLoading: {
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
+            };
             PlaceholderLoadError: {
-                type: import('vue').PropType<any>;
-                default: () => {
-                    component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                        type: {
-                            type: import('vue').PropType<PlaceHolderTypes>;
-                            required: true;
-                            default: PlaceHolderTypes;
-                        };
-                        className: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        iconSize: {
-                            type: import('vue').PropType<number>;
-                            default: number;
-                        };
-                        searchString: {
-                            type: import('vue').PropType<string>;
-                            default: string;
-                        };
-                        retry: {
-                            type: import('vue').PropType<() => void>;
-                            default: undefined;
-                        };
-                    }>> & Readonly<{}>, {
-                        type: PlaceHolderTypes;
-                        className: string;
-                        iconSize: number;
-                        searchString: string;
-                        retry: () => void;
-                    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                    props: {
-                        type: PlaceHolderTypes;
-                    };
-                };
+                type: import('vue').PropType<import('vue').Component>;
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
             };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             error: boolean;
             loading: boolean;
-            PlaceholderEmptyList: any;
+            PlaceholderEmptyList: import('vue').Component;
             empty: boolean;
-            PlaceholderLoading: any;
-            PlaceholderLoadError: any;
+            PlaceholderLoading: import('vue').Component;
+            PlaceholderLoadError: import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -4822,193 +3835,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<string>;
         };
         PlaceholderEmptyList: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
         empty: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
         PlaceholderLoading: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
         PlaceholderLoadError: {
-            type: import('vue').PropType<any>;
-            default: () => {
-                component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                    type: {
-                        type: import('vue').PropType<PlaceHolderTypes>;
-                        required: true;
-                        default: PlaceHolderTypes;
-                    };
-                    className: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    iconSize: {
-                        type: import('vue').PropType<number>;
-                        default: number;
-                    };
-                    searchString: {
-                        type: import('vue').PropType<string>;
-                        default: string;
-                    };
-                    retry: {
-                        type: import('vue').PropType<() => void>;
-                        default: undefined;
-                    };
-                }>> & Readonly<{}>, {
-                    type: PlaceHolderTypes;
-                    className: string;
-                    iconSize: number;
-                    searchString: string;
-                    retry: () => void;
-                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-                props: {
-                    type: PlaceHolderTypes;
-                };
-            };
+            type: import('vue').PropType<import('vue').Component>;
+            default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         error: boolean;
         loading: boolean;
-        PlaceholderEmptyList: any;
+        PlaceholderEmptyList: import('vue').Component;
         empty: boolean;
-        PlaceholderLoading: any;
-        PlaceholderLoadError: any;
+        PlaceholderLoading: import('vue').Component;
+        PlaceholderLoadError: import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -5164,10 +4018,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5225,10 +4079,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5268,31 +4122,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            highlightMatchString: {
-                type: import('vue').PropType<string>;
-            };
             Title: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageAbstract: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5306,7 +4151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5320,7 +4165,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5348,10 +4193,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -5508,10 +4353,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5569,10 +4414,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                     };
                     PopupIcon: {
-                        type: import('vue').PropType<any>;
+                        type: import('vue').PropType<import('vue').Component>;
                     };
                     PopupElements: {
-                        type: import('vue').PropType<any[]>;
+                        type: import('vue').PropType<import('vue').Component[]>;
                     };
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5612,31 +4457,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            highlightMatchString: {
-                type: import('vue').PropType<string>;
-            };
             Title: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
                         required: true;
                     };
-                    highlightMatchString: {
-                        type: import('vue').PropType<string>;
-                    };
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageAbstract: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5650,7 +4486,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             LastMessageTimestamp: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5664,7 +4500,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
             };
             Unread: {
-                type: import('vue').PropType<any>;
+                type: import('vue').PropType<string | import('vue').Component>;
                 default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     conversation: {
                         type: import('vue').PropType<ConversationModel>;
@@ -5690,10 +4526,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             isSelected: boolean;
             ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
             enableActions: boolean;
-            Title: string | any;
-            LastMessageAbstract: string | any;
-            LastMessageTimestamp: string | any;
-            Unread: string | any;
+            Title: string | import('vue').Component;
+            LastMessageAbstract: string | import('vue').Component;
+            LastMessageTimestamp: string | import('vue').Component;
+            Unread: string | import('vue').Component;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -5847,10 +4683,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -5908,10 +4744,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
                 };
                 PopupIcon: {
-                    type: import('vue').PropType<any>;
+                    type: import('vue').PropType<import('vue').Component>;
                 };
                 PopupElements: {
-                    type: import('vue').PropType<any[]>;
+                    type: import('vue').PropType<import('vue').Component[]>;
                 };
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -5951,31 +4787,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        highlightMatchString: {
-            type: import('vue').PropType<string>;
-        };
         Title: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
                     required: true;
                 };
-                highlightMatchString: {
-                    type: import('vue').PropType<string>;
-                };
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
                     required: true;
                 };
-                highlightMatchString: {
-                    type: import('vue').PropType<string>;
-                };
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageAbstract: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -5989,7 +4816,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         LastMessageTimestamp: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -6003,7 +4830,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         };
         Unread: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<string | import('vue').Component>;
             default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 conversation: {
                     type: import('vue').PropType<ConversationModel>;
@@ -6031,10 +4858,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isSelected: boolean;
         ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
         enableActions: boolean;
-        Title: string | any;
-        LastMessageAbstract: string | any;
-        LastMessageTimestamp: string | any;
-        Unread: string | any;
+        Title: string | import('vue').Component;
+        LastMessageAbstract: string | import('vue').Component;
+        LastMessageTimestamp: string | import('vue').Component;
+        Unread: string | import('vue').Component;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -8191,10 +7018,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -8252,10 +7079,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<Record<string, import('../..').ConversationActionItem>>;
         };
         PopupIcon: {
-            type: import('vue').PropType<any>;
+            type: import('vue').PropType<import('vue').Component>;
         };
         PopupElements: {
-            type: import('vue').PropType<any[]>;
+            type: import('vue').PropType<import('vue').Component[]>;
         };
         conversation: {
             type: import('vue').PropType<ConversationModel>;
@@ -8290,174 +7117,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         enableDelete: boolean;
         enableMarkUnread: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    PlaceholderEmptyList: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoading: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
-    PlaceholderLoadError: () => {
-        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            type: {
-                type: import('vue').PropType<PlaceHolderTypes>;
-                required: true;
-                default: PlaceHolderTypes;
-            };
-            className: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            iconSize: {
-                type: import('vue').PropType<number>;
-                default: number;
-            };
-            searchString: {
-                type: import('vue').PropType<string>;
-                default: string;
-            };
-            retry: {
-                type: import('vue').PropType<() => void>;
-                default: undefined;
-            };
-        }>> & Readonly<{}>, {
-            type: PlaceHolderTypes;
-            className: string;
-            iconSize: number;
-            searchString: string;
-            retry: () => void;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        props: {
-            type: PlaceHolderTypes;
-        };
-    };
+    PlaceholderEmptyList: undefined;
+    PlaceholderLoading: undefined;
+    PlaceholderLoadError: undefined;
     Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         size: {
             type: import('vue').PropType<import('../Avatar').AvatarSize>;
@@ -8556,18 +7218,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         shape: import('../Avatar').AvatarShape;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>> & Readonly<{
-    onBeforeCreateConversation?: ((params: any) => any) | undefined;
+    onBeforeCreateConversation?: ((params: string | CreateGroupParams) => any) | undefined;
     onConversationCreated?: ((conversation: ConversationModel) => any) | undefined;
     onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
 }>, {
     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
     Preview: import('vue').Component<import('../..').ConversationPreviewUIProps>;
     enableSearch: boolean;
-    PlaceholderEmptyList: any;
+    PlaceholderEmptyList: import('vue').Component;
     ConversationActions: import('vue').Component<import('../..').ConversationActionsProps>;
     ConversationCreate: import('vue').Component<import('../..').ConversationCreateProps>;
-    PlaceholderLoading: any;
-    PlaceholderLoadError: any;
+    PlaceholderLoading: import('vue').Component;
+    PlaceholderLoadError: import('vue').Component;
     enableActions: boolean;
     ConversationSearch: import('vue').Component;
     enableCreate: boolean;