cnhis-design-vue 3.2.16-beta.8 → 3.2.17-beta.10

package/es/components/iho-chat/index.d.ts

@@ -129,6 +129,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         unreadTotal: import("vue").ComputedRef<number>;
         isGroupChat: import("vue").ComputedRef<boolean>;
@@ -145,6 +154,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             remark: string;
             content: import("../../shared/types").AnyObject;
         }) => Promise<void>;
+        setMessageLabel: (params: {
+            type: "text" | "emoji";
+            labelItem: string | import("../../shared/types").AnyObject;
+            msgId: string;
+        }) => void;
         openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
         closeSession: () => import("../../shared/types").AnyObject | null;
         getCurrentSession: () => import("../../shared/types").AnyObject | null;
@@ -152,6 +166,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         setUpdateSessionItem: (item: import("../../shared/types").AnyObject) => void;
         setSessionList: (list: import("../../shared/types").AnyObject[]) => void;
         emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+        setUserDetail: (event: MouseEvent, userDetail: import("../../shared/types").AnyObject) => void;
     };
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     state: {
@@ -172,6 +187,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         currentAVMsg: import("../../shared/types").AnyObject;
         currentGroupUser: import("../../shared/types").AnyObject[];
         showMultipleVideo: boolean;
+        userDetail: {
+            show: boolean;
+            position: {
+                x: number;
+                y: number;
+            };
+            userId: string;
+            info: import("../../shared/types").AnyObject | null;
+        };
     };
     openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
     closeSession: () => import("../../shared/types").AnyObject | null;
@@ -225,6 +249,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         unreadTotal: import("vue").ComputedRef<number>;
         filterable: import("vue").Ref<any>;
@@ -512,12 +545,22 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         isGroupChat: import("vue").ComputedRef<boolean>;
         isGroupLeader: import("vue").ComputedRef<boolean>;
         isEnded: import("vue").ComputedRef<boolean>;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
+        setUserDetail: (event: MouseEvent, userDetail: import("../../shared/types").AnyObject) => void;
         showChatSet: import("vue").Ref<boolean>;
         showChatFile: import("vue").Ref<boolean>;
         chatFileType: import("vue").Ref<string>;
@@ -540,97 +583,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NButton: any;
         NTooltip: any;
         NPopconfirm: any;
-        PersonProfile: import("vue").DefineComponent<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            state: {
-                orgId: string | number;
-                currentSessionItem: import("../../shared/types").AnyObject;
-                id: string;
-                userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
-                currentMsg: import("../../shared/types").AnyObject;
-                isAppendMsg: boolean;
-                sessionList: import("../../shared/types").AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: import("../../shared/types").AnyObject;
-                isUpdateSession: boolean;
-                currentReferenceMsg: import("../../shared/types").AnyObject | null;
-                currentReEditMsg: import("../../shared/types").AnyObject | null;
-                showVideo: boolean;
-                currentAVMsg: import("../../shared/types").AnyObject;
-                currentGroupUser: import("../../shared/types").AnyObject[];
-                showMultipleVideo: boolean;
-            };
-            openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: import("../../shared/types").AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: import("../../shared/types").AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
         ChatSet: import("vue").DefineComponent<{}, {
             attrs: {
                 [x: string]: unknown;
@@ -653,8 +605,18 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+            setUserDetail: (event: MouseEvent, userDetail: import("../../shared/types").AnyObject) => void;
             isGroupChat: import("vue").ComputedRef<boolean>;
             isGroupLeader: import("vue").ComputedRef<boolean>;
             inputRef: import("vue").Ref<any>;
@@ -686,97 +648,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             AddOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             RemoveOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
             ChevronBackOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            PersonProfile: import("vue").DefineComponent<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                    userId: {
-                        type: (NumberConstructor | StringConstructor)[];
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    userInfo: {
-                        type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }>>;
-                emit: (event: "close", ...args: any[]) => void;
-                state: {
-                    orgId: string | number;
-                    currentSessionItem: import("../../shared/types").AnyObject;
-                    id: string;
-                    userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
-                    currentMsg: import("../../shared/types").AnyObject;
-                    isAppendMsg: boolean;
-                    sessionList: import("../../shared/types").AnyObject[];
-                    isChangeSession: boolean;
-                    updateSessionItem: import("../../shared/types").AnyObject;
-                    isUpdateSession: boolean;
-                    currentReferenceMsg: import("../../shared/types").AnyObject | null;
-                    currentReEditMsg: import("../../shared/types").AnyObject | null;
-                    showVideo: boolean;
-                    currentAVMsg: import("../../shared/types").AnyObject;
-                    currentGroupUser: import("../../shared/types").AnyObject[];
-                    showMultipleVideo: boolean;
-                };
-                openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
-                showUserDetail: import("vue").Ref<boolean>;
-                showLargeAvatar: import("vue").Ref<boolean>;
-                showPhone: import("vue").Ref<boolean>;
-                userDetail: import("../../shared/types").AnyObject;
-                info: {
-                    label: string;
-                    value: string;
-                    key: string;
-                }[];
-                personInfo: import("vue").ComputedRef<{
-                    label: string;
-                    value: string;
-                    key: string;
-                }[]>;
-                toOpenSession: () => Promise<void>;
-                updateShow: (value: boolean) => Promise<void>;
-                getContent: (info: import("../../shared/types").AnyObject) => any;
-                onChange: (options: {
-                    file: import("naive-ui").UploadFileInfo;
-                }) => Promise<void>;
-                NAvatar: any;
-                NPopover: any;
-                NButton: any;
-                NIcon: any;
-                ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                disabled: boolean;
-            }>;
             ChatAdd: import("vue").DefineComponent<{
                 title: {
                     type: StringConstructor;
@@ -853,6 +724,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentAVMsg: import("../../shared/types").AnyObject;
                     currentGroupUser: import("../../shared/types").AnyObject[];
                     showMultipleVideo: boolean;
+                    userDetail: {
+                        show: boolean;
+                        position: {
+                            x: number;
+                            y: number;
+                        };
+                        userId: string;
+                        info: import("../../shared/types").AnyObject | null;
+                    };
                 };
                 setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
                 listRef: import("vue").Ref<any>;
@@ -984,6 +864,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             relayMessage: (param: {
                 checkedIds: string[];
@@ -1096,6 +985,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentAVMsg: import("../../shared/types").AnyObject;
                     currentGroupUser: import("../../shared/types").AnyObject[];
                     showMultipleVideo: boolean;
+                    userDetail: {
+                        show: boolean;
+                        position: {
+                            x: number;
+                            y: number;
+                        };
+                        userId: string;
+                        info: import("../../shared/types").AnyObject | null;
+                    };
                 };
                 setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
                 listRef: import("vue").Ref<any>;
@@ -1233,6 +1131,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             recordRef: import("vue").Ref<any>;
             recordList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
@@ -1480,6 +1387,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -1596,6 +1512,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
         relayMessage: (param: {
@@ -1604,12 +1529,23 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             content: import("../../shared/types").AnyObject;
         }) => Promise<void>;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+        setMessageLabel: (params: {
+            type: "text" | "emoji";
+            labelItem: string | import("../../shared/types").AnyObject;
+            msgId: string;
+        }) => void;
+        setUserDetail: (event: MouseEvent, userDetail: import("../../shared/types").AnyObject) => void;
         isGroupChat: import("vue").ComputedRef<boolean>;
         contextmenuRef: import("vue").Ref<any>;
         showMenu: import("vue").Ref<boolean>;
         menuPosition: any;
         menuMsgId: import("vue").Ref<any>;
         relayTriggerRef: import("vue").Ref<any>;
+        showLabel: import("vue").Ref<boolean>;
+        labelPosition: {
+            x: number;
+            y: number;
+        };
         pageInfo: {
             page: number;
             hasMore: boolean;
@@ -1623,6 +1559,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             [key: string]: any;
         }>[];
         getHistoryRecord: () => Promise<void>;
+        handleSelectLabel: (event: MouseEvent, msgId: string) => void;
         handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
         setMenuPosition: (event: MouseEvent) => Promise<void>;
         showMessage: (item: import("../../shared/types").AnyObject) => boolean;
@@ -1648,97 +1585,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NButtonGroup: any;
         NButton: any;
         NSpace: any;
-        PersonProfile: import("vue").DefineComponent<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }>>;
-            emit: (event: "close", ...args: any[]) => void;
-            state: {
-                orgId: string | number;
-                currentSessionItem: import("../../shared/types").AnyObject;
-                id: string;
-                userInfo: import("../../shared/types").AnyObject;
-                msgList: import("../../shared/types").AnyObject[];
-                currentMsg: import("../../shared/types").AnyObject;
-                isAppendMsg: boolean;
-                sessionList: import("../../shared/types").AnyObject[];
-                isChangeSession: boolean;
-                updateSessionItem: import("../../shared/types").AnyObject;
-                isUpdateSession: boolean;
-                currentReferenceMsg: import("../../shared/types").AnyObject | null;
-                currentReEditMsg: import("../../shared/types").AnyObject | null;
-                showVideo: boolean;
-                currentAVMsg: import("../../shared/types").AnyObject;
-                currentGroupUser: import("../../shared/types").AnyObject[];
-                showMultipleVideo: boolean;
-            };
-            openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
-            showUserDetail: import("vue").Ref<boolean>;
-            showLargeAvatar: import("vue").Ref<boolean>;
-            showPhone: import("vue").Ref<boolean>;
-            userDetail: import("../../shared/types").AnyObject;
-            info: {
-                label: string;
-                value: string;
-                key: string;
-            }[];
-            personInfo: import("vue").ComputedRef<{
-                label: string;
-                value: string;
-                key: string;
-            }[]>;
-            toOpenSession: () => Promise<void>;
-            updateShow: (value: boolean) => Promise<void>;
-            getContent: (info: import("../../shared/types").AnyObject) => any;
-            onChange: (options: {
-                file: import("naive-ui").UploadFileInfo;
-            }) => Promise<void>;
-            NAvatar: any;
-            NPopover: any;
-            NButton: any;
-            NIcon: any;
-            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            userId: {
-                type: (NumberConstructor | StringConstructor)[];
-            };
-            disabled: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            userInfo: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-            };
-        }>> & {
-            onClose?: ((...args: any[]) => any) | undefined;
-        }, {
-            disabled: boolean;
-        }>;
         MessageTemplate: import("vue").DefineComponent<{
             data: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
@@ -1847,110 +1693,82 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
+            setUserDetail: (event: MouseEvent, userDetail: import("../../shared/types").AnyObject) => void;
             inviter: import("vue").Ref<any>;
             invitee: import("vue").Ref<any[]>;
             isValidJSON: (str: string) => boolean;
             getTask: (_id: string | number, arrRes: import("../../shared/types").AnyObject[]) => () => Promise<unknown>;
             getEventContent: (data: import("../../shared/types").AnyObject) => Promise<void>;
             NButton: any;
-            PersonProfile: import("vue").DefineComponent<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }, {
-                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                    userId: {
-                        type: (NumberConstructor | StringConstructor)[];
-                    };
-                    disabled: {
-                        type: BooleanConstructor;
-                        default: boolean;
-                    };
-                    userInfo: {
-                        type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                    };
-                }>> & {
-                    onClose?: ((...args: any[]) => any) | undefined;
-                }>>;
-                emit: (event: "close", ...args: any[]) => void;
-                state: {
-                    orgId: string | number;
-                    currentSessionItem: import("../../shared/types").AnyObject;
-                    id: string;
-                    userInfo: import("../../shared/types").AnyObject;
-                    msgList: import("../../shared/types").AnyObject[];
-                    currentMsg: import("../../shared/types").AnyObject;
-                    isAppendMsg: boolean;
-                    sessionList: import("../../shared/types").AnyObject[];
-                    isChangeSession: boolean;
-                    updateSessionItem: import("../../shared/types").AnyObject;
-                    isUpdateSession: boolean;
-                    currentReferenceMsg: import("../../shared/types").AnyObject | null;
-                    currentReEditMsg: import("../../shared/types").AnyObject | null;
-                    showVideo: boolean;
-                    currentAVMsg: import("../../shared/types").AnyObject;
-                    currentGroupUser: import("../../shared/types").AnyObject[];
-                    showMultipleVideo: boolean;
-                };
-                openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
-                showUserDetail: import("vue").Ref<boolean>;
-                showLargeAvatar: import("vue").Ref<boolean>;
-                showPhone: import("vue").Ref<boolean>;
-                userDetail: import("../../shared/types").AnyObject;
-                info: {
-                    label: string;
-                    value: string;
-                    key: string;
-                }[];
-                personInfo: import("vue").ComputedRef<{
-                    label: string;
-                    value: string;
-                    key: string;
-                }[]>;
-                toOpenSession: () => Promise<void>;
-                updateShow: (value: boolean) => Promise<void>;
-                getContent: (info: import("../../shared/types").AnyObject) => any;
-                onChange: (options: {
-                    file: import("naive-ui").UploadFileInfo;
-                }) => Promise<void>;
-                NAvatar: any;
-                NPopover: any;
-                NButton: any;
-                NIcon: any;
-                ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-                EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-                userId: {
-                    type: (NumberConstructor | StringConstructor)[];
-                };
-                disabled: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                userInfo: {
-                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                };
-            }>> & {
-                onClose?: ((...args: any[]) => any) | undefined;
-            }, {
-                disabled: boolean;
-            }>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<import("../../shared/types").AnyObject>;
                 required: true;
             };
         }>>, {}>;
+        SelectLabel: import("vue").DefineComponent<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+        }, {
+            labelList: {
+                type: string;
+                label: string;
+            }[];
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                id: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                show: {
+                    type: BooleanConstructor;
+                };
+            }>> & {
+                "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:show", ...args: any[]) => void;
+            setMessageLabel: (params: {
+                type: "text" | "emoji";
+                labelItem: string | import("../../shared/types").AnyObject;
+                msgId: string;
+            }) => void;
+            handleMessageLabel: (type: "text" | "emoji", item: any) => void;
+            NButton: any;
+            NPopover: any;
+            NTabs: any;
+            NTabPane: any;
+            NTooltip: any;
+            emojis: {
+                default: string[][];
+                findEmoji(name: string): any;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            show: {
+                type: BooleanConstructor;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }, {
+            show: boolean;
+        }>;
         emojis: {
             default: string[][];
             findEmoji(name: string): any;
@@ -2068,6 +1886,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -2170,6 +1997,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         CallOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         VideocamOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         DocumentSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        HappyOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
@@ -2191,6 +2019,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -2299,6 +2136,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -2426,14 +2272,30 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
+        openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
         userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
         currentTabValue: import("vue").Ref<string>;
+        currentIndex: import("vue").Ref<number>;
         groupList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
         showNoData: import("vue").ComputedRef<boolean>;
         showAllNoData: import("vue").ComputedRef<boolean>;
         showGroupNoData: import("vue").ComputedRef<boolean>;
+        groupStartIndex: import("vue").ComputedRef<number>;
+        currentList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
+        handleKeyDown: (event: KeyboardEvent) => void;
+        addSession: (id: string) => Promise<void>;
+        handleTabChange: () => void;
         handleClose: () => void;
         NPopover: any;
         NButton: any;
@@ -2590,6 +2452,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         listRef: import("vue").Ref<any>;
@@ -2707,6 +2578,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         trtcProxy: import("vue").Ref<any>;
         trtc: import("trtc-sdk-v5").default;
@@ -2789,6 +2669,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentAVMsg: import("../../shared/types").AnyObject;
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
         };
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -2915,6 +2804,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentAVMsg: import("../../shared/types").AnyObject;
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
+                userDetail: {
+                    show: boolean;
+                    position: {
+                        x: number;
+                        y: number;
+                    };
+                    userId: string;
+                    info: import("../../shared/types").AnyObject | null;
+                };
             };
             setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
             listRef: import("vue").Ref<any>;
@@ -3016,6 +2914,64 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    PersonProfile: import("vue").DefineComponent<{}, {
+        state: {
+            orgId: string | number;
+            currentSessionItem: import("../../shared/types").AnyObject;
+            id: string;
+            userInfo: import("../../shared/types").AnyObject;
+            msgList: import("../../shared/types").AnyObject[];
+            currentMsg: import("../../shared/types").AnyObject;
+            isAppendMsg: boolean;
+            sessionList: import("../../shared/types").AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: import("../../shared/types").AnyObject;
+            isUpdateSession: boolean;
+            currentReferenceMsg: import("../../shared/types").AnyObject | null;
+            currentReEditMsg: import("../../shared/types").AnyObject | null;
+            showVideo: boolean;
+            currentAVMsg: import("../../shared/types").AnyObject;
+            currentGroupUser: import("../../shared/types").AnyObject[];
+            showMultipleVideo: boolean;
+            userDetail: {
+                show: boolean;
+                position: {
+                    x: number;
+                    y: number;
+                };
+                userId: string;
+                info: import("../../shared/types").AnyObject | null;
+            };
+        };
+        openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
+        showLargeAvatar: import("vue").Ref<boolean>;
+        showPhone: import("vue").Ref<boolean>;
+        userDetail: import("../../shared/types").AnyObject;
+        info: {
+            label: string;
+            value: string;
+            key: string;
+        }[];
+        personInfo: import("vue").ComputedRef<{
+            label: string;
+            value: string;
+            key: string;
+        }[]>;
+        toOpenSession: () => Promise<void>;
+        updateShow: () => Promise<void>;
+        getContent: (info: import("../../shared/types").AnyObject) => any;
+        onChange: (options: {
+            file: import("naive-ui").UploadFileInfo;
+        }) => Promise<void>;
+        NAvatar: any;
+        NPopover: any;
+        NButton: any;
+        NIcon: any;
+        ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "unread-message-update" | "session-change" | "session-close")[], "template-click" | "unread-message-update" | "session-change" | "session-close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     token: {
         type: StringConstructor;
@@ -3072,9 +3028,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     "onSession-close"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
-    filterable: boolean;
     showHeader: boolean;
     baseURL: string;
     extraParams: import("../../shared/types").AnyObject;
+    filterable: boolean;
 }>>;
 export default IhoChat;